portada del tutorial monarch

Tutorial Monarch Plugin, Social Media para WordPress

Con el tutorial Monarch plugin aprenderás a instalar y configurar el plugin Monarch de Elegant Themes cuya función es crear iconos de redes sociales para compartir contenido y ganar suscriptores.

Mostrar tus redes sociales en el blog es algo indispensable si quieres difundir tus contenidos para llegar a más personas y que los visitantes de tu blog se suscriban a tus perfiles sociales.

Con el plugin Monarch de Elegant Themes podemos integrar botones para compartir y botones para suscribirse de una forma muy sencilla con un estilo realmente bueno.

Monarch permite mostrar los iconos de redes sociales en múltiples lugares de nuestra página web, como al principio y final del blog, discretamente en un lado de la web, en la barra latera e incluso en las imágenes.

Esta tan bien que es el plugin de social media que usa este blog.

Es tan fácil de configurar que casi no hago el tutorial Monarch plugin, pero, ¡Oh no! ¡Está en ingles!, así que os facilitare la vida a quien no tenga idiomas.

Siento decir que lo bueno es de pago, y para conseguir el plugin Monarch tendrás que tener una suscripción de pago en Elegant Themes con la que conseguirás este fantástico plugin y además te dará acceso a todos los temas y plugins de Elegant Themes incluido Divi del que te dejo una Review Aquí.

La suscripción por año que incluye los temas y plugins ronda los 69 Dólares (78€ aprox).

Podrás usar para siempre los temas y plugins aunque no renueves la suscripción cada año, solo que no podrás acceder a sus actualizaciones cuando termine el año de suscripción.

O puedes suscribirte de por vida por 249 dólares.

Parezco un vendedor pero solo quería explicarte que este plugin es de pago.

 

CARACTERÍSTICAS DE MONARCH

Antes de empezar con el tutorial monarch plugin vamos a ver las caracteristicas de este fantástico plugin.

  • 20 redes sociales para compartir el contenido y un botón de “me gusta”.
  • Más de 35 redes sociales para suscribirse.
  • 5 ubicaciones, barra lateral flotante, encima o debajo del contenido, en imágenes y videos, en un pop-up, en un aviso en la pantalla.
  • Activación del pop-up según, tiempo, scroll del ratón, al comentar, al comprar, por inactividad.
  • Personalización de botones.
  • Generador de Shortcode para usar códigos cortos con los botones de suscripción.
  • Estadísticas en el tiempo generales y por cada página o post.

Puedes ver las características completas y una demo del plugin Monarch aquí.

 

INSTALACIÓN DE MONARCH

La instalación es como cualquier instalación de un plugin en WordPress.

Después de suscribirnos en Elegant Themes, buscamos en la sección de plugins a Monarch y descargamos el archivo ZIP.

descargar tutorial monarch plugin

En el menú de nuestro WordPress vamos a Plugins > Añadir Nuevo y hacemos clic en el botón subir plugin.

Seleccionamos el archivo ZIP que descargamos y pulsamos en Instalar Ahora, después esperamos a que se instale y lo Activamos.

nstalacion tutorial monarch plugin

Si te da un error al instalarse, puede ser por la configuración del tamaño de archivos que puedes subir a tu servidor.

Entonces tienes que descomprimir el archivo ZIP en tu ordenador y subir la carpeta descomprimida llamada Monarch mediante FTP (FileZilla) a la carpeta “Plugins” que se encuentra en wp-content > plugins.

Una vez subido el archivo, ves a “Plugins Instalados” y Actívalo.

 

CONFIGURACIÓN DEL PLUGIN MONARCH

Una vez instalado y activado Monarch, las opciones de configuración de este plugin se encuentran en el menú de WordPress, Herramientas > Monarch Settings.

opciones-monarch-wordpress

Primero configuraremos los botones que permiten a los usuarios compartir nuestro contenido en las redes sociales (SOCIAL SHARING) sociales y después los botones de suscripción a nuestras redes sociales (SOCIAL FOLLOW).

 

SOCIAL SHARING | BOTONES PARA COMPARTIR CONTENIDO

Para crear los botones para compartir contenido (SOCIAL SHARING) no hace falta que dispongas de perfiles propios en las redes sociales, serán los usuarios de tu web los que compartan el contenido a través de sus perfiles.

Normalmente los iconos para compartir el contenido se colocan en los post del blog.

Vamos al apartado Social Sharing en el menú del plugin Monarch para comenzar a configurar las opciones.

 

LOCALIZACIÓN DE LOS BOTONES

Primero en el apartado de LOCATIONS tendremos que elegir donde queremos que se muestren los botones de las redes sociales que sirven para compartir los contenidos.

locations- tutorial monarch plugin

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

En el apartado NETWORKS elegimos las redes sociales donde queramos que se difunda nuestro contenido.

como configurar las redes sociales en el plugin monarch

Pulsando en el botón ADD NETWORKS nos aparecerá la lista de las redes sociales y entre ellas encontraremos una llamada LIKE representada con un corazón, LIKE no es una red social si no un botón de “Me gusta” similar al de Facebook.

Lo ideal es elegir entre 2 y 4 redes sociales, ya que si pones más aparecerán demasiados iconos en la pantalla.

lista redes sociales tutorial monarch plugin

RECOMENDACIÓN: Si quieres poner más de 4 redes sociales, lo ideal es que elijas 4 en esta pantalla y más adelante configuraremos un botón donde aparezca la lista de todas las demás redes sociales para que sea más discreto.

Una vez elegidas, podemos configurar el nombre que aparecerá en cada botón que por defecto es el nombre de la red social y en algunos casos como Twitter podemos introducir nuestro usuario de Twitter para que cuando compartan los contenidos aparezca nuestro Nick.

 

OPCIONES DE LAS LOCALIZACIONES

Una vez elegidas las localizaciones de los iconos y las redes que queremos utilizar para difundir nuestro contenido configuraremos a fondo cada una de las localizaciones.

La mayoría de las opciones son iguales en todos los apartados y únicamente cambian dependiendo del uso de la posición.

menu-localizaciones-monarch-plugin

 

SIDEBAR

Vamos al apartado SIDEBAR para configurar las opciones relativas a la barra de iconos lateral, como la posición, el aspecto de los botones de la barra lateral y el tipo de páginas en la que se muestra esta barra.

 

ejemplo iconos sidebar tutorial monarch plugin

 

ESTILO Y FORMA DE LOS ICONOS

Elegimos la animación en el subapartado CHOOSE ICON STYLE, al pasar el ratón por encima de los iconos veremos una pre visualización y en el subapartado COOSE ICON SHAPE elegimos la forma de los iconos.

configurar sidebar monarch plugin

 

DISPLAY SETTINGS

En este apartado encontraremos opciones relevantes a la posición de la barra y los datos que pueden mostrar los iconos, como el número de veces que se ha compartido una publicación.

configuracion iconos redes sociales barra lateral

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.

 

OPCIONES DE COLOR

En el apartado COLOR SETTINGS podemos modificar el color de todos los iconos, útil si quieres que todos los iconos tengan el mismo color.

como acmbiar el color a los iconos del plugin monarch

 

POST TYPE SETTINGS

Aquí elegimos en qué tipo de páginas queremos que se muestren los iconos, normalmente los iconos de compartir se colocan en los post pero no en la Home ni en las demás páginas.

configurar-pagina-monarch-plugin

 

INLINE

La posición INLINE coloca los iconos de las redes sociales por encima y/o por debajo del contenido y normalmente se usa en los post.

ejemplos-in-line

 

Las opciones de configuración son casi iguales que en el apartado anterior, podemos elegir el estilo y la forma de los iconos, también podemos cambiar los colores de los iconos y elegir en que paginas aparecerá.

configuracion-in-line-plugin-monarch-wordpress

Únicamente en el apartado DISPLAY SETTINGS encontraremos algunas diferencias.

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.

 

POP UP

La posición POP UP muestra un mensaje en medio de la pantalla con un título, un texto y con los iconos de las redes sociales.

ejemplos-pop-up-monarch

La forma, tipo y color de los iconos y en que páginas se verá el pop up se configura de la misma forma que en los demás apartados.

En el apartado TITLE y MESSAGE configuraremos el título y el mensaje que aparecerá en nuestro POP UP.

En el apartado DISPLAY SETTINGS de los POP UP aparecen diversas opciones para configurar que el mensaje aparezca después de unos segundos, si hay inactividad del usuario, después de una compra etc…

opciones pop up monarch plugin

Veámoslas con detalle:

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.

 

FLY IN

La posición FLY IN muestra un mensaje parecido al POP UP pero este aparece en las esquinas inferiores de la pantalla.

fli-in-monarch-plugin

Es menos invasivo que el POP UP ya que permite seguir interactuando con la web una vez aparece.

Las opciones de configuración son prácticamente idénticas que en el POP UP con la diferencia de que al elegir la localización debemos elegir si queremos que aparezca en la esquina inferior derecha o izquierda.

 

ON MEDIA

La posición ON MEDIA muestra los iconos de las redes sociales dentro de las imágenes o videos de nuestra página web.

Es una opción muy útil si queremos difundir las fotos publicadas en nuestra web ya que los iconos aparecen en la parte superior de la imagen al pasar el ratón por ella.

redes sociales en imagenes monarch

Como hemos visto la configuración es muy similar a las demás configuraciones.

Los iconos con ON MEDIA solo se muestran en las imágenes de los post o de los productos.

Hay que tener cuidado si tienes demasiadas redes sociales ya que los iconos taparan la imagen, como he mencionado antes lo ideal es tener 3 o 4 iconos de redes sociales como máximo.

 

SOCIAL FOLLOW | BOTONES DE SUSCRIPCIÓN

Los iconos de SOCIAL FOLLOW permiten a los usuarios suscribirse o seguir tus perfiles sociales.

Se pueden mostrar de dos formas, mediante un Widget de WordPress en la barra lateral o footer de nuestra página web o mediante un generador de códigos cortos (SHORTCODE) para pegarlo en cualquier parte de nuestro WordPress.

 

