BL Crear un shortcode para botones de compartir en Monarch

Crear un shortcode para botones de compartir en el plugin Monarch

Varios de ustedes nos lo han preguntado y aquí se lo traemos, como crear un shortcode para los botones de compartir en redes sociales del plugin Monarch.

En este video tutorial, te daremos el pequeño snippet que te permitirá colocar los botones de compartir en redes sociales de Monarch donde quieras, a través de un shortcode. Muy útil especialmente si estás usando el Theme Builder ¡Vamos a ello!

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

Tiempo de lectura estimado: 0 minutos

Índice

El plugin Monarch de Elegant Themes es una herramientas para compartir contenido muy potente, y a pesar de que no tiene (aún) la opción para compartir contenido directamente en whatsapp, sigue siendo de momento mi plugin preferido para compartir contenido en redes sociales.

Con Monarch puedes colocar botones de Social Sharing o Social Follow en casi todas partes del sitio web. Además, los botones son muy atractivos y se pueden personalizar con (casi) cualquier diseño. Desafortunadamente, aún no hay una forma nativa para colocar los botones de compartir solo en ciertas páginas, publicaciones o diseños de layout del theme builder a través de un shortcode, bueno, es lo que resolveremos en este tutorial.

Puedes obtener Monarch gratis si compras el tema Divi, o también en nuestro tutorial donde te enseñamos a usar este plugin. Con Monarch puedes integrar atractivos botones de Social Sharing y Social Follow y no solo con el tema Divi, sino con cualquier tema de WordPress.

Primero configuramos Monarch

Antes de crear el Shortcode, debemos configurar el plugin Monarch para que éste funcione. Ve desde el Panel de WordPress a Herramientas > Configuración de Monarch:

Configuración del plugin Monarch [Shortcode]

Luego, vamos a configurar las redes sociales en las que queramos que se comparta el contenido. En este caso te recomiendo que sean pocas para que se vea estético, no más de 4 redes sociales.

redes Monarch [Shortcode]

Aquí tenemos que hacer la configuración más importante para que el Shortcode de compartir en redes sociales solo se muestre dónde lo colocamos. Debes eliminar todas las casillas de verificación de las ubicaciones de compartir in-line y guarda los cambios.

Location Monarch [Shortcode]

Crear shortcode para compartir en Monarch

Para crear un shortcode que nos permita colocar los botones de compartir en redes sociales donde queramos, debemos añadir una nueva función a nuestro sitio.

Esto lo podemos hacer de varias maneras, la primera es haciéndolo a través de la hoja funtion.php que tengamos en un Childtheme que hayamos creado para Divi.

La segunda es que lo hagamos a través del plugin Code Snippet (mi opción favorita) donde crearemos la función y estará segura. En el video tutorial elegimos esta segunda opción.

Vamos a nuestro plugin Code Snippet y creamos un nuevo fragmento de código personalizado. Lo podemos titular “Shortcode Monarch”, una vez creemos el fragmento vamos a insertar el siguiente snippet para que genere la función del shortcode:

function monarchShortcode(){
$monarch = $GLOBALS['et_monarch'];
$monarch_options = $monarch->monarch_options;
return $monarch->generate_inline_icons('et_social_inline_custom');
}
add_shortcode('et_social_share_custom', 'monarchShortcode');

Una vez que lo coloquemos le damos guardar, ¡y listo!

¿Cómo usamos el shortcode para Monarch?

Una vez creada la función, lo único que nos resta es elegir el lugar donde queramos colocar nuestro código corto y probarlo. Por ejemplo, si queremos insertarlo en un layout de producto con el theme builder, basta con ir a la plantilla respectiva, crear un módulo de código o de texto y dentro de el colocar el siguiente shortcode:

[et_social_share_custom]

¡Y listo! Con eso tendremos los botones de compartir en redes sociales donde queramos y como lo queramos. A partir de aquí es solo cuestión de modificar los estilos de los botones a nuestro gusto desde las opciones de Monarch y con eso tendríamos el excelente resultado.

¡Si te ha gustado este contenido no olvides compartir!

Artículos relacionados

Comentarios

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →