Seleccionar página

Hoy os voy a hablar de (para mí y para muchos) uno de los mejores plugins para WordPress que existen en la actualidad para crear botones de compartir nuestro contenido en Redes Sociales y al mismo, botones de follow para que nos sigan en nuestros perfiles sociales.

Se trata de Monarch, un plugin PREMIUM, es decir, de pago, que podréis encontrar en la página de Elegant Themes y que tiene un coste de $89 al año o bien $249 con licencia de por vida, aunque ese no es el precio real del plugin, si no de la licencia completa de Elegant Themes, con la que podréis acceder a todos los plugins y themes premium de esta web, ya sabes, Divi, Extra, Bloom, etc. Por otro lado, ya sabéis que si os suscribís a mis Cursos de Marketing Online, lo tendréis totalmente GRATIS, ya que además de todos mis cursos, la suscripción incluye todos los recursos premium que yo utilizo para mis proyectos y son muchos, de hecho están valorados en más de 1.000 €.

Volviendo a lo que nos acontece, el plugin Monarch y todo su potencial, os tengo que decir que este tutorial vamos a aprender todo lo necesario para que podáis utilizarlo y dejarlo funcionando al 100 % en vuestra web, vamos a destriparlo entero, de arriba a abajo.

La única pega que tiene Monarch (tenía que tener algo… je je) es que está en inglés, pero bueno, no os preocupéis, os voy a decir qué significa cada cosa para que lo entendáis a la perfección. Así que sin más, ¡vamos allá!

¿Por qué Monarch?

Ahora os voy a dar algunas razones de por qué Monarch y no otro plugin para compartir nuestro contenido en Redes Sociales, ¡allá voy!

  • Primero, porque es un plugin de Elegant Themes, eso ya te da garantías de que va a ser bueno y además el soporte, un lujo.
  • Su interfaz es súper simple e intuitiva y aunque nunca jamás lo hayas utilizado, en poco tiempo serás capaz de sacarle partido.
  • Puedes elegir entre más de 20 redes sociales para compartir tu contenido.
  • Y más de 35 redes sociales para que te hagan follow los visitantes de tu web.
  • Puedes elegir entre varias ubicaciones para tus botones de compartir en redes sociales: al inicio o al final de tus posts, en pop-up, en el lateral de la pantalla, en tus imágenes y en tus vídeos.
  • En cuanto a la configuración del pop-up, se puede activar según tiempo de permanencia en la página, scroll, al comentar, etc., una pasada.
  • Todos los botones se pueden personalizar al máximo.
  • En los botones de follow para nuestros perfiles sociales, se van actualizando automáticamente nuestros seguidores (lo veremos después).
  • Cuenta con un generador de shortcodes, para colocar los botones en cualquier lugar de nuestra web.
  • Puedes editar los estilos CSS a tu gusto.
  • Te permite exportar e importar todos los ajustes.
  • Además, Monarch cuenta con un potente servicio de estadísticas, en tiempo real y dividido por posts y páginas.

Instalación y configuración de Monarch

Bien, visto todo lo anterior, llega la hora de instalar y configurar Monarch. Para ello, lo primero que tenemos que hacer es descargar el plugin, bien desde su página oficial o bien, si eres suscriptor de mis cursos, desde la Zona Privada.

Ahora, instalamos el plugin desde nuestro WordPress > Plugins > Añadir nuevo > Subir plugin.

Una vez instalado, lo activamos y por último, nos dirigimos a Herramientas > Monarch Settings. A partir de aquí, podemos empezar a configurar nuestro plugin Monarch desde el principio.

Tutorial Monarch para WordPress - Botones de compartir en Redes Sociales

Entendiendo la estructura de Monarch

La estructura o la interfaz de Monarch, como os decía al principio, es muy sencilla y amigable, aún así, os explico en qué consiste para dejaros aún más claro su funcionamiento. Básicamente, distinguiremos los siguientes apartados o módulos:

  • SOCIAL SHARING – Configuración para los botones de compartir en Redes Sociales.
    • Locations – Localizaciones de los botones.
    • Networks – Plataformas sociales que queremos que aparezcan.
    • Sidebar – Configuración de la opción de barra lateral.
    • Inline – Configuración de la opción dentro de los artículos.
    • Pop-Up – Configuración de la opción de Pop-Up.
    • Fly In – Configuración de la opción flotante.
    • On Media – Configuración de la opción en imágenes y vídeos.
  • SOCIAL FOLLOW – Configuración de los botones de follow en nuestros perfiles sociales.
    • Networks – Plataformas sociales que queremos que aparezcan para hacernos follow.
    • Widget – Configuración de la opción widget.
    • Shortcode – Configuración del shortcode.
  • GENERAL SETTINGS – Opciones generales.
    • Main – Configuración de las opciones generales.
  • CANDADO (Arriba a la derecha) – Para introducir las credenciales de la licencia.
  • IMPORTAR / EXPORTAR (Arriba a la derecha) – Para exportar e importar nuestros ajustes y configuración.
  • ESTADÍSTICAS (Arriba a la derecha) – Para ver todas las estadísticas de nuestro sitio.

SOCIAL SHARING – Botones para compartir contenido en Redes Sociales

Entramos ya en el primer gran apartado de la configuración y ajustes de nuestro plugin Monarch, aquí vamos a configurar todo lo relacionado con los botones de compartir en Redes Sociales, éste sería un ejemplo de ello (extraído de un artículo de mi blog):

Botones de compartir en Redes Sociales - Monarch WordPress

LOCATIONS – Localización de los botones

En primer lugar, vamos a configurar el lugar en el que queremos que aparezcan los botones de compartir en Redes Sociales. A continuación os describo qué significa cada uno de ellos:

Localización de los botones de compartir en redes sociales - Monarch WordPress

  • SIDEBAR: Los iconos estarán a un lado de la pantalla y te seguirán cuando hagas scroll con el ratón
  • INLINE: los botones estarán debajo de la imagen principal del post, al final del post, o ambas a la vez.
  • POP UP: Una ventana emergente en medio de la pantalla.
  • FLY IN: Una ventana emergente en una esquina.
  • MEDIA: los botones aparecerán discretamente dentro de las imágenes, muy útiles si quieres compartir fotos y videos.

NETWORKS – Plataformas sociales que queremos que aparezcan

Aquí vamos a configurar y a definir las plataformas sociales que aparecerán en el lugar que antes hemos indicado, a través de las cuales, nuestros visitantes podrán compartir el contenido de nuestra web o blog.

Plataformas sociales para compartir en redes sociales - Monarch WordPress

Podemos añadir todas aquellas que deseemos, para ello, sólo tenemos que pinchar en el botón ADD NETWORK y elegir la que queramos. Además de plataformas sociales, este módulo cuenta con un botón de LIKE, para darle a Me Gusta al post en cuestión. ¡OJO! Mi recomendación es que no elijas muchas plataformas, para que no se vea cargada la página y otra cosa, haz que coincidan el número de plataformas, con el número de columnas que definiremos en los ajustes posteriores, para que se vean todas en la misma línea.

A partir de aquí, no es necesario editar todas las demás configuraciones de este módulo, sólo la/s que hemos elegido para nuestra web o blog, me explico, si sólo hemos elegido que queremos mostrar los botones de compartir en Redes Sociales dentro de nuestros post o artículos, sólo tendremos que configurar los ajustes de la opción INLINE y así sucesivamente. Aunque yo os explicaré todos y cada uno de los módulos, para que quede totalmente claro.

SIDEBAR – Configuración de las opciones para la barra lateral

Aquí vamos a configurar todas las opciones para los botones de compartir en Redes Sociales que se encuentran en la barra lateral. Posibles combinaciones de como quedarían podrían ser las siguientes:

Botones de compartir en redes sociales en la barra lateral - Monarch WordPress

CONFIGURE SIDEBAR SHARE ICONS – Estilo y forma de los iconos

En la primera parte de esta sección CHOOSE ICON STYLE, elegiremos el estilo de nuestros botones; para ver los diferente estilos, basta con pasar el ratón por encima de cada uno de ellos. A continuación, en el apartado CHOOSE ICON SHAPE podremos elegir la forma de los mismos.

