Elegant Themes es una tienda líder de temas de WordPress, y su tema principal, Divi, ha sido un éxito rotundo gracias a su herramienta de creación de arrastrar y soltar.
Sin embargo, en realidad es posible acceder a la misma herramienta de creación de páginas sin cambiar al tema Divi. Gracias al lanzamiento del complemento Divi Builder, ahora puede agregar este potente editor de contenido visual a cualquier sitio de WordPress, sin importar el tema que utilice.
Si desea tener más control sobre el aspecto de su sitio de WordPress, este complemento podría ser exactamente lo que está buscando. Siga leyendo para descubrir lo que tiene para ofrecer y lo fácil que es usarlo.
Funciones de Divi Builder
Divi Builder ahora está disponible como un complemento independiente y funciona con cualquier tema de WordPress, no solo con los temas elegantes.
El complemento Divi Builder debería agregar un editor de contenido de arrastrar y soltar a cada tema de WordPress.
Durante la prueba, lo utilicé con un tema secundario para StudioPress Genesis Framework, y casi todo funcionó como se esperaba. Este es un gran problema porque agregar incluso el diseño de página básico a WordPress realmente puede ayudarlo a mejorar su página de inicio y otro contenido en su sitio.
Claro, hay otros creadores de páginas independientes para WordPress, pero como veremos pronto, Divi Builder tiene varias características que lo diferencian de la competencia.
Arrastrar y soltar editor de contenido visual
Puede que Divi Builder haya comenzado como una herramienta para crear páginas de fondo, pero ahora es un editor visual frontal real. Gracias a esta actualización, no edita el front-end del sitio a través del área de panel W-Back-End o WordPress de su sitio, sino que vive a través de una interfaz WYSIWYG (lo que ve, lo que obtiene).
Divi Builder ahora tiene un editor visual de vista frontal WYSIWYG para crear publicaciones personalizadas y diseños de página.
La principal desventaja de construir páginas de back-end es que realmente no sabes cómo se verá tu diseño hasta que cambies al frente. Entonces, si puede trabajar directamente en el frente de su sitio, como con la última versión de Divi Builder, obtendrá una imagen precisa de cómo sus visitantes experimentarán su contenido. Esto ahorra tiempo porque no tiene que cambiar entre las vistas frontal y posterior todo el tiempo, y también elimina la frustración cuando descubre que sus diseños no tienen el aspecto que desea.
Puede personalizar cualquier elemento en su página usando el editor visual.
Como puede ver en la captura de pantalla anterior, simplemente puede hacer clic en un elemento de la página, incluido el texto, y comenzar a editar. Mientras trabaja en la parte delantera de su sitio, puede ver exactamente cómo se ve la página para sus visitantes.
El texto se puede editar en línea a través de la interfaz Divi Builder.
Sin embargo, trabajar en el modo back-end tiene algunas ventajas. Primero, obtiene una buena visión general de cómo se creó el sitio, incluidos los módulos utilizados y su organización. Esto también puede ser útil si está planeando un diseño y todavía no le preocupa cómo debería ser, sino que se centra en la estructura de la página.
Afortunadamente, Divi Builder ahora le permite cambiar al modo de estructura alámbrica, ocultando efectivamente el contenido de cada módulo y resaltando la estructura de la página. En el modo de estructura alámbrica, obtiene una buena descripción general del diseño de su página y de los módulos utilizados. Luego, puede mover rápidamente las cosas y ajustar el diseño sin interferir con el contenido de los módulos.
El modo de estructura alámbrica proporciona una buena visión general del diseño de la página y facilita el desplazamiento por secciones completas.
Al proporcionar estos dos modos, puede trabajar con Divi Builder de la forma que desee.
Además del editor visual frontal y el modo de estructura alámbrica, se han agregado algunas otras características a la interfaz de Divi Builder desde su lanzamiento. Ahora puede deshacer y deshacer fácilmente todas las acciones realizadas en el editor, cambiar a una vista móvil para ver cómo se ve su diseño en un teléfono inteligente y acercar y alejar para obtener una buena visión general de toda la página,
Ahora puede acercar y alejar para obtener una mejor visión general del diseño de su página.
Las características anteriores hacen que Divi Builder se sienta más como un programa de software de diseño web independiente que como un complemento típico de WordPress.
Si bien es bueno incluir tantas características nuevas, una interfaz de usuario que difiere del editor normal de WordPress puede tener inconvenientes cuando se trata de usabilidad.
Con eso en mente, después de explorar varias de las mejores características de Divi Builder, exploramos la experiencia del usuario de este complemento.
Biblioteca creciente de sitios terminados y diseños de página
Hay 106 paquetes de diseño completos, cada uno con varios diseños de página individuales.
Como acabamos de ver, Divi Builder ofrece a los diseñadores no web la oportunidad de crear sus propios diseños de página avanzados sin la necesidad de habilidades de programación.
Pero no se preocupe si el diseño no es su fuerte: este complemento también incluye una amplia gama de diseños predefinidos de alta calidad que pueden usarse sin cambios o como base para sus propios diseños personalizados.
El diseño de Divi Builder se puede personalizar con el editor visual.
En el momento de redactar este documento, había disponibles 106 paquetes de diseño de sitios web predefinidos, que constaban de 791 diseños de página individuales. Cada paquete de diseño se enfoca en crear un tipo específico de sitio, incluyendo sitios web para agencias, trabajadores independientes, tiendas de comercio electrónico, restaurantes, compañías de construcción y muchos más. Sin embargo, todos pueden adaptarse fácilmente a otros proyectos.
La biblioteca de paquetes de sitios web y diseños individuales está en constante crecimiento.
No solo puede crear un sitio web con un paquete de diseño y plantillas individuales, sino que también puede combinar diferentes plantillas para crear su propio sitio. Entonces, si ve una página de destino en un paquete de diseño que le gusta, puede integrarla fácilmente en su sitio.
Los paquetes de diseño del sitio consisten en diseños individuales que se pueden usar independientemente de su paquete.
Las versiones anteriores de Divi Builder contenían solo un pequeño número de diseños de página individuales. Ahora tiene acceso a una creciente biblioteca de paquetes completos del sitio. Esta es otra forma en que Divi Builder es positivo en comparación con otros complementos de creación de páginas. como Beaver Builder y Elementor.
Selección útil de módulos de contenido.
Divi Builder contiene más de 30 módulos de contenido personalizados que se pueden insertar fácilmente en el diseño de su columna y fila. Es un número impresionante, pero ¿son realmente útiles?
El módulo de llamada puede contener texto, imágenes y botones.
Los puntos destacados de la Biblioteca del módulo de contenido incluyen botones de llamada a la acción, temporizadores de cuenta regresiva, formularios de suscripción por correo electrónico, mapas, listas de precios, testimonios, controles deslizantes de video y más.
Puede usar el módulo de registro por correo electrónico para expandir su boletín.
Habilitar Divi Builder en su sitio reemplaza la funcionalidad de innumerables complementos gratuitos y comerciales a la vez. Esto no solo debería reducir la carga en su sitio, sino también ahorrar dinero.
Un ejemplo del módulo de tabla de precios Divi Builder.
La mayoría de los módulos tienen una variedad de variaciones, por lo que no está vinculado a la configuración predeterminada y casi todos tienen una cantidad impresionante de configuraciones para que pueda personalizarlos para adaptarse a su sitio y su visión.
Cada módulo que agregue a su página se puede personalizar de alguna manera.
Si desea un kit de herramientas multifuncional para crear casi cualquier tipo de sitio, los módulos de contenido de Divi Builder están lo más cerca posible.
Herramienta de prueba Divi Builder A / B
Es genial tener tanta libertad creativa en su sitio de WordPress, pero puede ser difícil saber cómo sus ajustes afectarán las acciones de sus visitantes. Si bien puede pensar que su diseño personalizado y su esquema de color deleitarán a su audiencia y obtendrán más conversiones, sus visitantes pueden estar en desacuerdo.
Con Divi Leads puede comparar varios diseños y medir cuán efectivos son para alcanzar sus objetivos.
Afortunadamente, el complemento Divi Builder incluye una característica muy útil que le permite probar sus diseños para ver qué tan efectivos son para su audiencia. Con la herramienta de optimización de conversión y prueba A / B de Divi Lead, puede probar diferentes contenidos y variantes de diseño para determinar cuál logra la mejor tasa de conversión.
La función "Divi Leads" le permite crear rápidamente múltiples variaciones de un elemento en su página, como Por ejemplo, un botón, un gráfico de banner o una etiqueta de precio, y ver, después de establecer un objetivo, a qué público objetivo responde más. positivo.
Puede crear rápidamente dos variantes de un botón y ver cuál hace más clic.
Por ejemplo, puede crear dos variaciones diferentes de un botón en su página, cada una con texto diferente. Luego, Divi Leads supervisa el rendimiento del botón según el destino que seleccione, por ejemplo, para ver en qué botón hacen clic la mayoría de los visitantes. Una vez que se recopilan suficientes datos para mostrar qué variación es la más efectiva, puede detener la prueba y mostrar el botón con la tasa de conversión objetivo más alta, y luego deshabilitar las otras variantes.
Los resultados de las pruebas compartidas de Divi Lead facilitan ver al ganador.
Los resultados de la función de optimización de Divi Leads son detallados, pero fáciles de entender, por lo que está claro qué variante produce los mejores resultados.
Si intenta alcanzar un objetivo específico, p. Por ejemplo. Generar ventas, hacer clic en un enlace específico u obtener una tasa de rebote más baja es invaluable para optimizar su sitio.
editor de divi-papel
Divi Builder incluye un editor de roles que le permite controlar fácilmente qué tipos de usuarios tienen acceso a los diversos elementos del generador. Si tienes coautores que escriben para tu blog y no quieres que creen diseños personalizados para tus publicaciones, agradecerás esta característica.
Alternativamente, es posible que desee que sus coautores puedan usar ciertos módulos generadores, p. B. Encabezados e imágenes de ancho completo, pero no otros módulos. En cualquier caso, puede usar el editor de roles para controlar exactamente quién puede hacer qué.
Puede usar los roles estándar de WordPress para controlar quién puede usar qué partes de Divi Builder.
Si es diseñador web y teme que un cliente dañe los diseños personalizados creados con Divi después de enviar su sitio, el editor de roles ayuda a reducir la probabilidad de que esto suceda.
El editor de roles le permite controlar en detalle qué módulos están disponibles para sus usuarios.
La configuración del editor de roles es muy detallada, por lo que no es un enfoque de todo o nada. Al elegir un rol de usuario de WordPress como autor, puede definir qué elementos del complemento puede usar si es necesario.
Una estrategia de salida de la división.
Si ya está utilizando el tema Divi que incluye la funcionalidad Divi Builder, la buena noticia es que este complemento le permite cambiar fácilmente los temas sin dañar todos sus diseños personalizados y diseños de página.
Al habilitar el complemento Divi Builder en su sitio, pero fuera del tema Divi, ahora tiene una estrategia de salida para dejar el tema Divi (no es que sea una razón por la cual el tema Divi ya no está disponible, pero es bueno tener configuraciones).
Vale la pena señalar que las páginas creadas con Divi Builder se dañarán si deshabilita el complemento en su sitio. Si bien esto puede esperarse de este tipo de herramienta, vale la pena mencionarlo, ya que el bloqueo de temas y complementos es un problema grave y debe tenerse en cuenta al seleccionar un nuevo producto.
Afortunadamente, con los planes de precios disponibles para Divi Builder, que pronto veremos, no tiene que preocuparse por estar vinculado a contratos costosos para que su sitio funcione correctamente.
Experiencia de usuario de Divi Builder Visual Editor
En esta sección de nuestra revisión, echamos un vistazo rápido a cómo es usar este complemento para crear diseños personalizados y diseños de página para su sitio de WordPress.
Cada vez que crea una nueva publicación o página, tiene la opción de usar el editor estándar de WordPress o Divi Builder.
Debido a que Divi Builder es muy diferente del editor normal de WordPress, incluso los usuarios de WordPress más experimentados pueden tener dificultades para comenzar con este generador de contenido visual front-end.
Para ayudarlo con esto, ahora hay una guía detallada que puede crear después de iniciar Divi Builder por primera vez y que lo guiará a través de las características principales del complemento.
Welcome Tour ayuda a los nuevos usuarios a comenzar con Divi Builder.
Después de realizar el recorrido o saltearlo, tiene la opción de comenzar con una página en blanco, cargar un diseño preformado o clonar una página existente.
Tiene tres configuraciones principales para crear un diseño de página con Divi Builder.
Ya sea que desee crear su página desde cero o cargar una plantilla que puede ver en la captura de pantalla a continuación, solo trabaje en el área de la página de WordPress con el encabezado, la barra lateral y otras áreas del tema seleccionado en la pantalla.
Si su tema no incluye una plantilla de ancho completo, el tamaño de los diseños de página será limitado.
Algunos temas de WordPress incluyen una plantilla de ancho completo o pantalla completa que puede usar para ocultar encabezados, pies de página y barras laterales en la página en la que está trabajando para crear páginas de pantalla completa, como Inicio o sitio web.
Pero si su tema no es el mismo que el último tema estándar de WordPress, Twenty Eighteen, puede instalar un complemento gratuito como este Plantillas de ancho completo para agregarlos a su sitio.
Con la plantilla correcta, Divi Builder le permite crear un diseño de página de ancho completo sin tener en cuenta el encabezado y el pie de página de su tema.
Ya sea que desee crear un diseño de ancho completo o no, el siguiente paso es agregar una línea a su página. Como las filas se pueden dividir en varias columnas, Divi Builder le ofrece una buena selección de combinaciones de columnas.
Los diseños de página creados con Divi Builder consisten en filas, columnas y módulos.
Tan pronto como inserte una línea, se le pedirá que inserte un módulo en su diseño. Como veremos más adelante en esta revisión, hay una cantidad impresionante de módulos para elegir.
Divi Builder incluye una amplia gama de módulos para sus diseños.
Después de agregar un módulo a su página, el módulo mostrará la configuración de esa instancia. Uno de los principales puntos de venta de Divi Builder es que usted tiene mucho control sobre cómo se ven y funcionan sus páginas y módulos.
Cualquier cambio que realice en un módulo aparecerá inmediatamente en la página.
Para ahorrar tiempo, puede buscar los controles exactos que está buscando en el panel Configuración en lugar de hacer clic en todos los menús superiores y desplegables. También puede ampliar el panel de control para mostrar controles adicionales. Debido a que Divi Builder le ofrece una vista previa directa de la página mientras trabaja, cualquier cambio que realice en la configuración se aplicará inmediatamente al módulo en el que está trabajando.
Cualquier cambio que realice, incluida la edición de texto, se aplicará a su diseño de página en tiempo real.
Dado que el siguiente paso en el proceso de diseño de la página es inmediatamente visible en la interfaz de Divi Builder, no hay confusión sobre qué hacer. Una vez que haya seguido todas las instrucciones y haya tomado los pasos correctos, su página debería tomar forma. Gracias a eso, algo que puede ser confuso (aprender una nueva interfaz) se siente muy simple.
Esto no significa que Divi Builder sea una herramienta que pueda dominar de inmediato. A veces no está claro de inmediato qué están haciendo algunos de los elementos de la interfaz de usuario, p. B. los que aparecen en la parte inferior de la pantalla.
La interfaz de Divi Builder es única, por lo que tomará algún tiempo dominarla.
Afortunadamente, hay información útil sobre herramientas funcionales de desplazamiento, así como una herramienta de búsqueda para ayudarlo a encontrar la configuración que desea. Sin embargo, probablemente llevará un tiempo saber exactamente dónde buscar o qué buscar al intentar realizar una tarea en particular.
Las características como el dispositivo de búsqueda deberían ayudarlo a encontrar la configuración que está buscando o consultar las páginas de ayuda relevantes.
Dado que Divi Builder es una herramienta poderosa que puede usar para desbloquear realmente el diseño de su sitio de WordPress, no debería sorprendernos que le lleve algún tiempo familiarizarse con esta nueva forma de trabajar.
Destacados personales de Divi Builder
Si bien el complemento Divi Builder contiene muchas características excelentes, hay algunos aspectos de esta herramienta que son mis favoritos personales.
Contenido de ancho completo
La capacidad de mostrar imágenes de ancho completo y otros tipos de contenido (que va más allá de los bordes del contenedor de la publicación) es una característica de diseño que he visto con gran efecto en algunos blogs populares.
Divi Builder incluye una selección de módulos de ancho completo para sus diseños de página.
Ahora no necesita cambiar temas o piratear sus archivos de plantilla para agregar contenido de ancho completo a sus publicaciones.
Divi contiene varios módulos de ancho completo que se pueden agregar a sus secciones de ancho completo.
Simplemente inserte una sección de ancho completo en el generador, luego agregue un módulo de ancho completo y el contenido relevante y listo. Esto puede incluir fotos, videos, texto, titulares, menús y más.
La eficacia de este efecto depende del tema elegido. Dejar el contenedor de correo no es fácil y no funciona tan bien en algunos elementos como cuando se usa el elemento Divi. Dicho esto, también deberías poder superar esto agregando tus propias plantillas de ancho completo crea el tuyo o instalar una adición apropiada.
La gran cantidad de configuraciones y configuraciones
Casi todos los módulos que puede agregar a sus diseños se pueden configurar completamente para satisfacer sus necesidades. Cada módulo tiene una miríada de configuraciones que determinan cómo se ve y funciona. Esto le brinda un excelente control sobre la apariencia de su sitio, desde el diseño general hasta publicaciones y páginas individuales.
La configuración le permite personalizar casi cualquier aspecto de su página, incluida la adición de efectos de animación a los módulos.
Si eso no es suficiente, puede agregar su propio CSS a cada módulo para personalizarlo realmente. Si no necesita este control y solo quiere hacer el trabajo lo más rápido posible, Divi Builder está fuera del camino. En la mayoría de los casos, simplemente usando la configuración regular se obtienen excelentes resultados.
Fácil duplicación de artículos.
No solo puede guardar sus diseños en otro lugar con el tema Divi o el complemento Divi Builder para su reutilización, sino que también puede duplicar los elementos que creó para sus temas. Un solo clic en el icono de clonar crea una copia de este elemento, que luego puede cambiar. Esto ahorra tiempo y esfuerzo.
Realmente funciona con cualquier tema de WordPress
Puede encontrar un tema de WordPress que no le guste Divi Builder, pero parece que la mayoría de los temas principales bien codificados funcionan bien con él.
El único área donde Divi Builder no funcionó como se esperaba cuando se usó con un diseño de terceros como el diseño estándar actual de Twenty Nineteen fue trabajar con diseños y módulos de ancho completo o pantalla completa.
Sus diseños no pueden llenar la ventana del navegador a menos que su artículo contenga una plantilla de ancho completo.
Como se mencionó anteriormente, no puede crear diseños de página que llenen toda la ventana del navegador a menos que su tema contenga una plantilla de ancho completo que oculte el encabezado, el pie de página y la barra lateral del sitio. Use Divi Builder para diseñar una página de inicio o página de inicio,
Una vez que haya agregado una plantilla de ancho completo a su sitio, sus diseños pueden llenar la ventana del navegador.
Sin embargo, si su tema no incluye una plantilla de ancho completo, puede solucionarlo creando una plantilla o instalando un complemento que agregue uno a su sitio.
¿Para quién es el complemento Divi Builder?
Gracias a las actualizaciones periódicas, Divi Builder ahora tiene que atraer a los nuevos para crear diseños de página personalizados para sus sitios de WordPress y diseñadores web experimentados.
Cuando usa Divi Builder por primera vez, hay una pequeña curva de aprendizaje, principalmente debido a la IU innovadora y original y las posibilidades creativas casi ilimitadas. Sin embargo, con un poco de persistencia y prueba y error, la mayoría de los usuarios deberían poder obtener buenos resultados con este generador de páginas, especialmente cuando se utilizan diseños precompilados como punto de partida. También hay muchos videos tutoriales en línea e instrucciones publicados en el sitio web de Elegant Themes.
Una herramienta para diseñadores web.
Sin embargo, dado que Divi Builder realmente puede ahorrar tiempo y esfuerzo en la creación de diseños de página personalizados, los diseñadores web experimentados también deberían encontrar valor en eso. La capacidad de crear diseños y elementos personalizados reutilizables, páginas de clonación rápida y diseños de prueba con la función "Divi Leads" hace que Divi Builder sea una herramienta muy útil disponible para usted. Los diseñadores web también apreciarán el editor de roles cuando se trata de entregar sitios web a sus clientes.
Complemento Divi Builder contra el tema Divi WordPress
Para aquellos de ustedes que están lanzando un nuevo sitio de WordPress y aún no han elegido un tema, les recomiendo usar el tema Divi ya que les dan acceso a todas las excelentes características del complemento Divi Builder sin preocuparse por posibles problemas de compatibilidad para tratar. de temas.
Si ya está utilizando el diseño Divi, no encontrará nuevas funciones en el complemento Divi Builder. Sin embargo, si usted es un usuario del tema Divi pero está considerando cambiar los temas, Divi Builder debería ayudarlo a migrar a otro tema sin perder el acceso a un diseño personalizado o módulo de contenido que pueda estar utilizando.
Configuraciones de precios para Divi Builder
Para acceder al complemento Divi Builder, regístrese en Elegant Themes Club. Esto no es malo, ya que hay muchos beneficios y los precios comienzan en solo $ 89 al año. Además del complemento Divi Builder, también tiene acceso a otros cinco complementos, incluida la poderosa herramienta de creación de formularios de correo electrónico Bloom y el complemento de intercambio social Monarch totalmente funcional.
Además, sus $ 89 incluyen acceso a los 87 temas, incluido Divi, así como a todos los otros temas que los temas elegantes publicaron durante su membresía. Sin embargo, para ser sincero, solo los elementos Divi y Extra son interesantes, ya que los otros ajustes son más antiguos.
Divi Builder contiene 87 temas de WordPress, incluido Extra.
Si no eres fanático de las suscripciones anuales, puedes suscribirte al plan Lifetime Access y pagar una tarifa única de $ 249 por el acceso de por vida a todos los artículos y complementos y sus actualizaciones.
Los diseñadores web, desarrolladores y propietarios de agencias pueden usar elegantes complementos de diseño y temas en cualquier número de sitios totalmente compatibles sin tener que comprar licencias adicionales.
Los planes de precios detallados para temas elegantes se pueden encontrar aquí.
Divi Builder comprueba los pensamientos finales
Como probablemente pueda ver, estoy muy impresionado con el complemento Divi Builder. He estado usando el complemento por un tiempo, así que estoy bastante familiarizado con él y cómo ha mejorado desde su lanzamiento.
Con nuevas características como el editor frontal visual, complementos y otros diseños agregados, Divi Builder es una herramienta aún más atractiva para crear páginas de WordPress que antes.
Divi Builder es una herramienta realmente flexible que te permite construir cualquier tipo de sitio web con WordPress. Hay muchos diseños de página editables de alta calidad para elegir, así como más de 30 módulos de contenido que se pueden agregar a sus publicaciones y páginas. .
