Bienvenidos al día 26 de nuestra Maratón Divi 100. ¡Sigue sintonizando durante 100 días seguidos los increíbles recursos de Divi mientras hacemos la cuenta regresiva para el increíble lanzamiento de Divi 3.0 en el último día de la serie!
A estas alturas, la mayoría de los usuarios de Divi están lo suficientemente familiarizados con la Biblioteca Divi como para saber que si han creado un diseño, sección, fila o módulo que les gustaría reutilizar en otra parte de su sitio web, pueden guardarlo en Divi. Biblioteca. Pero lo que muchos pueden no saber es que la función de sincronización selectiva de la biblioteca Divi le permite guardar algunas, pero no todas, las configuraciones asociadas para facilitar aún más la implementación de versiones ligeramente diferentes de sus elementos guardados.
En este artículo, vamos a explorar las diferentes formas en que puede usar la función de sincronización selectiva en la Biblioteca Divi para simplificar la forma en que diseña (y rediseña) sus sitios. También veremos cómo esta función puede facilitar la optimización de las estrategias de marketing para obtener mejores resultados.
Suscríbete a nuestro canal de Youtube
Tomemos un momento para repasar cómo funciona la sincronización selectiva. El Divi Builder (que está disponible como complemento independiente , además de estar integrado en los temas Divi y Extra) incluye la Biblioteca Divi . Esta función le permite guardar cualquiera de los módulos Divi que haya personalizado para reutilizarlos en otro lugar de su sitio.
Todos los módulos tienen tres grupos de configuraciones que puede ajustar: CSS general, avanzado y personalizado. Cuando desee guardar un elemento en su biblioteca Divi, la sincronización selectiva le permite guardar uno, dos o los tres atributos de su módulo personalizado.
¿Porque es esto importante? Toda esta publicación está dedicada a eso, pero básicamente, lo que esto le permite hacer es guardar la configuración más básica de un módulo para asegurarse de que todo lo que tiene que hacer es agregar algunas configuraciones nuevas para crear una nueva versión de ese módulo.
Por ejemplo, si agrega un control deslizante a su publicación, la sincronización selectiva le permite guardar la configuración avanzada para su control deslizante, como la fuente y la configuración de color, pero deja la configuración general, donde agrega su contenido.
Lo que esto significa es que cuando desee agregar otro control deslizante a su sitio con el mismo estilo básico, no necesitará volver a configurar los ajustes de relleno, fuente o color. Todo lo que tendrá que hacer es agregar contenido nuevo, ya que sus otras personalizaciones se habrán guardado previamente.
Repasemos algunas formas diferentes en que podemos usar la biblioteca Divi y la sincronización selectiva para diseñar sitios de una manera más eficiente y orientar nuestros productos hacia mercados específicos.
Uso de sincronización selectiva con módulos globales
Esto es algo que se menciona en la documentación de Divi , pero vale la pena cubrirlo nuevamente, aunque solo sea para enfatizar cuán poderoso puede ser el uso de Sincronización selectiva con módulos globales. Si aún no lo sabe, con Divi tiene la opción de guardar un módulo como Módulo global cuando lo guarda en su Biblioteca Divi.
Hay tres selecciones de sincronización selectiva encima de la selección del módulo global cuando intenta guardar algo en su biblioteca, como ya explicamos. Esto es útil para los módulos que coloca en varias páginas o publicaciones. Si el módulo es global y utiliza la sincronización selectiva para guardar solo su configuración avanzada, puede cambiar el estilo básico de ese módulo en cualquier momento.
La demostración utilizada en la documentación es un gran ejemplo de cuán poderosa puede ser esta función. Si crea un control deslizante, lo guarda como un módulo global y sincroniza selectivamente solo su configuración de CSS avanzada y personalizada, puede editar esa configuración avanzada en cualquier momento para cambiar su estilo básico.
Debido a que es un módulo global, solo necesita cambiar la configuración avanzada una vez, y cambiará el estilo básico para ese módulo en todo el sitio, sin importar en cuántas páginas y publicaciones diferentes haya colocado ese control deslizante.
Por lo tanto, si usa el módulo para crear un control deslizante que presenta a su equipo en una página y luego lo usa para crear un control deslizante que muestra el mejor trabajo de su equipo en otra página, su configuración básica, que incluye la configuración de relleno y fuente, será cambiarse simultáneamente editando solo una vez la configuración avanzada para el módulo global. El contenido que agregue en la sección Configuración general permanecerá intacto para ambos controles deslizantes.
Estoy seguro de que está comenzando a ver cuánto tiempo y esfuerzo puede ahorrarle la función de sincronización selectiva de Divi, especialmente en sitios web más grandes.
Rediseños del sitio: la manera fácil
Continuando con el método de usar Módulos Globales con Sincronización Selectiva, esta es quizás una de las formas más fáciles de hacer cambios de estilo en todo el sitio con unos simples clics.
¿Utiliza el módulo de llamada a la acción de Divi Builder al final de cada publicación de blog? El uso de una versión global de este módulo con Selective Sync le permite cambiar los colores del texto del módulo, las fuentes y otras configuraciones avanzadas, sin importar cuántas versiones diferentes de este módulo haya colocado en sus publicaciones, ya sean algunas publicaciones o cientos de artículos.
¿Alguna vez ha querido realizar cambios de estilo importantes en un módulo en particular más allá de las llamadas a la acción, como rediseñar por completo su fuente, relleno y cualquier opción de color disponible? Si cada módulo que usa en su sitio es global y usa la función de sincronización selectiva para cada módulo, solo necesitará ajustar esta configuración en la sección Configuración avanzada para cada módulo una vez.
Esto le permite cambiar los estilos de varios módulos en un abrir y cerrar de ojos con solo unos pocos clics. Este es un excelente ejemplo de cómo se puede usar la Sincronización selectiva para ayudarlo a rediseñar su sitio para mejorar las conversiones y una mejor experiencia de usuario.
Crear nuevas páginas con facilidad
El Divi Builder le permite construir una página completa desde cero usando nada más que módulos. Incluso puede guardar esa página como un diseño en la Biblioteca Divi para reutilizarla fácilmente. Si usa la sincronización selectiva para guardar la configuración avanzada de cada módulo, solo debe pensar en agregar contenido nuevo al cargar el diseño de la biblioteca.
Esto es más útil para sitios nuevos y es especialmente útil para aquellos que deseen usar Divi para crear diseños únicos para sus sitios. Por lo general, crear un diseño único significaría gastar más tiempo o dinero para construir algo desde cero o usar código para modificar algo que ya existe.
Divi Builder ya simplifica la creación de un diseño único para su sitio, pero un atributo poderoso de Selective Sync es su capacidad para reducir la cantidad de tiempo necesario para construir el marco para una nueva página. Incluso puedes guardar una sección individual en caso de que quieras usar el mismo estilo para el encabezado de cada nueva página pero tener un diseño único para el resto de la página.
Cómo comenzar con la sincronización selectiva y los módulos globales
La mejor manera de comenzar es decidir qué secciones desea para las páginas de su sitio antes de decidir qué módulos desea colocar en esas secciones. Guarde cada módulo individual como un módulo global y use la sincronización selectiva para guardar solo su configuración de CSS avanzada y personalizada.
Una vez que haya configurado el marco para su página, guarde toda la página como un diseño.
Como ejemplo, usemos el sitio de una empresa de fotografía dirigida por un pequeño equipo. Queremos que cada página use un control deslizante de ancho completo en el encabezado . Este control deslizante le dará una visión general de la información en cada página. Sin embargo, queremos que el resto de la página tenga un aspecto único para diferenciarlo del resto del contenido de nuestro sitio.
Podemos crear una nueva página y usar Divi Builder para asegurarnos de que no exista nada en la página fuera de una sección de ancho completo. Luego podemos construir nuestro control deslizante, digamos para una página de «Nuestro equipo», donde el control deslizante brinda una breve introducción de cada miembro del equipo.
Guardar como módulo global con sincronización selectiva
Guardaremos nuestro control deslizante como un módulo global y usaremos la sincronización selectiva para guardar la configuración de CSS avanzada y personalizada. Si desea que partes adicionales de su página sean uniformes con el resto de las páginas de su sitio, como una fila de tres anuncios publicitarios debajo del control deslizante en cada página, agregue también esas secciones y módulos antes de pasar al siguiente paso. .
Una vez que hayamos terminado de crear nuestra página y estemos seguros de que todos nuestros módulos se han guardado individualmente como módulos globales y sincronizados selectivamente con la configuración de CSS avanzada y personalizada, podemos guardar la página completa como un nuevo diseño.
Crear una nueva página
Cuando creamos una nueva página, digamos una página de «Nuestro trabajo», podemos cargar este diseño desde la biblioteca y usar el módulo prefabricado, que es nuestro control deslizante de encabezado de ancho completo para agregar contenido nuevo. Por ejemplo, podemos agregar una presentación de diapositivas del mejor trabajo de nuestro equipo a nuestra nueva página sin tener que rediseñar el marco para ello.
Marketing de productos dirigidos
Este truco es para blogueros que tienen algunos productos, como cursos y libros electrónicos , así como para aquellos que promocionan ofertas de afiliados. Si está monetizando su sitio de esta manera, debería anunciar estos artículos en algún lugar de cada publicación de blog.
Sin embargo, no puede simplemente colocar un anuncio de su producto en la barra lateral y esperar que las personas estén lo suficientemente interesadas como para hacer clic en él. Los esfuerzos de marketing de productos deben ser un poco más estratégicos que eso, y Selective Sync hace que sea realmente sencillo para nosotros hacerlo.
Supongamos que ejecuta un blog de fotografía que enseña a los fotógrafos en diferentes niveles de habilidad cómo convertirse en maestros de su oficio. ¿Un fotógrafo avanzado que lea una publicación sobre un consejo avanzado estaría interesado en un curso que enseñe a los aficionados cómo convertirse en profesionales? Probablemente no.
En su lugar, podemos crear un módulo de Blurb para la barra lateral que promueva un curso de fotografía para principiantes y luego usar Divi Builder para colocar este módulo en publicaciones que contengan consejos para principiantes. De esa manera, podemos asegurarnos de que solo anunciamos este curso a aquellos interesados en consejos para principiantes.
Cuando guardamos este módulo en nuestra Biblioteca Divi, dejamos la selección Incluir configuración general sin marcar. Esto guarda la configuración de color y relleno, pero excluye el ícono, el texto y el enlace que hemos colocado en Blurb.
Ahora podemos agregar este módulo en una nueva publicación dirigida a fotógrafos avanzados, pero cambiar la configuración general para anunciar un curso dirigido a fotógrafos avanzados. No hay necesidad de volver a jugar con las opciones de color y las dimensiones del relleno. Ya están establecidos.
Para simplificar aún más las cosas, podemos mantener una copia del módulo base en nuestra biblioteca y guardar cada nuevo módulo que creamos como un elemento de biblioteca separado. De esta manera, podemos crear nuevos módulos de promoción de productos fácilmente y reutilizarlos en publicaciones posteriores. Esta es una forma en que Selective Sync puede facilitarle la vida.
También puede usar este enfoque para personalizar los incentivos de suscripción para los formularios de correo electrónico para asegurarse de que el lead magnet que ofrece coincida con el contenido de la página en la que lo promociona.
Pensamientos finales
Divi Builder es una herramienta repleta de funciones que está cambiando la forma en que las personas crean sitios web con WordPress. Esto se debe a su capacidad para simplificar casi todas las partes del proceso, y la función Divi Library juega un papel muy importante para que esto sea posible.
La capacidad de guardar todos y cada uno de los módulos que crea para su uso posterior es una característica sorprendente que reduce la cantidad de veces que necesita aplicar los mismos estilos una y otra vez. También le permite reutilizar un módulo que ya ha creado un número ilimitado de veces, con solo tocar un botón.
Al utilizar la Sincronización selectiva, especialmente con los Módulos globales, obtienes acceso a otra función de ahorro de tiempo que está integrada en la Biblioteca Divi. Esta combinación de características ayuda a eliminar muchas de las tareas que consumen mucho tiempo y energía que se requieren para rediseñar y actualizar el sitio.
Por lo tanto, si desea que sea lo más fácil posible actualizar la apariencia de su sitio y optimizar sus elementos en una fecha posterior, para obtener tasas de conversión más altas, es esencial utilizar Divi y sus funciones Selective Sync y Divi Library.
¿Cómo te ayudará la sincronización selectiva? ¿Planea usarlo de formas que no hemos mencionado aquí? Háganos saber a nosotros y a la comunidad Divi en los comentarios a continuación.
Imagen en miniatura del artículo de Mascha Tace / shutterstock.com
Divi 100 Día 26
La cuenta atrás para Divi 3.0
Esta publicación es parte de nuestro maratón Divi 100. ¡Síguenos mientras publicamos recursos Divi gratuitos durante 100 días seguidos! Esta cuenta regresiva de 100 días terminará con el revolucionario lanzamiento de Divi 3.0, que incluye nuestro nuevo editor visual creado desde cero con React. ¡Divi 3.0 cambiará para siempre la forma en que construyes sitios web con Divi Builder!
Que empiece la cuenta atrás.
Más información sobre Divi 3.0