CONFIGURACIÓN DE LAS REDES SOCIALES PARA SOCIAL FOLLOW

Primero en el apartado NETWORKS de SOCIAL FOLLOW elegimos las redes sociales donde tengamos creado un perfil pulsando en el botón ADD NETWORKS.

configurar-iconos-suscripcion-redes-sociales

En cada red social tenemos que indicar la URL de nuestro perfil social correspondiente y también podemos indicar a mano los seguidores que tenemos.

Si queremos que el contador de nuestros seguidores se actualice automáticamente con respecto a nuestras redes sociales marcamos 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.

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 PARA LOS ICONOS SOCIAL FOLLOW

Una manera fácil y eficaz de mostrar nuestros iconos para la suscripción de las redes sociales es mostrarlos en mediante un Widget en la barra lateral de nuestro WordPress.

iconos-redes-sociales-widget

Para configurar el estilo, la forma y otras características de los iconos como los seguidores totales vamos en el panel de configuración de Monarch al apartado SOCIAL FOLLOW > WIDGET.

configuracion-widget-redes-sociales

Como vemos es muy similar a las demás configuraciones y una vez elegidas guardamos los cambios.

Después para mostrar el Widget, vamos en el panel de configuración de WordPress a Apariencia > Widgets.

Buscamos el Widget Monarch Follow y lo arrastramos a la posición del Sidebar para mostrarlo en la barra lateral o arrástralo a otra posición según tu tema de WordPress.

 

SHORT CODE PARA LOS ICONOS SOCIAL FOLLOW

El plugin Monarch de Elegant Themes también incluye un generador de Short Codes para WordPress. Con este Short Code podemos colocar los iconos de social Folow en cualquier parte de nuestra web.

generador-de-short-code-monarch-plugin

Primero elegimos la configuración de los iconos y después pulsamos el botón GENERATE SHORTCODE, esto generara un código corto de WordPress que podemos copiar y pegar en la parte de nuestra web que deseemos.

 

ESTADÍSTICAS DE MONARCH

Monarch muestra estadísticas muy completas sobre las redes sociales y te informa de las veces que se ha compartido nuestros contenidos, el total de likes y la actividad de nuestros suscriptores.

Estas estadísticas tienen unas gráficas muy útiles para ver las estadísticas rápidamente y puedes ver los datos según la localización de los iconos, el tipo de red social, y en el tiempo, últimos 7 días, últimos 30 días, último año etc.

Puedes ver las estadísticas haciendo clic en el botón de la esquina superior derecha del menú de Monarch.

estadisticas-generales-tutorial monarch plugin

También podemos encontrar un apartado especial de Monarch donde podemos ver las estadísticas individuales de esa página o post, este apartado se encuentra en cada página o post debajo del editor de texto de WordPress.

estadísticas tutorial monarch plugin

 

Otros artículos relacionados sobre Monarch

Aquí os dejo otros post donde explican y hacen una prueba de rendimiento de Monarch, con estadisticas y explicaciones detalladas.

Donde dejan claro que Monarch es uno de los mejores plugins para compartir en redes sociales.

Este es un post del blog Ayudawp.com de Fernando Tellado

Este es un post en Ingles del blog de WP-Rocket

¡FIN!

De esta manera tan sencilla y elegante podemos tener nuestros botones para compartir nuestro contenido, ganar suscriptores y sacarle todo el provecho a las redes sociales.

Si te a servido este Tutorial Monarch plugin no olvides comentarlo y compartirlo en las redes sociales.

 

 

 

[Total:5    Promedio:4.4/5]

13 comentarios en “Tutorial Monarch plugin de Social Media

    1. Puedes encontrar la información completa en el link que hay en el apartado CONFIGURACIÓN DE LAS REDES SOCIALES PARA SOCIAL FOLLOW de este tutorial. Con un video que explica paso a paso como hacerlo. Saludos

  1. Me ha encantado lo de “Parezco un vendedor pero solo quería explicarte que este plugin es de pago.” Por fin me lo puse gracias a tu tutorial y me encanta Monarch. Ralentiza un poco pero es genial y visualmente atractivo.

  2. Hola. Utilizo el plugin Monarch para mostrar los botones en el footer, para compartir la página web en las diferentes redes sociales. Pero para Linkedin, abrir el popup con lo que se va a compartir, me pilla una imagen y un texto sacado de uno de los artículos, que no es lo que me interesa. ¿Sabes si se puede configurar para que aparezca solo la url de la web a la hora de compartir?

    1. Hola Teresa, lo que ocurre es que las redes sociales utilizan meta datos de la web para intentar mostrar las imágenes destacadas de los post o páginas de WordPress cuando se comparten.
      Como no las tienes configuradas muestran una cualquiera.
      Tienes que configurar la imagen, el título y la descripción que aparecen cuando se comparte contenido de WordPress se puede configurar en el apartado “Social” de tu plugin de SEO como Yoast o All in One o en las opciones de estos plugin que aparecen en las páginas.

Deja un comentario

Tu dirección de email no será publicada Campos obligatorios *

Pin It on Pinterest

¡Ayúdame y Comparte este Post!

Te necesito para difundir mi Blog. !Gracias!