Beaver Builder vs Divi: Uno es bueno para ti, el otro no (2024)

Beaver Builder contra divi

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

Es posible que haya realizado una investigación preliminar y haya descubierto que estas dos son las opciones más promocionadas para crear sitios web y proporcionan herramientas similares a otros creadores de páginas líderes.

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

Vamos a explorar todas las características importantes de estos complementos de creación de páginas y compararlos cabeza a cabeza para ayudarlo a encontrar el mejor para usted.

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 en funcionamiento con ambos productos instalados, por lo que revisaremos este artículo en octubre de 2024 para actualizar todos los detalles relevantes según sea necesario.

Beaver Builder contra 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 2,000 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.

  Divi constructor beaver builder logo
Precio $ 89 (incluye todos los complementos ET y temas de WordPress) $ 99 +
Versión Gratuita No Si
Editor en tiempo real Si Si
Front-end / Back-end Ambos Ambos
Público objetivo Desarrollador / Diseñador / Usuario Web Developer / diseñador
Elementos soportados 200+  31 
Código limpio Si Si
Plantillas / diseños prefabricados 2,000+ 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.  No hay tantos recursos
En general
Ganador 🏆  
Página web Visita temas elegantes (10% OFF) Haz Beaver Builder 

 

¿Por qué usar un creador de páginas?

Beaver builder contra divisiónSi 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, WordPress podía crear páginas o publicaciones. Ambos elementos de contenido son muy similares.

Admitían principalmente texto e imágenes y el contenido de su sitio web común y corriente, como publicaciones de blog.

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 quería 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.

Eventualmente, los desarrolladores y proveedores comenzaron a darse cuenta de que la mayoría de las personas querían 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.

Leer más: Assistant Pro: guarde las plantillas del creador de páginas en la web

Divi builder vs beaver builder

No estamos muy seguros de quién ideó el primer producto de creación de páginas, pero definitivamente, Elegant Themes ha sido uno de los proveedores que hicieron 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?

Divi

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, 880,000 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.

Público objetivo de Elegant Themes: 

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í. Y estos muchachos siempre están a la vanguardia de la tecnología, ya que acaban de incorporar IA en Divi.

Diseñador vs desarrollador

Beaver Builder

Beaver Builder tiene un tipo de usuario diferente. Tiempo ElegantThemes se dirige a aquellos que son menos "técnicos", Beaver Builder va tras aquellos usuarios que son diseñadores y desarrolladores de corazón.

Divi tiene algunas limitaciones que estos tipos de desarrolladores encuentran frustrantes, y Beaver Builder identifica y corrige estos problemas muy bien. 

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

Si está interesado en comparar los productos de Elegant Themes con otras opciones populares disponibles en el mercado, es posible que desee considerar los siguientes dos artículos que también hemos escrito:

https://www.collectiveray.com/divi-vs-genesis

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

Continuando con la imagen de arriba, Beaver Builder 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.

Empecemos hablando de la interfaz de usuario de estos dos productos.

Beaver Builder vs Divi - WordPress Page Builder UI y UX

Como tendemos a pasar mucho tiempo en el back-end de nuestro creador de páginas, primero veamos cómo se ve cada uno de ellos y qué ofrecen en términos de usabilidad.

La directiva Divi Builder Fácil de usar

ElegantThemes han estado trabajando en su producto durante varios años y se nota. Con una comunidad fuerte apoyándolos, brindándoles muchos comentarios excelentes, estos muchachos saben cómo mantenerse al tanto de sus usuarios.

Han construido una interfaz que está completamente enfocada 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.

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 vas a ver es esto:

La directiva  Divi Builder Fácil de usar

Al hacer clic en el Usa Divi Builder El botón lo redirigirá al nuevo editor visual.

Esta función responde a la introducción del nuevo editor de bloques de WordPress, 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.

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

Sin embargo, aún tiene la opción de volver no solo al editor 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.

divi opciones1 página

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

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 generador. Observe cómo puede cambiar sin problemas entre la vista de back-end (wireframe) 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). 

Para acceder al generador de páginas desde el backend, vaya a Artículos > Añadir nuevo.

Verá una nueva página con tres opciones, Construir desde cero, Elegir un diseño prefabricado o clonar una página.

Divi nueva pagina

Una vez que haga su elección, verá una opción para crear una nueva página, elegir de la lista de plantillas o elegir una página para clonar.

Elegiremos crear una página desde cero para que puedas ver lo que está pasando.

En la página resultante, haga clic en "Utilizar el Divi Builder" botón. Esto abrirá la interfaz, que se parece a la siguiente

Divi nueva página1

 

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 especial presenta nueve estructuras de columnas especialmente creadas. Puede agregar varias filas dentro de una sección para tener varias estructuras de columnas.

divi nueva página 3

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 cambiar la posición de los módulos, columnas, filas y secciones arrastrándolos y soltándolos en las 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.

divi nueva página 3

Una vez que se carga el generador de páginas frontales, 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 lo maneja muy bien.

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. 

Obtén un 10% de descuento en Divi hasta octubre de 2024

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

Que pasa ElegantThemes ¿competidor? Hace Beaver Builder tienen 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. 

La directiva Beaver Builder Fácil de usar

No queriendo quedarse atrás en la carrera por dominar a los creadores de páginas, Beaver Builder ha salido con todas las armas encendidas.

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

Beaver Builder 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 WordPress, siempre que se hayan habilitado.

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 Beaver Builder.

Esencialmente, en el método de back-end, después de iniciar sesión primero en su tablero, vaya a Artículos > Añadir nuevo, y haga clic en el "creador de página".

Esto abrirá la interfaz del creador de páginas, algo similar a lo que se muestra a continuación.

La directiva  Beaver Builder Fácil de usar

El primer paso es elegir una plantilla para la página. Puede elegir cualquiera de las plantillas listas para usar o comenzar con la plantilla en blanco para crear su propia plantilla.

Una vez que haya elegido la plantilla, el siguiente paso es elegir el diseño de fila.

Puede elegir el diseño de la fila en la barra lateral izquierda. Abra la barra lateral haciendo clic en "Agregar contenido” en el menú superior izquierdo de la página.

El menú también ofrece algunos otros botones para cambiar la plantilla, abrir las herramientas, la sección, publicar la página y un botón de ayuda dedicado.

Beaver Builder 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.

La directiva  Beaver Builder Interfaz1

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 usar 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 las filas y los 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 "creador de página" botón. Esto abrirá la misma interfaz que la creación de la página desde el backend.

La directiva  Beaver Builder Interfaz2

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 Beaver Builder ¿ahora? Haga clic en el botón de abajo. (Se abre en una nueva ventana)

Prueba el BeaverBuilder demostración

Beaver Builder vs Divi - Módulos

La usabilidad es solo un aspecto de un creador de páginas. La cantidad de módulos que proporciona sin tener que instalar complementos adicionales también cuenta.

Divi Builder

Este complemento actualmente viene con más de 200 módulos de contenido (Elementos en Divi-speak).

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ó.

Las versiones más nuevas de Divi, como la 4.20 lanzada en febrero de 2023, han mejorado drásticamente la forma en que funciona y la velocidad de carga.

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
  • Buscar
  • Acordeón
  • Botón
  • CTA
  • Audio
  • Video
  • Código personalizado
  • Divisor

Las opciones avanzadas de elementos incluyen:

  • Para contrarrestar
  • optar en
  • Portafolio
  • Iniciar sesión
  • Mapa
  • Persona
  • Tabla de precios
  • Testimonial
  • 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 200 elementos compatibles, estaríamos aquí para siempre.

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

Luego, hay complementos de módulos adicionales para los pocos que puede necesitar pero Divi no tiene.

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 añadir módulo

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
  3. Avanzada

La directiva 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, Avanzada 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 sitio web.

Obtén un 10% de descuento en Divi hasta octubre de 2024

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

Beaver Builder

Beaver Builder tiene 29 módulos en total y los divide en tres categorías:

  1. Módulos estándar
  2. Widgets de WordPress
  3. Módulos guardados

Los módulos estándar incluyen:

  • Editor de texto
  • Título
  • HTML
  • Botón
  • Imagen
  • Video
  • audio
  • Separador

La categoría de WordPress contiene algunos módulos familiares:

  • Archivos
  • Calendario
  • Categorías
  • Meta
  • RSS
  • Menú de navegación
  • Y otros

La sección Módulos guardados presentará cualquier módulo que cree y guarde para su uso posterior.

Módulo de gestión de castores

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

  1. General
  2. Estilo
  3. Avanzada

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

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

Avanzada 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.

Visita el Beaver Builder Página web

La siguiente parte de nuestro Beaver Builder La revisión de vs Divi 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 nuevos sitios web en cuestión de horas, incluso minutos, en lugar de semanas.

¡Vea a continuación lo que queremos decir!

Beaver Builder vs Divi - 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.

Las versiones posteriores han agregado más, ¡con un número ahora de más de 2,000!

Puede usar una plantilla haciendo clic en la opción "Elegir un diseño prefabricado" cuando cargue una nueva página o publicación por primera vez.

divi cargar un diseño

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 las llama Divi) diseños de página, pero la verdadera esencia es si son realmente buenas y utilizables para crear sus propios diseños.

Esencialmente, la idea básica es esta: crea una página en WordPress, 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 increíble "diseñado". sin requerir ningún conocimiento de diseño real.

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 2,000 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 ideal para el público objetivo al que está dirigido este producto. Dado que mencionamos que el público objetivo son personas que quieren poner en marcha algo rápidamente, la disponibilidad de paquetes de sitios web completos es realmente una bendición.

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!).

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.

 Paquete de diseño de restaurante divi

  • 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.

Paquetes de diseño Divi

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

  • Sistema para el manejo del aprendimiento
  • Cafetería
  • Mercado Agrícola
  • Estudio de yoga o fitness
  • Mercado de fotos
  • Redactor
  • 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.

Echa un vistazo a todos los diseños ahora

Beaver Builder Plantillas de página

Beaver Builder 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".

Plantillas de castor

Hay tres tipos de diseños:

  • Páginas de Destino
  • Páginas de contenido
  • Micropáginas

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 necesarias del sitio web, como sobre nosotros, servicios, cartera, equipo, contacto, preguntas frecuentes, blog, etc. La mayoría de estas plantillas están disponibles en diferentes estilos.

Micropáginas son pequeñas páginas que pueden funcionar por sí solas o estar incrustadas dentro de otra página.

Como las plantillas se proporcionan con una imagen, puede elegir fácilmente la mejor de acuerdo con sus requisitos.

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

Páginas de Destino

Beaver Builder ha diseñado varias plantillas de página de destino que están 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
    página de inicio de castor
  • 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, Beaver Builder también tiene muchas páginas de contenido que han sido diseñadas y listas para usar.

páginas de contenido de castor

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.

Las micropáginas ofrecen secciones de una página o páginas minimalistas en caso de que las necesite.

Micro páginas de castor

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

PAGAR Beaver Builder Plantillas

Beaver Builder vs Divi - Configuración del creador de páginas

Ahora que tiene una idea de qué módulos y plantillas ofrece cada creador de páginas, profundicemos un poco más en la configuración.

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.

tecla divisoria

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 Beaver Builder 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

  • Fuente Impresionante,
  • Fundación, y
  • Dashicones. 

Este es un ejemplo de cómo Beaver Builder 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

Beaver Builder vs Divi - Funciones adicionales

¿Qué otras ventajas ofrecen estos creadores de páginas?

Tema divi

El complemento de Elegant Themes incluye otras funciones interesantes. Por ejemplo, la biblioteca PageBuilder te permite guardar módulos y diseños personalizados para que puedas volver a usarlos en el futuro.

