Beaver Builder vs Divi - ¿Qué creador de WordPress es bueno para usted y cuál no? (2021)

Beaver Builder vs Divi

Entonces, está buscando un nuevo complemento de creación de páginas de WordPress, ¿verdad? ¿Cómo eliges entre Beaver Builder vs Divi cuando estos son los productos más populares?

Ha realizado una investigación preliminar y ha descubierto que estas dos son las opciones más promocionadas para crear sitios web. También puede tener algo de experiencia en el uso de uno de estos complementos de creación de páginas.

Ahora quieres saber cuál de estos complementos populares es el mejor. Y mas que todo, que vale tu dinero?

En ese caso, ha venido al lugar correcto. En la publicación de hoy sobre CollectiveRay, vamos a explorar todas las características importantes de estos complementos de creación de páginas y compararlos cara a cara para ayudarlo a encontrar el mejor para - y dónde debería gastar su dinero.

Siga leyendo para descubrir cuál es el mejor complemento de creación de páginas para WordPress. Si está interesado en los complementos de WordPress en general, es posible que desee consultar nuestras otras reseñas y resúmenes que aparecen en Collectiveray.

Tenemos sitios que se ejecutan con estos dos productos instalados, por lo que hemos revisado este artículo en Octubre 2021 para actualizar todos los detalles relevantes según sea necesario.

Beaver Builder vs Divi

Beaver Builder es muy fácil de usar pero Divi tiene más opciones de personalización. Ambos productos le dan acceso a diseños de aspecto profesional. Divi tiene más de 140 diseños en comparación con Beaver Builder50 plantillas. Divi es un poco más barato que Beaver Builder a $ 89 que incluye todos los productos de ElegantThemes.

Resumen

  Divi Builer beaver builder logo
Precio $ 89 (incluye todos los complementos ET y temas de WordPress) $99
Versión Gratuita No
Editor en tiempo real
Frontend / Backend Ambos Ambos
Público objetivo Desarrollador / Diseñador / Usuario Web Developer / diseñador
Elementos soportados 46  31 
Código limpio
Plantillas / diseños prefabricados Más de 140 Más de 50
Característica genial Pruebas A / B Castor Themer
Rendimiento
Lo que nos gustó  Una solución muy potente para crear cualquier tipo de diseño.  Interfaz de usuario simple
   Opciones superiores de gestión de diseño  El contenido permanece intacto incluso después de desactivar el complemento
   Precios atractivos con acceso a muchos otros temas y complementos de WordPress  Modo de editor único para clientes
   Nuevas mejoras de rendimiento cambian el juego  Le permite usar widgets de WordPress en los diseños
Lo que no nos gustó  Toma algo de tiempo acostumbrarse  Más caro que los otros creadores de páginas
   El editor de frontend tarda algún tiempo en cargarse.  
En general
Ganador 🏆  
Sitio Web Visite Elegant Themes (10% OFF) Visite Beaver Builder 

Por qué usar Beaver o Divi Builder?

Logotipo de BBSi eres relativamente nuevo en el mundo de WordPress, es posible que no conozcas el historial completo de los creadores de páginas y cómo han surgido.

Esencialmente, hasta hace unos años, WP podía crear páginas o publicaciones. Ambos elementos de contenido son muy similares.

Soportaban principalmente textos e imágenes y el contenido de su sitio web común y corriente, como videos, etc.

Si quería algo más elegante, tenía que usar complementos y / o códigos cortos según fuera necesario.

Ahora, los códigos cortos eran geniales, porque le permitían insertar características y funciones específicas donde quisiera en una página.

Pero aún tenían sus limitaciones: aún tenía que instalar un montón de complementos diferentes para poder lograr y usar múltiples elementos diferentes en una página.

Si deseaba controles deslizantes, botones de llamada a la acción, videos, galerías de imágenes y otras cosas, tenía que seguir agregando más y más complementos.

Esto trajo consigo otro problema: cuantos más productos agregue a su instalación, más pesado será su sitio web y más propenso a las vulnerabilidades de seguridad provenientes de los diversos elementos que tenía que instalar.

Este fue un problema.

Hubo otro problema. No se pudo crear una página o publicación visualmente. Tenías que diseñar una página usando códigos cortos y después de varias iteraciones de cambios, llegabas a un resultado cercano a lo que deseabas.

Con el tiempo, los desarrolladores y los proveedores de WP empezaron a darse cuenta de que la mayoría de la gente quería tener la capacidad de diseñar y definir sus propias páginas sin restricciones, no usar plantillas, lo que hacía que todos los sitios web tuvieran el mismo aspecto.

Y así surgió el concepto de creadores de páginas.

Este es esencialmente el núcleo de dicha función: la capacidad de arrastrar y soltar diferentes elementos para diseñar y definir una página o publicación de la manera que USTED desee.

Divi builder

No estamos muy seguros de a quién se le ocurrió el producto de creación de la primera página, pero definitivamente, Elegant Themes ha sido uno de los proveedores que hizo que este concepto fuera muy exitoso.

Tan pronto como la gente vio el potencial, todos los principales proveedores comenzaron a subirse al tren.

Hoy en día, la mayoría de los principales proveedores incluirán algún tipo de creador de páginas visual en sus temas - si ellos mismos no tienen uno, se asociarán con alguien e integrarán / habilitarán esta función en su tema.

Entonces, ¿qué pasa con Divi y Beaver Builder?

ElegantThemes han estado en este nicho durante tanto tiempo que realmente han entendido lo que la gente quiere y se lo han dado; su producto es uno de los más populares, con más de 600,000, 701,600 ventas.

Están enfocados en aquellos usuarios que quieren crear un sitio web, pero no les molesta lo que está sucediendo bajo el capó, solo quieren que las cosas funcionen y no quieren ser técnicos al respecto o perder el tiempo con ningún código.

Elegant Themes Público objetivo: 

Personas que desean diseñar y poner en funcionamiento un sitio web sin involucrar a un desarrollador or saber mucho sobre código.

Usuarios de ejemplo:

  1. Propietarios de pequeñas empresas
  2. bloggers
  3. SEO
  4. Propietarios de sitios web afiliados
  5. Redactores de contenido que están haciendo sitios web
  6. Diseñadores web
  7. Agencias de marketing digital

Si tuviera que echar un vistazo a la imagen de abajo, Divi está dirigido al diseñador. De hecho, es posible que desee consultar algunos ejemplos de temas de Divi en vivo aquí.

Diseñador vs desarrollador

Beaver Builder tiene un tipo de usuario diferente. Tiempo ElegantThemes se dirige a aquellos que son less "técnico", BB persigue a los usuarios que son diseñadores y desarrolladores en el fondo. Divi tiene algunas limitaciones que estos tipos de desarrolladores encuentran frustrantes, y BB identifica y corrige estos problemas muy bien. 

Esto ha permitido que este producto despegue muy bien entre aquellos que se identifican más como desarrolladores.

Si está interesado en cómo se comparan los productos ET con otras opciones populares disponibles, es posible que desee considerar los siguientes dos artículos que también hemos escrito:

https://www.collectiveray.com/wp/themes/divi-vs-genesis-website.html

y

https://www.collectiveray.com/wp/themes/divi-vs-avada

Continuando con la imagen de arriba, BB estaría más en casa con el desarrollador.

Público objetivo de BeaverBulder:

Desarrolladores y diseñadores web a los que les gusta a jugar con el código, tener el control total de lo que está sucediendo para poder modificar las cosas para que funcionen de la manera que quieren, no de la manera en que el proveedor lo diseñó.

Usuarios de ejemplo:

  1. Desarrolladores web
  2. Diseñadores web que quieran jugar con el código
  3. Agencias digitales
  4. Freelancers

Con esa introducción fuera del camino, comencemos a profundizar en cada producto, para que podamos ver las características, funciones, PROS y CONTRAS de usar cualquiera de estos dos elementos.

Comencemos hablando de la interfaz de usuario de ambos productos.

La interfaz de usuario y la experiencia del usuario de WordPress PageBuilder

La Divi Builder Interfaz

ElegantThemes han estado trabajando en su producto durante varios años en este momento. Con una comunidad sólida que los apoya, brindándoles una gran cantidad de comentarios excelentes, estos muchachos saben cómo mantenerse al día con sus usuarios.

Han creado una interfaz que se centra por completo en una gran experiencia de usuario.

No han acumulado hordas de fanáticos por accidente. Su estricto enfoque en el diseño y la usabilidad de su producto ha sido uno de los aspectos clave para que este constructor tenga tanto éxito.

Eche un vistazo a este breve vídeo de introducción (2 minutos). Esto es de la primera versión de Divi (2015), muchas cosas han cambiado desde entonces, pero es genial obtener un resumen rápido de las posibilidades.

zH0xUAb3Yws

Pero echemos un vistazo a la interfaz de usuario.

Después de instalar Divi, podrá acceder al constructor creando una nueva publicación o página. Lo primero que verá es esto:

interfaz divi

Al hacer clic en el Utilizan Divi Builder El botón lo redireccionará al nuevo editor visual, que se introdujo en Divi 3.18.

Esta función es en respuesta a WordPress 5.0 después de la introducción del nuevo editor de Gutenberg, como puede ver en la imagen de arriba. El antiguo editor de back-end de Divi ahora no está disponible para su uso con el nuevo editor de publicaciones de WordPress.

Es por eso que Elegant Themes se centró en mejorar su editor visual de front-end y lo hizo de tal manera que el back-end y el front-end ahora se unenlessly integrados entre sí.

Sin embargo, aún tiene la opción de volver no solo al editor de backend clásico de Divi, sino también al editor de publicaciones clásico de WordPress. Todo lo que tienes que hacer es ir a divi > Opciones de complementos > Avanzada.

habilitar editor clásico

Alternar el "Habilitar el editor clásico”A Activado para recuperar el editor de publicaciones de WordPress original.

Habilitar esta opción también traerá de vuelta el editor de back-end completo de Divi. Luego, alternando el "Habilitar lo último Divi Builder Experiencia" a deshabilitado traerá de vuelta el constructor de backend anterior a Gutenberg Divi (sin embargo, tenga en cuenta que perderá algunas de las últimas funciones y mejoras del constructor moderno).

El editor front-end en tiempo real, ahora le permite diseñar y visualizar la página en la que está trabajando sobre la marcha.

Francamente, esta es una gran característica porque no tiene que "adivinar" o actualizar la interfaz para ver el resultado del diseño en el que está trabajando.

Puede verlo mientras lo diseña.

Esto es lo que ElegantThemes están llamando "Una nueva experiencia visual".

Interfaz de usuario

Recientemente, han estado trabajando para crear una nueva versión de Builder (que se lanzó como versión 3.0). El quid de esta versión fue que en lugar de tener dos "vistas" separadas, una vista de backend y una vista en vivo, las dos se fusionarán en la misma cosa. El editor de back-end muestra la versión en vivo mientras trabaja.

El nuevo constructor visual Divi reemplazó a los editores de back-end / front-end más antiguos.

A continuación puede ver cómo se ve el nuevo constructor. Fíjate cómo puedes coserlessCambie entre la vista de backend (estructura alámbrica) y la vista de front-end con un solo clic del mouse.

vista de estructura metálica

Esta es una experiencia completa WYSIWYG (lo que ves es lo que obtienes). 

Eche un vistazo a la imagen de abajo: ¿ve ese diseño en el backend? Así es exactamente como se verá cuando se publique.

Para acceder al creador de páginas desde el backend, vaya a Publicaciones> Agregar nuevo. En la página resultante, haga clic en "Usar el Divi Builder" botón. Esto abrirá la interfaz, que se parece a la siguiente

 

Divi 3 Pagebuilder Frontend

 

Divi (que ya hemos revisado aquí) le permite crear secciones separadas para varias partes de la página. Admite tres tipos de secciones: estándar, de ancho completo y especial.

Para las secciones estándar y de ancho completo, puede elegir una estructura basada en columnas. Hay muchas combinaciones que incluyen dos, tres, cuatro columnas en diferentes tamaños. La sección de especialidad presenta nueve estructuras de columnas especialmente creadas. Puede agregar varias filas dentro de una sección para tener varias estructuras de columnas.

columnas

Una vez que haya elegido un diseño, puede agregar módulos a las columnas individuales. Encontrará opciones independientes para proporcionar el contenido del módulo, configurar las opciones de diseño y proporcionar CSS personalizado.

Puede reposicionar los módulos, columnas, filas y secciones arrastrándolos y soltándolos en sus ubicaciones deseadas. Hay botones dedicados para eliminar, duplicar y abrir la sección de configuración para cada uno de estos elementos. También es posible deshacer, rehacer las últimas acciones y volver a las acciones anteriores utilizando la función de historial.

Para utilizar el constructor de páginas desde la interfaz, visite la página que desea editar y haga clic en el botón "Habilitar Visual Builder".

Dependiendo del contenido de la página, puede llevar un tiempo cargar la interfaz (tengan paciencia, el editor de front-end es bastante pesado y necesita tiempo para descargarse y renderizarse).

Interfaz de interfaz Divi

Una vez que se carga el creador de páginas frontal, puede comenzar a personalizar la página.

Al igual que la interfaz de backend, puede agregar una nueva sección, elegir la estructura de la columna y disfrutar de un acceso completo a todas las opciones de configuración del módulo.

Por supuesto, un diseñador sin arrastrar y soltar está muerto en el agua, pero, por supuesto, este producto maneja muy bien D & D.

De hecho, no solo se puede arrastrar y soltar, sino que también mantiene la capacidad de respuesta mientras diseña.

Dado que trabajará en los bloques reales de contenido y elementos en vivo, arrastrará las piezas reales de contenido.

Y, por supuesto, todo sigue respondiendo plenamente.

Eche un vistazo a la siguiente demostración breve de bloques receptivos en vivo.

 

 Edición receptiva

 

Puede arrastrar y soltar los módulos, filas, columnas y también copiarlos, pegarlos, eliminarlos o editarlos según sus necesidades. 

Obtenga un 10% de descuento en Divi hasta Octubre 2021

PD. La oferta anterior solo está disponible a través de CollectiveRay.

Que pasa ElegantThemes ¿competidor? ¿Tiene la misma flexibilidad? ¿Funciona en tiempo real en el front-end?

Lea el resto de este artículo para averiguar la respuesta a estas preguntas. 

¿Cómo se utiliza? Beaver Builder

No queriendo quedarse atrás en la carrera por la dominación del creador de páginas, BB ha salido con todas las armas encendidas.

O rechinar los dientes, si queremos mantener la analogía de Beaver. 😀

BB ofrece edición tanto en el frontend como en el backend, por lo que no se queda atrás en ese sentido.

Se puede usar en páginas, publicaciones y la mayoría de los otros tipos personalizados de WP, siempre que estén habilitados.

Al hacer clic en la pestaña Administrador para el tipo personalizado relevante, verá que se carga el creador para que pueda usarlo para diseñar su contenido.

Antes de continuar, es posible que desee ver el siguiente video breve (2 minutos) sobre el uso de BB.

tCNDDQ7Jrs8

Esencialmente, en el método backend, después de iniciar sesión en su panel de control primero, vaya a Publicaciones> Agregar nuevo y haga clic en el botón "Creador de páginas". Esto abrirá la interfaz del constructor de páginas, algo similar a lo que se muestra a continuación.

Interfaz de usuario de BB PageBuilder

El primer paso es elegir una plantilla para la página. Puede elegir cualquiera de las plantillas listas para usar o comenzar con la en blanco para crear su propia plantilla. Una vez que haya elegido la plantilla, el siguiente paso es elegir el diseño de la fila.

Puede elegir el diseño de la fila en la barra lateral izquierda. Abra la barra lateral haciendo clic en el botón "Agregar contenido" en el menú superior izquierdo de la página. El menú también ofrece algunos otros botones para cambiar la plantilla, abrir la sección de herramientas, publicar la página y un botón de ayuda dedicado.

BeaverBuilder ofrece varias estructuras de columnas que incluyen una, dos, tres, cuatro, cinco o seis columnas y filas con barras laterales izquierda, derecha o ambas.

Simplemente arrastre el diseño de la fila a la posición deseada en la página.

Estructura de hileras de castor

El siguiente paso es agregar módulos a las columnas. Encontrarás los módulos en la barra lateral izquierda.

Elija el módulo que desea utilizar y arrástrelo a la columna deseada en la página. En este punto, se le proporcionará la ventana de configuración del módulo. Hay varias secciones para administrar el contenido y el estilo del módulo.

Puede arrastrar y soltar filas y módulos para cambiar sus posiciones. Hay botones separados para eliminar, duplicar o abrir la configuración de cualquier fila o módulo. También es posible cambiar la estructura de columnas de una fila.

Para acceder al creador de páginas desde la interfaz, visite la página que desea editar y haga clic en el botón "Creador de páginas". Esto abrirá la misma interfaz que la creación de la página desde el backend.

BeaverBuilder interfaz frontend

Puede trabajar con el diseño existente o elegir un nuevo diseño. Todas las demás opciones, como agregar varias filas, módulos, widgets y administrarlos, son exactamente las mismas que las del backend.

¿Le gustaría ver una demostración en vivo gratuita de BeaverBuilder ¿ahora? Haga clic en el botón de abajo. (Se abre en una nueva ventana)

Probar el BeaverBuilder demo ahora

 

Los módulos disponibles para Beaver Builder / Divi

Divi Builder

Este complemento actualmente viene con 46 módulos de contenido, pero dada la escala de desarrollo y los lanzamientos de nuevas versiones, es probable que vea más cuando lea este artículo.

Hablando de nuevos lanzamientos, la nueva actualización de rendimiento para Divi lanzada en agosto de 2021 ha enviado a Divi a la cabeza de la cola de temas de WordPress.

La página creada con la nueva versión de Divi se carga más rápido que nunca gracias a una serie de mejoras de código bajo el capó.

Esas mejoras incluyen:

  • CSS 94% más pequeño
  • CSS inteligente que solo carga lo necesario
  • Los estilos inteligentes reducen la duplicación en las hojas de estilo para una carga más rápida
  • PHP dinámico para un procesamiento más rápido
  • Optimización de JavaScript
  • Aplazamiento de la hoja de estilo de Gutenberg
  • Aplazamiento de jQuery

Entre estos, encontrarás los habituales como:

  • texto,
  • búsqueda,
  • acordeón,
  • botón,
  • CTA,
  • audio,
  • de vídeo,
  • código personalizado,
  • divisor

Las opciones avanzadas de elementos incluyen:

  • mostrador,
  • optin,
  • portafolio,
  • iniciar sesión,
  • mapa,
  • persona,
  • tabla de precios,
  • testimonial, y
  • control deslizante de video

Por supuesto, estos no son los únicos módulos disponibles, pero si siguiéramos enumerándolos, dado que hay más de 46 elementos compatibles, estaríamos aquí para siempre.

Digamos que es más probable que encuentre un módulo para cualquier requisito que necesite.

Si no encuentra un módulo de este tipo incorporado, puede optar por elementos de terceros desarrollados específicamente para requisitos particulares.

Con la versión 3.1, se ha desarrollado y lanzado una API, para que pueda esperar que los elementos y módulos personalizados comiencen a aparecer por todas partes.

¡Tiempos divertidos por delante!

Veamos qué cosas elegantes se les ocurrirán a otros desarrolladores. Manténganse al tanto.

Pero basta de eso, echemos un vistazo a cómo usar un módulo:

Divi builder módulos

Haga clic en el módulo que desee para agregarlo a la publicación. En este punto, debe configurar los ajustes del módulo. 

El creador de páginas le proporciona tres secciones para este propósito:

  1. Contenido,
  2. Diseño y
  3. Avanzada.

La Mi contenido La sección incluye todas las opciones relacionadas con el contenido del módulo elegido.

Diseño le permite elegir el color, la fuente, el estilo de fondo, el borde, el margen y el relleno del módulo.

Y por último, Avanzado incluye campos dedicados para agregar ID de CSS personalizado, clase y para aplicar CSS personalizado antes o después del módulo o al contenido principal.

¿Le gustaría leer más información sobre este complemento ahora? Haga clic en el botón de abajo para visitar el ElegantThemes .

Obtenga un 10% de descuento en Divi hasta Octubre 2021

PD. La oferta solo está disponible en el enlace anterior. 

Beaver Builder

BB divide los módulos en dos categorías:

  1. Módulos básicos y
  2. Módulos avanzados

Los módulos básicos incluyen:

  • editor de texto,
  • título,
  • HTML,
  • botón,
  • imagen,
  • video, etc.

La otra categoría contiene módulos más avanzados:

  • CTA,
  • control deslizante de contenido,
  • contador regresivo,
  • menú,
  • control deslizante de publicaciones,
  • pestañas,
  • etc.

Módulos BB

El complemento ofrece tres secciones para administrar un módulo:

  1. General,
  2. Estilo y
  3. Avanzada.

Entre estos, el Preguntas generales La sección le permite configurar los ajustes relacionados con el tipo de módulo.

La Estilos La sección le permite elegir el color, la alineación, la fuente y otros estilos para las versiones de escritorio y móviles.

Avanzado incluye opciones para configurar la visibilidad, animación junto con campos dedicados para agregar clase CSS e ID.

Puede ver una demostración más clara del BeaverBuilder características a continuación.

Visite BeaverBuilder Sitio Web

La siguiente parte de nuestro Beaver Builder vs Divi review se ocupará de las plantillas de página disponibles o diseños predefinidos. Esto es algo que seguramente simplificará su vida y le permitirá diseñar sitios web nuevos en cuestión de horas, incluso minutos, en lugar de semanas.

¡Vea a continuación lo que queremos decir!

Plantillas de página integradas

Las plantillas de página integradas esencialmente están ahí para acortar el tiempo de diseño / desarrollo. Al tenerlos en su lugar, solo tiene que modificar ligeramente el contenido y el diseño y ¡listo!

Divi Builder Plantillas de página (también conocidas como diseños)

Cuando se lanzó la versión 3.0, venía con varias (más de 100) plantillas listas para usar para ayudarlo a comenzar lo más rápido posible.

Puede utilizar una plantilla haciendo clic en el botón "Cargar desde biblioteca" en el editor de publicaciones. Esto abrirá una lista de las plantillas disponibles.

diseño prediseñado de divi

Encontrará diseños profesionales para la página de destino, próximamente, sobre mí, contáctenos, equipo, página de mantenimiento junto con varias variaciones para la página de inicio, blog, tienda y páginas de cartera.

Es posible utilizar estos diseños tal como están o personalizarlos de acuerdo con sus requisitos.

Por supuesto, uno puede tener una gran cantidad de plantillas (o como ET las llama) diseños de página, pero la carne real es si son realmente buenas y utilizables para crear sus propios diseños.

Básicamente, la idea básica es la siguiente: carga un diseño predefinido, luego personaliza el texto, las imágenes y otro contenido para que se adapte a su negocio y, listo, tiene un sitio web "diseñado" increíble sin requerir ningún conocimiento real de diseño. .

Este es un gran poder en manos de aquellos que quieren poner las cosas en marcha rápidamente pero no se sienten muy cómodos con el código o el diseño en sí.

Solo un FYI - hay más de 250 diseños disponibles al momento de escribir este artículo.

Echemos un vistazo rápido a lo que está disponible en términos de diseños.

Paquetes completos de sitios web

Esta es una característica excelente que creemos que es excelente para el público objetivo al que está dirigido este producto. Dado que mencionamos que la audiencia es gente que quiere hacer despegar algo rápidamente, la disponibilidad de paquetes de sitios web completos es realmente ablessing.

Básicamente, se trata de un paquete de las 7 a 8 páginas esenciales diseñadas individualmente que se requieren para que alguien lance un sitio completo en cuestión de minutos. 

Observe cómo Nick Roach de ET describe el valor que los diseños aportan a este producto. (Sí, notarás que el cabello de Nick es más largo, ¡ha pasado bastante tiempo entre los dos videos!).

Y31_8DPOqlY

Las páginas están personalizadas para el nicho / industria específica, y tienen los elementos esenciales requeridos para ese tipo específico de negocio.

Todo lo que necesita hacer como usuario es importar el diseño y cambiar el contenido para que se adapte a sus requisitos específicos.

Estos son algunos de los nichos que están disponibles como paquetes de sitios web. A partir de ahora, hay 31 paquetes de diseño disponibles con un total de 250 páginas diseñadas.

  • Página de inicio del restaurante - Este es un paquete que consta de 8 páginas para proporcionar cualquier cosa que un restaurante o negocio basado en la comida pueda lanzar su presencia en línea, incluido el horario de atención en el pie de página para facilitar el acceso de los clientes.

 Página de inicio del restaurante

  • Agencia de diseño - el paquete de agencia de diseño es un paquete de 9 páginas de páginas diseñadas de manera creativa y profesional para una agencia de diseño o digital. Por supuesto, se le da importancia al trabajo y al estilo, mostrando las habilidades del negocio de una manera que convierte
  • Página de destino de moda - una industria que seguramente necesita lucir bien en línea es un blog de moda. Este paquete de diseño de 8 páginas se centra en permitir que el bloguero marque su imagen según sea necesario. Todo es ideal para fotógrafos y otras empresas visuales.
  • Agencia de Viajes - el diseño aquí tiene un fuerte enfoque en el usuario que visita el sitio tomando medidas, presionando e instando al espectador actual a llamar o reservar ahora con atractivos botones de llamada a la acción.
  • Página de inicio de la boda - una manera perfecta de lanzar rápidamente un escaparate de bodas. Por supuesto, se centra mucho en la estética y muchas otras características personalizadas específicas de las bodas.
  • SaaS Company - otro tipo de negocio, normalmente startups, que normalmente tiene poco tiempo que perder y necesita ponerse en marcha rápidamente. Este paquete de diseño les brinda todo lo que necesitan para comenzar a funcionar y obtener la información necesaria.

Diseños Divi

Hay muchos otros diseños disponibles que incluyen, entre otros:

  • Sistema para el manejo del aprendimiento
  • Cafetería
  • mercado de los granjeros
  • Estudio de yoga o fitness
  • Mercado de fotos
  • EScritor de copia
  • Florista
  • Agencia Web
  • Empresa de Diseño de Interiores
  • Negocio de Pagos Digitales
  • Taller de alfarería y artesanía
  • Agencia SEO
  • Consultoría empresarial
  • Conferencia de diseño
  • Recetas de comida
  • Despachos De Abogados
  • Autor
  • etc., etc.

A medida que pasa el tiempo, ET sigue agregando más y más diseños a su biblioteca para atender a nichos específicos. Incluso si su industria específica no ha sido atendida en este momento, definitivamente podrá personalizar uno de los diseños existentes y diseñarlo para satisfacer sus necesidades.

Mira todos los diseños ahora

 

Beaver Builder Plantillas de página

BB también viene con muchas plantillas diseñadas profesionalmente. Se le pedirá que elija una plantilla al crear una nueva publicación. También es posible cambiar la plantilla actual haciendo clic en el botón "Plantillas".

BeaverBuilder plantillas

Hay dos tipos de diseños:

  • Páginas de destino y
  • Páginas de contenido.

Las páginas de destino Incluya plantillas para productos físicos, aplicaciones, profesionales, restaurantes, tecnología, moda, fotografía, dispositivos móviles, música, automoción, etc.

Páginas de contenido incluya plantillas para las páginas del sitio web necesarias, como acerca de nosotros, servicios, cartera, equipo, contacto, preguntas frecuentes, blog, etc. La mayoría de estas plantillas están disponibles en diferentes estilos. Como las plantillas se proporcionan con una imagen, puede elegir fácilmente la mejor de acuerdo con sus requisitos.

Echemos un vistazo más profundo a lo que está disponible para usted como cliente de BB.

Páginas de Destino

BB ha diseñado varias plantillas de página de destino listas para usar. Entre estos podemos encontrar:

  • Plantilla de pequeña empresa - basado en la plantilla de Probiz, esto le ayudará a crear una presencia para una pequeña empresa rápidamente.
  • Plantilla de fitness, gimnasio o deportivo - el fitness y el deporte son siempre un nicho de moda y la plantilla de The Body Factory está diseñada específicamente para clientes de esta industria. El yoga, el gimnasio o cualquier industria del acondicionamiento físico funcionan bien con esto.
  • Revista, Blogger, Plantilla de blogger de moda - Otra industria cada vez más popular, la plantilla Fashion Freaks es perfecta como una apariencia y un diseño de alta gama que gritan clase, sofisticación y lujo.
  • Abogado, bufete de abogados Otro nicho caliente, los abogados y bufetes de abogados son clientes lucrativos, que exigen una presencia que pueda convertir a clientes bien pagados. La presencia web profesional se puede adaptar fácilmente a otras industrias basadas en la práctica.
    Solo mencionaremos brevemente el resto de plantillas
    Plantilla de DJ Beaver
  • Plantilla de portafolio de fotografía
  • Plantilla de DJ / Músico / Banda
  • Plantilla de restaurante / cafetería
  • Plantilla de diseño de pantalla completa
  • Plantilla de agencia web creativa
  • plantilla de libro electrónico
  • Plantilla de educación o universidad
  • Coches / Plantilla de automoción
  • Plantilla de aplicación móvil
  • Plantilla comercial general
  • Plantilla de construcción
  • Próximamente plantilla

Recomendamos encarecidamente que eche un vistazo a las demostraciones disponibles con cada una de estas plantillas para ver lo fácil que es comenzar con estas plantillas.

Páginas de contenido

Si bien las plantillas de sitios web completos son fantásticas, a veces aún queremos modificar o crear páginas específicas. Por esta razón, BB también tiene muchas páginas de contenido que han sido diseñadas y listas para usar.

Páginas de contenido

Estas son algunas de las páginas que están disponibles para su uso:

  • Sobre nosotros (varias versiones)
  • Nuestros servicios 
  • Portafolio de fotos
  • Portafolio de diseño
  • Nuestro equipo (varias versiones)
  • Contacto (varias versiones)
  • Precios (varias versiones)
  • Blog (varias versiones)

Por supuesto, solo esperamos que estos crezcan con el tiempo.

Haga clic en el enlace de abajo para ir directamente a la página de plantillas. 

Más info: BeaverBuilder plantillas

 

Configuración de PageBuilder 

Divi Builder Ajustes

Configurar este complemento es muy sencillo.

Una vez que instale y active el complemento, vaya a Opciones de complementosy proporcione su nombre de usuario y clave API en la sección "Actualizaciones" para recibir actualizaciones automáticas.

divi builder opciones de configuración

Puede ver configuraciones adicionales aquí, como configuración de API, Integración de tipo de publicación y Avanzado.

La configuración de la API contiene opciones para la integración de Google Fonts y Google Maps.

En Integración de tipo de publicación, podrá habilitar o deshabilitar Divi builder en ciertos tipos de publicaciones.

En la pestaña Avanzado puede encontrar opciones para la minificación, generador de archivos CSS estático, etc. y las opciones para habilitar el editor clásico de WordPress y el generador de back-end Divi clásico.

El elemento más nuevo aquí es la página "Theme Builder".

Aquí, puede encontrar las plantillas del generador de temas que ha creado o importado junto con las opciones para importarlas y exportarlas, ver el historial de edición del generador de temas y más. Cubriremos esta nueva característica con más detalle más adelante en este artículo.

Encontrará una lista de todos los diseños personalizados en el Biblioteca divi página. Hay botones separados para administrar la categoría de diseño y para importar o exportar los diseños. Ir Editor de roles Divi para definir cuánto acceso tendrán los diferentes roles de usuario.

Finalmente, en el Centro de soporte, puede verificar el estado del servidor de su sistema, esencialmente, muestra información importante sobre su servidor.

Si hay opciones que no están configuradas en ciertos valores recomendados, Divi le notificará aquí para que pueda corregirlas.

Aquí también es donde puede configurar el "acceso remoto", lo que permite que el equipo de soporte de Elegant Theme acceda directamente a su panel de administración para ayudarlo a corregir cualquier error que pueda tener.

Otros elementos incluyen el modo seguro y el registro.

Beaver Builder Ajustes

Las opciones de configuración para BB se encuentran en la página Configuración> Creador de páginas. Proporcione su clave de licencia en la sección Licencia para habilitar las actualizaciones automáticas del complemento.

En Módulos, puede habilitar o deshabilitar los módulos. Los tipos de publicaciones le permiten definir qué tipos de publicaciones pueden usar BeaverBuilder. En Plantillas, puede decidir qué plantillas estarán disponibles en la interfaz del generador de páginas.

beaver builder opciones de configuración

La sección Iconos le permite decidir qué iconos deben estar disponibles en la interfaz.

Las opciones disponibles incluyen

  • FontAwesome,
  • Fundación, y
  • Dashicons. 

Este es un ejemplo de cómo BB le permite personalizar y jugar con todas las opciones que necesita. Si no está satisfecho con FontAwesome, elija algo que le guste.

También encontrará secciones separadas para borrar el caché, lo que eliminará cualquier CSS y Javascript generados dinámicamente.

Finalmente, encontrará una opción para desinstalar Beaver Builder. Estas funciones eliminan todos los datos relacionados con BB de su base de datos de WordPress, así que haga copias de seguridad antes de usarlas y asegúrese de saber lo que está haciendo.

Lecturas recomendadas: https://www.collectiveray.com/beaver-builder-vs-elementor

Características adicionales

Tema divi

El complemento de Elegant Themes viene con varias otras características interesantes. Por ejemplo, la biblioteca de PageBuilder le permite guardar módulos y diseños personalizados para que pueda volver a utilizarlos en el futuro. Además, también es posible importar o exportar estos elementos desde y hacia otros sitios web.

Las opciones superiores de espaciado de diseño también exigen una mención especial. Estas opciones facilitan mucho la aplicación del espaciado exacto que desea entre las filas, los elementos y las secciones. Encontrará opciones dedicadas para definir el margen, el relleno, el espaciado vertical y horizontal. También es posible configurar los anchos de fila y columna.

Opciones de espaciado Divi

En algunos casos, es posible que deba utilizar el mismo módulo en varios lugares. Puede copiar y pegar fácilmente cualquier módulo, fila o columna en otras publicaciones o páginas. Además, puede marcarlos como elementos globales. Esto le permite realizar los cambios en un solo elemento global, y los cambios se aplicarán automáticamente a los otros lugares también. 

Creador de temas Divi

Una de las mayores actualizaciones Elegant Themes lanzado para Divi en los últimos años es Theme Builder.

Esta nueva función (a partir de octubre de 2019) le permite crear, diseñar y personalizar todo su sitio web. Ya no es solo un creador de páginas, es un creador de temas completo.

Puede crear encabezados y pies de página personalizados globales o definir uno para áreas individuales de su sitio.

También puede definir plantillas de cuerpo personalizadas que le permitan crear plantillas de productos personalizadas, plantillas de publicaciones de blog, páginas 404, páginas de resultados de búsqueda, así como páginas de archivo personalizadas, como páginas de categorías personalizadas, páginas de autor personalizadas y más.

constructor de temas divi

El creador de temas extiende el poder del creador de páginas a todo su sitio web.

Al crear una nueva plantilla, tiene acceso a todas las herramientas y funciones del creador de páginas, lo que le permite crearla y diseñarla de la forma que desee.

Esto significa que puede crear diseños personalizados para encabezados y pies de página si lo desea. Para complementar esto, el módulo de menú viene con mejoras como opciones de diseño adicionales y control total del diseño para ayudarlo a crear hermosos encabezados y pies de página con un menú personalizado.

Las nuevas plantillas de cuerpo personalizadas le permiten cambiar todas sus publicaciones, productos o el diseño y la estructura de su página a la vez.

Antes de esto, tendrías que ir a cada publicación, producto o página y editarlos usando el creador de páginas para realizar cambios. Ahora, todo lo que tiene que hacer es definir una plantilla, aplicarla a las áreas apropiadas de su sitio y listo.

Incluso puede usar los módulos de WooCommerce para crear plantillas de productos personalizadas para su tienda en línea. También hay módulos de contenido dinámico equipados con un bucle de publicación actualizado y opciones de filtrado que puede utilizar para crear páginas de archivo personalizadas.

Por supuesto, también tiene todos los medios para controlar dónde y cómo se aplicará su plantilla. Puede incluir o excluir fácilmente ciertos elementos de una plantilla a través de casillas de verificación, como se puede ver a continuación:

Lógica condicional

A partir de la versión 4.0, Divi ya no es un creador de páginas, es un creador de temas.

Obtenga un 10% de descuento en Divi hasta Octubre 2021

PD. La oferta anterior solo está disponible a través del enlace anterior de CollectiveRay

Beaver Builder

Por otro lado, BB también tiene algunos trucos bajo la manga.

En primer lugar, la edición de frontend en vivo es impresionante. Ofrece una experiencia intuitiva en la que puede editar la página y obtener el resultado exacto sin conjeturas. También le permite utilizar los widgets predeterminados de WordPress y los widgets personalizados en sus diseños.

Beaver Builder Widgets de WordPress

El modo editor será útil al entregar un proyecto al cliente. Este modo le permite limitar las capacidades del cliente para asegurarse de que no esté realizando cambios no deseados en el diseño del núcleo.

Otra característica importante de BB es que el contenido de la página permanece intacto incluso después de desactivar el complemento.

Perderá los estilos, pero la página seguirá mostrando el contenido. Por el contrario, la mayoría de los demás creadores de páginas te dejarán con un lío de códigos cortos cuando desactives ese complemento.

Visite BeaverBuilder sitio web

 

Pros y contras

Tema divi

Ventajas

  1. Una solución muy potente para crear cualquier tipo de diseño,
  2. La nueva actualización de rendimiento (agosto de 2021) hace que Divi sea más rápido que nunca,
  3. Precios atractivos con acceso a muchos otros temas y complementos de WordPress: comprarlo es una obviedad, excelente valor
  4. Muchos diseños geniales, con muchas opciones de personalización,
  5. Potente creador de temas,
  6. Amplia documentación y excelente soporte receptivo

Desventajas

  1. Tómate un tiempo para acostumbrarte
  2. El editor de frontend tarda algo de tiempo en cargarse y agregar módulos a las páginas es mucho más lento que BB
  3. Está limitado a los módulos disponibles y desarrollados por ET (aunque la versión 3.1 ahora admite una API de desarrollador, lo que significa que los desarrolladores comenzarán a integrar sus complementos con ella)
  4. No se pueden eliminar los datos que agrega a la base de datos, lo que hace que alejarse del tema Divi sea un problema

Beaver Builder

Ventajas

  1. Una interfaz de usuario sencilla,
  2. El contenido permanece intacto incluso después de desactivar el complemento,
  3. Modo de editor único para clientes,
  4. Le permite utilizar widgets de WordPress en los diseños.
  5. Interfaz de usuario rápida, ágil y receptiva que es una interfaz fácil de entender
  6. Amplia selección de plantillas profesionales para ayudarlo a comenzar con su diseño.
  7. Admite widgets nativos de WP para que pueda usar cualquier complemento disponible para WP en BB

Desventajas

  1. Más caro que los otros creadores de páginas de WordPress

Precios de Divi vs Beaver Builder

 

Ambos Beaver Builder y Divi son compatibles con la GPL, lo que significa que puede usarlos en tantos sitios como necesite. productos para que pueda utilizarlos en tantos sitios web como desee.

Hay tres planes diferentes por los que puede optar Beaver Builder desde $ 99 hasta $ 399. Cada plan o licencia le da acceso completo a la Beaver Builder plugin y todos los módulos y plantillas, con los niveles más altos que le brindan algunas características más avanzadas, como Multisite, White labeling y Themer.

Con Divi, tiene solo dos opciones, anualmente, a un precio estándar de $ 89 que requiere una compra anual, o la opción de por vida a $ 249. Ambos tienen exactamente el mismo acceso, pero, por supuesto, perderá el acceso al soporte y las actualizaciones una vez que pase el año.

Echemos un vistazo más detallado. 

Divi Builder

Tienes que ser un Elegant Themes miembro para usar sus complementos, y el acceso tiene las tarifas siguientes. 

Hay dos planes disponibles para usted: acceso anual y acceso de por vida.

El plan de acceso anual tiene un precio de $ 89 por año. Por otro lado, el acceso de por vida le permite disfrutar de todos estos beneficios por un pago único de $ 249.

Afortunadamente, hay un EXCLUSIVO para CollectiveRay Oferta del 10% de DESCUENTO en curso en este momento así que hazte una ganga hoy. Mientras lo hace, ¡también podría obtener el acceso de por vida con este descuento por tiempo limitado!

Ambos planes ofrecen acceso ilimitado a todos los temas y complementos desarrollados por ElegantThemes.

Recibirá actualizaciones oportunas, soporte premium y una garantía de devolución de dinero de 30 días.

Obtenga un 10% de descuento en Divi hasta Octubre 2021

 

Beaver Builder

Beaver Builder cotización 

Beaver Builder ofrece tres planes de precios. El plan Estándar tiene un precio de $ 99, lo que le permite usar el complemento en un sitio web, le brinda un año de soporte y acceso a módulos y plantillas premium.

Pro tiene un precio de $ 199, que incluye todos los beneficios del plan estándar, además del tema BB y la compatibilidad con varios sitios.

Por último, Agency tiene un precio de $ 399 y disfruta de todas las características de Pro junto con el permiso completo de etiquetado blanco.

Comprar BeaverBuilder Ahora

Preguntas Frecuentes de Empleadores

Cual es mejor Divi o Beaver Builder?

Divi es mejor que Beaver Builder en algunas situaciones. Divi es ideal si desea un control total sobre el diseño de su sitio web y planea usarlo durante mucho tiempo. Beaver Builder tiene la ventaja de ser más pequeño y fácil de manejar. Si bien decimos que Divi es mejor, ¡no hay mucho en él!

Is Beaver Builder más rápido que Divi?

Beaver Builder ya no es más rápido que Divi. Solía ​​cargar el editor más rápido y es más rápido de usar y aprender. Sin embargo, una nueva actualización de rendimiento de Divi introducida en agosto de 2021 ha transformado la forma en que funciona Divi. Ahora es uno de los temas de WordPress más rápidos que puedes comprar.

¿Qué es mejor, Divi o Elementor?

Divi es mejor que Elementor para algunas cosas, mientras que Elementor es más fuerte en otras. Divi es mejor para acceder a complementos y funciones, su plan de agencia y el poder absoluto del creador de páginas. Elementor es mejor por ser gratuito, con opciones premium y muy fácil de manejar.

¿Es Elementor el mejor creador de páginas?

Elementor es el mejor creador de páginas si quieres un creador de páginas accesible de forma gratuita. Si está buscando un creador potente e independiente para crear uno o dos sitios web, simplemente no puede ser mejor que Elementor. Es rápido, gratuito y fácil de usar. ¿Qué más puedes necesitar?

 

 

 

¿Qué creador de páginas debería elegir?

Ahora llegamos a la parte (difícil) en la que debemos elegir entre estos constructores de páginas.

Como habrá notado, ambos complementos ofrecen una excelente relación calidad-precio. Ofrecen una excelente interfaz de usuario y le facilitan mucho la creación de diseños personalizados.

Como ambos complementos tienen sus casos de uso, debe averiguar cuál satisface más sus requisitos. Dejame ayudarte con eso -

  • Eligen divi si desea un control total sobre el diseño. Una vez que se acostumbre a las opciones disponibles, es una herramienta muy poderosa que le permite crear cualquier tipo de diseño que desee.
    Resultado final: 5 de 5.
  • Ir con Beaver Builder si quieres empezar rápidamente. Como este creador de páginas no usa códigos cortos, puede descartar fácilmente el diseño actual y probar uno nuevo con unos pocos clics del mouse.
     Resultado final: 4.5 de 5

 

Si está buscando otras opciones, es posible que también desee consultar Visual Composer or Elementor Pro, los cuales cubrimos por separado en este sitio. Tanto Elementor como Visual Composer son actores importantes en el nicho de creación de páginas.

Ultimas palabras: Beaver Builder vs Divi

Divi y Beaver Builder son dos de los complementos de creación de páginas más populares en este momento. Naciones Unidasless ha utilizado ambos complementos extensamente, es realmente difícil elegir uno sobre el otro. Esta publicación de comparación debería ayudarlo a tomar esa decisión.

Creemos que Elegant Themes le brinda más valor en general, dado que está obteniendo acceso a una tonelada de temas y complementos de WordPress, pero BB también es una excelente opción. Además, esa nueva mejora de rendimiento que introdujeron realmente cambió el juego. Es muy difícil de elegir Beaver Builder sobre Divi ahora.

Obtenga un 10% de descuento en Divi hasta Octubre 2021

Comprar BeaverBuilder Ahora

Entonces, ¿cuál has elegido? Háganos saber en los comentarios a continuación. 

Sobre el autor
David Attard
Autor: David AttardPagina Web: https://www.linkedin.com/in/dattard/
David ha estado trabajando en o alrededor de la industria digital / en línea durante los últimos 18 años. Tiene una vasta experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Como consultor digital, su enfoque es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y plataformas digitales disponibles en la actualidad.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Por favor deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!

Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.

Autor (es) destacado en:  Logotipo de la revista Inc   Logotipo de Sitepoint   Logotipo de CSS Tricks    logotipo de webdesignerdepot   Logotipo de WPMU DEV   y muchos más ...