Estilo y forma de los iconos en Sidebar - Monarch WordPress

DISPLAY SETTINGS – Opciones de visualización

Aquí nos vamos a encontrar las opciones relacionadas con la posición de la barra, animación, etc., detallamos cada una de ellas.

Opciones de visualización de la barra lateral - Monarch WordPress

  • Orientación del Sidebar: para elegir si la barra lateral se muestra a derecha o izquierda.
  • Intro Animacion: la animación de la barra lateral al cargar la página.
  • Display Share Counts: muestra un contador en cada icono con las veces que se ha compartido la página o post en cada red social.
  • Display Total Shares: muestra una suma de todas las veces que ha sido compartido el contenido.
  • Display All Networks Button: muestra un botón fino debajo de los iconos que al pulsarlo muestra todas las redes sociales, recomendable quieres poner muchas redes sociales.
  • Add Icon Spacing: crea una separación entre los iconos.
  • Hide On Mobile Devices: oculta los iconos de la barra lateral en los móviles.

COLOR SETTINGS – Opciones de color

En esta sección cambiaremos (o no) los colores de los botones. Esto no es necesario; pero si por ejemplo deseas que todos tengan el mismo color, puedes utilizarlo.

Opciones de color de los botones sidebar - Monarch WordPress

POST TYPE SETTINGS – Dónde queremos que aparezcan los botones

En la última sección, vamos a configurar en qué tipos de contenidos queremos que aparezcan los botones. Dependiendo de la cantidad de tipos de contenidos (CTP) que tengamos en nuestro WordPress, nos saldrán más o menos opciones aquí.

Tipos de contenidos en los que mostrar los botones sidebar.- Monarch WordPress

INLINE – Configuración para la opción dentro de los artículos

Ahora, si en su momento elegimos la opción de mostrar los botones dentro de nuestros artículos, es aquí dónde tenemos que configurar todas las opciones. Tendremos 3 opciones para mostrar los botones de compartir en Redes Sociales: al inicio del artículo, al final o en las dos ubicaciones. Aquí tenéis un ejemplo de todos ellos:

Ejemplos de opciones inline botones redes sociales - Monarch WordPress

En cuanto a todos los demás aspectos de configuración, es todo igual que en el apartado anterior, botones, colores, etc.; tan sólo encontramos 3 elementos que cambian o se añaden en el apartado DISPLAY SETTINGS, que son los siguientes:

  • Choose Location: si queremos que los iconos aparezcan, encima del contenido, debajo, o en ambas posiciones.
  • Icon Aligment: si queremos que los iconos estén a la derecha o centrados.
  • Number of Colums: el número de columnas de la posición de los iconos. Aquí es dónde os decía antes que eligieseis el mismo número de columnas que de plataformas sociales, para que sólo ocupe una línea todo.

POP UP – Ventana emergente en el centro de la imagen

Entramos ahora en la configuración del Pop-Up o ventana emergente en el centro de nuestra pantalla. A continuación os dejo algún ejemplo:

Ejemplos de Pop Up en Monarch para WordPress

Con respecto a la forma, tipo, color y tipos de contenido donde se muestra, es todo igual que en las secciones anteriores. Por otro lado, en el apartado TITLE y MESSAGE introduciremos el título y el mensaje que deseemos.

