Guía para utilizar la extensión Monarch, que permite compartir tus contenidos en las redes sociales

Te voy a presentar la extensión Monarch y te voy a explicar cómo añadir los famosos botones de compartir que se ven en muchos sitios.

Esto es ideal si tienes el perfil de redactor de contenidos para tu sitio web y quieres darlo a conocer más ampliamente.

Probablemente quiera maximizar su visibilidad aún más y estoy seguro de que eso es lo que le ha llevado a visitar este artículo.

La ventaja de optar por una extensión de este tipo es animar a los visitantes de su sitio y a los lectores de sus contenidos a compartir sus páginas y entradas de blog en sus redes sociales.

Esto puede ayudarle en gran medida a mejore su visibilidad y generar tráfico a su sitio web.

Si necesita ayuda para diseñar un sitio web o añadir extensiones, no dude en llamar a un proveedor de desarrollo web.

Aviso: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

Artículo invitado por Zakaria de Baleez.

¿Dónde puedo conseguir la extensión Monarch?

Así que probablemente estés buscando una extensión de calidad para añadir esta funcionalidad de compartir en redes sociales a tu sitio web y déjame decirte que Monarca es una excelente opción.

Esta extensión es "gratuita", digamos que se incluye al contratar una licencia con Elegant themes (de por vida o por el año), al igual que Bloom.

Efectivamente, Elegant themes ofrece un paquete al comprar su tema premium Divi y en el que se encuentra Monarch, el plugin para compartir en redes sociales.

Si aún no tiene su licencia, lea el artículo que explica ¿Cuánto cuesta Divi? según las licencias.

A partir de ahora, para el resto de este tutorial, consideraré que tienes la extensión Monarch instalada y activada en tu sitio de WordPress.

Te aconsejo que eventualmente agregues una página "borrador" y publiques desde tu interfaz de WordPress para que puedas probar sin tener que tocar tus páginas existentes.
En mi caso, como el sitio está en blanco, me conformaré con una simple página de inicio y un artículo básico diseñado por defecto en WordPress.

¿Lo sabías? Puede probar Divi de forma gratuita visitando en esta página y haciendo clic en "PRUEBA GRATUITA

Las características que ofrece el plugin Monarch

¿Está instalada y activada su extensión?
Genial, te sugiero que vayas a la configuración de este plugin haciendo clic en "Configuración" o desde el Herramientas > Configuración de Monarch de su administración de WordPress.

Ahora deberías estar en una interfaz naranja con varias pestañas de configuración en el lado izquierdo:

• Compartir en las redes sociales
• Alquileres
• Redes
• Seguimiento social
• Configuración general
• Etc.

Pestaña de ubicaciones

Comencemos este tutorial revisando el Compartir en las redes sociales.

Esta pestaña se compone de varios epígrafes que vamos a ver y te invito a que vayas al primero que se titula "Alquileres".

Por lo tanto, primero debe elegir la(s) posición(es) que desea (puede seleccionar una o varias).

Hay varias posibilidades de ubicación, como :

• Al margen,
• En línea,
• Aparece,
• Vuela,
• Medios de comunicación.

Puedes tener una visión general de su aspecto según la ubicación que elijas.

Dependiendo de su tipo de sitio, de su carta gráfica o de otra, debe hacer su elección para que los botones encajen de la mejor manera en sus páginas.

En mi caso, voy a empezar con algo bastante sencillo y clásico: la barra lateral que voy a aplicar sólo a mi entradas de blog.

Me gustaría señalar que este tipo de funcionalidad que ofrece Monarch es más adecuada para los blogs, es decir, para la integración de botones en las entradas de tu blog.

Probablemente sea menos sensato e interesante que lo hagas en tus páginas generales, pero si lo necesitas, puedes hacerlo y lo miraremos juntos.

Pestaña Redes

Esta es la parte central y probablemente una de las más importantes de la ampliación, la sección "Redes".
Aquí es donde puedes definir qué redes quieres añadir a tu bloque de botones y déjame decirte que tienes mucho donde elegir en cuanto a redes disponibles.

Te invito a que hagas clic en "Añadir redes" para añadir tus redes favoritas.

A continuación, sólo tienes que elegir los que quieres añadir a tu bloque de redes sociales.

Por mi parte, opté por añadir Facebook, Pinterest y LinkedIn. No olvide guardar las modificaciones que realice en las secciones de la extensión antes de abandonarlas, haciendo clic en "Guardar cambios".

Configuración del icono Monarch

Pasemos a los ajustes que se pueden hacer para los iconos. Para simplificar este tutorial, sólo trataremos aquí la sección "Sidebar", porque es la más común y porque las otras secciones (Inline, Pop up, Fly in, On media) son relativamente muy similares a la sección "Sidebar".

Aquí están los 5 subtítulos de "Sidebar" que puedes encontrar como ajustes principales:

• Estilos de iconos
• Elección del icono
• Configuración de la pantalla
• Ajustes de color
• Configuración del tipo de puesto

Estilo Icono

Aquí tienes 5 opciones para definir el estilo de los iconos así como su apariencia al pasar el ratón por encima.

Selección de iconos

También puedes configurar tu icono preferido en una de las tres opciones: cuadrado, cuadrado con bordes redondeados y círculo.

Guardando mi configuración actual y yendo a mi borrador de la entrada del blog, esto es lo que parece ahora.

Configuración de la pantalla de Monarch

Tienes la posibilidad de gestionar varios elementos en la parte de ajustes de la pantalla.

Como habrá notado, la extensión está actualmente en inglés. Me atrevo a esperar que algún día el editor proponga una versión multilingüe de la extensión con el francés incluido. De momento, no te preocupes, no hay, de hecho, nada realmente malo y si tienes dudas sobre algunos términos, un poco de traducción en nuestro amigo Google y asunto resuelto 😉

Volviendo a nuestro tema, la ampliación propone regular principalmente :

• Visualización del lado de la barra
• Animación
• Mostrar (u ocultar) el contador y el número total de acciones
• Mostrar un botón adicional para compartir en otras redes distintas a las previstas inicialmente
• Añadir espacio
• Ocultar en los móviles

Según las casillas que marque, pueden aparecer sub-configuraciones.
Te invito a que navegues por las distintas posibilidades según tus necesidades y también a que pruebes para ver cómo queda en tus páginas.

Ajustes de color

Como es de esperar, aquí podemos ajustar los colores de nuestros botones de compartir.

Personalmente, te aconsejo que dejes la configuración por defecto, ya que los visitantes están acostumbrados a ver los colores conocidos y extendidos de las redes sociales, como el azul oscuro de Facebook, el azul claro de Twitter, el rojo de Pinterest, etc.

Sin embargo, también puede utilizar los colores de su carta gráfica, como aquí en Astuces Divi, puede entonces :

• Cambia el color de fondo y también el color del hover
• Cambiar el color del icono y también el color del hover

Configuración del tipo de puesto

Para terminar esta sección sobre las diferentes configuraciones posibles para los iconos, la extensión le permite definir en qué páginas desea mostrar su bloque de botones en su sitio.

Por defecto, la extensión comprueba "Post" y "Page", pero te recomiendo que dejes marcado sólo "Post". Esto se debe a que, como hemos visto, este tipo de extensión es en realidad más adecuada para compartir las publicaciones del blog y puede que no tenga sentido que lo muestre en todo su sitio. Sin embargo, tiene la posibilidad de definir en qué páginas mostrar sus botones si es necesario.

¿Necesitas dominar Divi? ¡Descubre mi formación que te guiará paso a paso en la comprensión y uso de Divi! Más información sobre la formación en Divi.

Pestaña de ajustes principales (ajustes generales)

Última pestaña propuesta por la extensión: los ajustes principales. No hay nada especial aquí.

En particular, puede gestionar los :

• Frecuencia de actualización de los contadores
• Vincula tu extensión a la API de Facebook
• Añadir código CSS adicional

Ficha de seguimiento social

Para terminar este tutorial, debes saber que la extensión Monarch también ofrece la posibilidad de añadir, además de tus botones de compartir, iconos para seguirte en tus redes sociales. Puedes encontrar esta función en la pestaña "Social Follow".

Los ajustes son muy similares a los de la pestaña "Compartir en redes sociales" que hemos visto en detalle en este tutorial. Si has entendido lo que hemos visto juntos hasta ahora, no deberías tener problemas para configurar la pestaña "Social Follow".

Por último, ten en cuenta que una vez que hayas definido tus redes para el "Social Follow", tienes dos posibilidades para integrarlas en tus páginas:

• Como un widget (que se añade desde la pestaña Apariencia > Widgets)
• Mediante shortcode (código a integrar en los lugares deseados de sus páginas)

No dude en utilizar la zona de comentarios si tiene alguna duda sobre estos puntos, estaré encantado de ayudarle.

Ficha de estadísticas

Una vez que los botones estén instalados en su sitio (para compartir y seguir), no olvide comprobar sus estadísticas con regularidad.

Monarch es una extensión práctica y fácil de configurar para compartir...

Para terminar este artículo, quiero compartir con vosotros mis impresiones sobre esta extensión. A mí personalmente me parece muy interesante y si usas el tema Divi (lógicamente sí), no te vas a desorientar.

De hecho, al estar también desarrollado por Elegant themes, encontrarás un estilo similar al de Divi o su primo, la extensión Bloom que gestiona el Opt-In (boletín de noticias).

Además, me parece muy fácil de usar, lo que la hace aún más accesible.

Si es necesario, recuerde que un agencia especializada en WordPress puede acompañarte si necesitas instalar un tema como Divi o una extensión como Monarch.