Además, también es posible importar o exportar estos elementos hacia y desde 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.

Biblioteca Divi

En algunos casos, es posible que deba usar 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 también se aplicarán automáticamente a los otros lugares. 

Creador de temas Divi

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

Esta función le permite crear, diseñar y personalizar todo su sitio web. Ya no es solo un generador de páginas, es un generador 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.

Creador 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.

Obtén un 10% de descuento en Divi hasta octubre de 2024

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

Beaver Builder

Por otra parte, Beaver Builder también tiene algunos trucos bajo la manga.

En primer lugar, la edición de interfaz 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 usar 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 significativa de Beaver Builder 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.

Haz BeaverBuilder website

Beaver Builder vs Divi - Pros y contras

Cada producto, sin importar cuán bien diseñado o cuán maduro sea, tendrá fortalezas y debilidades. Estos dos creadores de páginas no son diferentes.

Tema divi

Ventajas

  1. Una solución muy potente para crear cualquier tipo de diseño,
  2. Las nuevas actualizaciones de rendimiento hacen 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

Inconvenientes

  1. Tómate un tiempo para acostumbrarte
  2. El editor frontend tarda un tiempo en cargarse y agregar módulos a las páginas es mucho más lento que Beaver Builder
  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 WordPress para que pueda usar cualquier cosa

Inconvenientes

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

Divi contra Beaver Builder - Precios

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 $ 546. Cada plan 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

Divi Builder Precios

Debes ser miembro de Elegant Themes para usar sus complementos, y el acceso se realiza a las tarifas que se indican a continuación. 

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

El plan de acceso anual tiene un precio de $ 89 por año. 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.

Obtén un 10 % de descuento en Divi hasta octubre de 2024

 

Beaver Builder

Beaver Builder Precios

Beaver Builder ofrece cuatro 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, más el tema y la compatibilidad con múltiples sitios.

La agencia tiene un precio de $ 399 y disfruta de todas las características de Pro junto con el permiso completo de marca blanca.

Ultimate cuesta $ 546 por año y agrega Assistant Pro, una opción de almacenamiento basada en la nube para diseños y activos.

Comprar BeaverBuilder Ahora

Beaver Builder vs Divi - Preguntas frecuentes

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 de aprender. Sin embargo, una nueva actualización de rendimiento de Divi ha transformado la forma en que funciona. 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?

Is Beaver Builder bueno para SEO?

Sí, Beaver Builder tiene todas las funciones necesarias para controlar la optimización de motores de búsqueda de su sitio web, incluida la rapidez, el control de encabezados y etiquetas de título y otras funciones necesarias. 

¿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 hacen que sea mucho más fácil para usted crear diseños personalizados.

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

  • Elija 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 contra divi

Divi y Beaver Builder son dos de los complementos de creación de páginas más populares en este momento. A menos que hayas usado ambos complementos con frecuencia, es realmente difícil elegir uno sobre el otro. Esta publicación comparativa debería ayudarte a tomar esa decisión.

Creemos que Elegant Themes te ofrece más valor en general, dado que obtienes acceso a una gran cantidad 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ó las reglas del juego. Es realmente difícil elegir Beaver Builder sobre Divi ahora.

Obtén un 10% de descuento en Divi hasta octubre de 2024

Comprar BeaverBuilder Ahora

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

Sobre la autora
David Atard
David ha trabajado en la industria digital y en línea durante los últimos 21 años. Tiene una amplia experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Ha trabajado con agencias de desarrollo de software, empresas de software internacionales, agencias de marketing locales y ahora es Jefe de Operaciones de Marketing en Aphex Media, una agencia de SEO. Como consultor digital, su objetivo es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y las plataformas digitales disponibles en la actualidad. Su combinación de experiencia en tecnología combinada con una sólida visión para los negocios aporta una ventaja competitiva a sus escritos.

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 ...