A continuación, en el apartado DISPLAY SETTINGS encontraremos todas estas opciones:

  • Icon Alignement: la alineación de los iconos dentro del pop up, izquierda o centrada.
  • Number of Colums: número de columnas de iconos.
  • Intro Animacion: Tipo de animación al aparecer el POP UP.
  • Trigger After Time Delay: si lo marcas el pop up aparecerá después de unos segundos.
  • Delay (in seconds): segundos en los que tarda en aparecer el POP UP.
  • Trigger After Inactivity: Activación por inactividad del usuario.
  • Trigger At The Bottom Of Post: el POP UP se activa al llegar al final del post.
  • Trigger After Commenting: el pop up se activa después de comentar.
  • Trigger After Scrolling: se activa al hacer scroll con el ratón.
  • Percentage Down The Page: el porcentaje de la página que se debe llegar a hacer scroll para que aparezca el POP UP.
  • Trigger After Purchasing: se activa después de comprar con WooComerce.
  • Display Once Per Session: cuantas veces por sesión aparece el POP UP.
  • Display Share Counts: mostrar el número de veces que se ha compartido por cada red social.
  • Display Total Shares: mostrar el número total de veces que se ha compartido.
  • Display Network Names: mostrar el nombre de las redes sociales.
  • Display ‘All Networks’ Button: mostrar un botón con todas las redes sociales.
  • Remove Icon Spacing: quitar el espacio entre iconos.
  • Hide On Mobile Devices: desactivar los POP UP en los móviles.

Si sois amantes de los Pop-Ups, os encantará Monarch, ya habéis visto qué cantidad de configuraciones posee.

FLY IN – Ventana emergente en una esquina

Esta opción es muy parecida a la opción anterior de Pop-Up, con la diferencia de que ahora la ventana emergente aparece en un lateral inferior de la pantalla.

Ejemplo de opcion fly in en Monarch para WordPress

Como podéis imaginar, las opciones de configuración son idénticas a las de Pop-Up, con la única diferencia de que en esta ocasión, podemos elegir si queremos que aparezca en el lateral derecho o en el izquierdo.

ON MEDIA – Configuración de los botones en las imágenes

Como hemos mencionado antes, si elegimos esta opción, los iconos sociales aparecerán dentro de las imágenes, en una esquina, permitiéndonos que las compartamos en las Redes Sociales. Tendremos esta opción para todas las imágenes de la web o blog, también para las imágenes de los productos. A continuación os muestro un ejemplo de cómo quedaría:

Botones de compartir en redes sociales en imagenes - Monarch WordPress

¡OJO! Cuidado con elegir muchas plataformas sociales, puede que los iconos tapen gran parte de la imagen y sea contraproducente.

Con esta última sección hemos terminado todas las opciones de configuración de los botones de compartir en Redes Sociales. Pasamos ahora a los botones de follow para nuestros perfiles sociales.

SOCIAL FOLLOW – Botones de follow en nuestros perfiles sociales

Estos botones van a permitir que los usuarios y visitantes de nuestra página web o blog, puedan seguirnos en nuestras diferentes plataformas sociales, potenciando así el engagement social y la garantía de que puedan volver a nuestro Site en un futuro.

A nivel técnico, podremos incorporar estos botones en cualquier parte de nuestra web o blog, bien mediante un widget o bien mediante un shortcode, ¡vamos a verlo!

NETWORKS – Plataformas sociales que queremos que aparezcan para hacernos follow

En primer lugar, vamos a elegir qué plataformas sociales queremos que aparezcan o nos interesa mostrar para que nuestros visitantes nos sigan. Si pinchamos en el botón ADD NETWORK (igual que en la sección de los botones sociales), podremos añadir todas las que deseemos. Evidentemente, no vamos a añadir ninguna red social en la que no estemos, no tendría mucho sentido.

Plataformas sociales social follow Monarch WordPress

A partir de aquí, la configuración es bastante sencilla. En las opciones de cada botón debemos insertar el nombre de la plataforma, la URL de nuestro perfil, página, etc. y también podemos indicar el número de seguidores que tenemos.

Una opción muy interesante es podemos mostrar, de manera actualizada, el número de seguidores de cada plataforma social, para ello tenemos que marcar la opción “Get counts via API”. En algunas redes sociales como YouTube, Twitter o Facebook debemos introducir códigos API que se encuentran en las opciones de nuestras redes sociales.

NOTA: la configuración de la API de Facebook está en el apartado GENERAL SETTINGS del menú de Monarch.

Por otro lado, Elegant Themes nos da más información de cómo obtener estos códigos API para cada RED social en el siguiente enlace.

http://www.elegantthemes.com/plugins/monarch/documentation/api/

WIDGET – Configuración del widget

Tal y como hemos comentado antes, la opción del widget es una de las opciones que podemos utilizar para mostrar los iconos de Social Follow en nuestra web o blog. El widget de Monarch aparecerá automáticamente en la sección de Widgets de WordPress una vez instalado el plugin y podremos insertarlo en cualquier zona de widgets que tenga nuestro sitio. El aspecto que tendrá será parecido a éste (ejemplo de mi web):

Configuración del widget en Monarch para WordPress

En cuanto a las opciones de configuración del mismo, nada nuevo que decir, son iguales a todo lo que hemos visto anteriormente.

Y para insertar el widget en nuestra web o blog, lo dicho, nos dirigimos a Apariencia > Widgets y desde ahí, arrastramos el widget Monarch Follow hasta la zona de widgets que deseemos y listo, quedará automáticamente configurado para siempre.

SHORTCODE – Configuración del shortcode para los iconos de social follow

Como ya sabéis, ésta es una de las cosas por las que se diferencia notablemente Monarch de otros plugins de Social Follow para WordPress, la opción de generar un shortcode que te permita colocar los iconos de Social Follow en cualquier parte, contenido, estructura, etc.

Sólo basta con configurar todos los ajustes (de la misma manera que en todos los módulos anteriores) y generar el shortcode. Ahora sólo tendremos que copiar y pegar donde nos plazca.

Shortcode iconos social follow de Monarch para WordPress

IMPORTAR / EXPORTAR

También lo comentamos al principio, por esta razón Monarch es diferente a los demás plugins, porque nos permite la opción de exportar e importar nuestros ajustes y configuración. Basta con utilizar los botones EXPORT para exportar e IMPORT para importar los ajustes de otro sitio.

Opción de importar y exportar ajustes en Monarch para WordPress

ESTADÍSTICAS

Otra de las opciones que hacen diferente a Monarch es su sección de estadísticas, en la que podremos ver el total de veces que se han compartido nuestros artículos, el total de likes y la actividad de los visitantes de nuestro sitio.

Estadísticas de Monarch para WordPress

Las estadísticas se muestran tanto por plataforma social, como por tiempo; últimos 7 días, últimos 30 días, últimos 12 meses y durante todo el tiempo. ¡Ah! Que no se os olvide que el botón de las estadísticas está en la parte superior derecha.

MÁS CONFIGURACIONES Y OPCIONES

Pero esto no es todo, no, Monarch tiene un as en la manga y es que podremos elegir dentro de cada entrada, página o cualquier tipo de contenido si queremos mostrar los botones de compartir en Redes Sociales o no, en las opciones de configuración que nos aparecerán al final del editor de texto de WordPress una vez instalado el plugin.

Opciones de Monarch en las entradas y paginas de WordPress

Además, podremos ver las estadísticas de cada entrada, página o cualquier tipo de contenido de manera individual dentro de los mismos. Una pasada, ¿verdad?

Siempre podremos habilitar las opciones para que aparezcan los módulos de Monarch o no en los distintos tipos de contenido a través de las Opciones de pantalla de WordPress.

Opciones de pantalla de WordPress - Monarch

CONCLUSIÓN

Hoy en día, si no muestras tus contenidos, tus productos, en definitiva, tu información en las Redes Sociales, es casi imposible que te conozcan, que sepan de ti o de tu empresa.

Además, necesitas seguidores en las mismas para que puedan ver o compartir tu contenido. Si a todo esto le sumas una buena página web o blog que complemente todo eso, tenemos un círculo perfecto.

Sólo nos falta la herramienta que nos permita enlazar todo esto y poder hacer que exista la interacción entre las plataformas sociales y nuestra web o blog y ahí es donde entra Monarch, con todos las ventajas que posee como plugin de Social Follow y de creación de botones para compartir nuestro contenido en las distintas Redes Sociales.

Si no conocíais Monarch y después de leer este tutorial empezáis a probarlo, dejad vuestras impresiones en los comentarios. Si por el contrario utilizáis otro plugin parecido y queréis igualmente comentar cuál es vuestra experiencia con él, también seréis bienvenidos 😉

¡Hasta la próxima!