Te encanta Divi . Por supuesto que sí. Divi rocas. Por eso existe el hashtag #divirocks , ¿verdad? Pero, ¿qué pasa con Monarch , nuestro complemento para compartir en redes sociales que viene con su membresía de Elegant Themes? #monarchrocks , también, y parte de esa rocktitude es poder crear fly-ins sociales contextuales.
Monarch es realmente poderoso, y una vez que esté familiarizado con su configuración y opciones de diseño, podrá configurar realmente algunas oportunidades fantásticas para maximizar el compromiso con sus usuarios.
Si aún no eres miembro, simplemente súbete y regístrate para tener acceso a Monarch (¡y Divi, Bloom, Extra y todo lo demás que viene con tu membresía!). Una vez hecho esto, inicie sesión para descargar e instalar Monarch.
Es un pájaro… Es un avión…
No, es solo el panel de acceso aéreo Monarch. Que es mucho más genial que un pájaro o un avión. Si va a sus Herramientas -> Configuración de Monarch, puede ver que puede activar el vuelo de Monarch en la pestaña Ubicaciones . ¡Ya terminaste! ¡Felicitaciones! Tienes fly-ins sociales de Monarch en vivo en tu sitio (es decir, una vez que pulsas guardar cambios).
Pero, siempre hay un pero , ¿no es así?, no tienes ningún complemento social contextual. Y esa es la diferencia aquí.
Cuando intenta atraer a su audiencia, el contexto es clave. Los visitantes de su sitio ignoran las ventanas emergentes, los fly-ins y otros tipos de modales porque están en todas partes. Si confía en el contexto de su sitio y/o artículos para presentarle a su audiencia una razón y una oportunidad para compartir su contenido con su base, está superando las probabilidades.
El trío fantástico
En primer lugar, cuando ingresa a Monarch Settings -> Networks , puede elegir, obviamente, qué redes desea ofrecer a sus visitantes como opciones para compartir. Al pensar en el intercambio social contextual, no desea abrumar. O simplemente compartir en redes sociales en general, sinceramente.
Voy a limitar todo mi complemento Monarch a tres opciones: Facebook , Twitter y Reddit . Tres opciones son suficientes, además de que puede llamar a las redes en su publicación (u otras formas usando los códigos cortos de Monarch, que le mostraré más adelante).
El contexto mayor
Ahora podemos movernos a la pestaña Fly In y ponernos a trabajar. Dependiendo de su sitio, el diseño del vuelo puede cambiar un poco. Voy a mostrar un ejemplo con el paquete de diseño Divi gratuito para cafeterías ( porque creo que es bonito ). Está lleno de esquinas afiladas, así que opté por estas opciones 3 y 1 para obtener la misma estética en Icon Style y Icon Shape .
A medida que avanza hacia abajo, comienza la parte divertida de los sobrevuelos sociales contextuales. Podemos editar el Título y el Mensaje que ven nuestros visitantes. Estas son mis partes favoritas de los fly-ins sociales porque nos permiten interactuar directamente con nuestros visitantes en lugar de simplemente pedirles que compartan esto o algo igualmente genérico.
Al usar el fly-in como un llamado a la acción para sus visitantes, realmente puede llamar su atención más que la mayoría de las áreas de intercambio social. Quiero usar este fly-in como una llamada a la acción para llamar la atención, así que estoy usando una copia que llame la atención: ¡ Dile a tus amigos que tomen un café! ¡Por cada vez que se comparte esta publicación, elegimos a alguien al azar para recibir una tarjeta de regalo!
Después de todo, a todo el mundo le encantan las cosas gratis. Después de eso, quiero que se vea diferente de lo normal, por lo que queremos elegir la parte inferior izquierda para que sea un poco diferente, tener la alineación izquierda para los íconos y dejar que ajuste automáticamente las columnas para que podamos dirigirnos a los visitantes con cualquier ventana gráfica. .
Lo que más me gusta de Monarch es la Intro Animation . La mayoría de los fly-ins se deslizan hacia arriba, por lo que vamos a girar hacia el marco para que el nuestro realmente se destaque.
También hay un montón de opciones de cuándo mostrar Monarch. Elija estos como crea que funcionarían mejor para sus visitantes: los conoce mejor que yo.
¿Tostado oscuro o ligero?
Dado que estamos haciendo que todo sea contextual, Kenny y su equipo han creado una deliciosa paleta de colores para que la usemos. Queremos que los fly-ins contextuales se destaquen, pero al mismo tiempo, queremos que coincida con el sitio en sí.
Al elegir los colores utilizados en el paquete de diseño de cafetería gratuito , agregaremos un poco de sabor a nuestro widget para compartir. (¿Lo entiendes… sabor?)
El color de fondo debe ser #0a0a0a y el color de fondo flotante debe ser #c99872 . Tal vez no hace falta decirlo, pero debe habilitar la casilla de verificación Usar colores personalizados para ajustar esta configuración.
Fly-ins de origen local
Una de las pocas limitaciones en Monarch tal como está ahora es que no puede elegir publicaciones o páginas específicas para mostrar un fly-in, ni puede tener más de un único tipo de widget para compartir por tipo (solo un fly-in o fin de publicación, etc. por sitio).
Eso está bien, sin embargo. Fly-ins no necesita ser exagerado.
Puede sortear esta pequeña limitación utilizando tipos de publicaciones personalizadas. Si no está familiarizado con su configuración, no se preocupe en absoluto. Te tenemos cubierto .
Como puede ver en la imagen de arriba, he creado un tipo de publicación personalizada de café , y este vuelo solo aparecerá en estas páginas en particular. Esto le dará un poco más de control sobre el contexto que sus usuarios tendrán para compartir sus cosas.
Flaco Contextual Monarch Fly-ins para…
Y eso es. El fondo blanco funciona bien para contrastar con los tonos más oscuros de la parte posterior del diseño de la cafetería, y los colores que el equipo de diseño reunió son fantásticos con los efectos de desplazamiento que proporciona Monarch.
Este tipo de fly-ins sociales contextuales son bastante fáciles de armar para cualquier sitio, no solo para la cafetería. Creo que puedes hacer mucho con Monarch y Bloom (disponible con tu membresía de Elegant Themes, por cierto ) para crear una experiencia de usuario maravillosa sin importar si tienes un sitio de viajes , un sitio de yoga o una cafetería .
¡Disfruta contextualizando, Divi Nation!
Imagen destacada del artículo por Mascha Tace / shutterstock.com