El tema Divi nos permite acceder a miles de plantillas gratis que nos permitirán crear una web en muy pocas horas. Esta funcionalidad permite poder buscar entre miles de demos o diseños profesionales, predefinidos y gratuitos y poder utilizarlos en nuestras páginas de WordPress.
Es decir, en el constructor de la plantilla Divi vamos a disponer de una biblioteca de Layouts o diseños profesionales y gratuitos que podremos ir utilizando en la realización de nuestra página web, o nuestros proyectos profesionales. Pudiendo utilizar estos diseños en las diferentes páginas de nuestros wordpress. Divi es, con mucha diferencia, el tema que más plantillas wordpress o layouts tiene.
Una vez incorporado a nuestra web un diseño predefinido de Divi podremos modificarlo y adaptarlo a nuestras necesidades. Pero partiremos de un diseño profesional y de calidad.
Aquí puedes ver todos los diseños:
VER LAS 2.130 PLANTILLAS DE DIVI DESCUENTO DIVISi quieres ver una rápida presentación general de la plantilla Divi, mira el siguiente vídeo de 12 minutos de duración:
Este repositorio de demos, diseños, layouts o plantillas para Divi lo ha ido generando de manera gratuita la empresa Elegant Themes, que es la empresa responsable de la plantilla Divi. Además, Elegant themes se compromete a ir aumentando este maravilloso repositorio de diseños para Divi.
Hasta ahora era necesario descargar los diseños e importarlos desde wordpress. Pero ahora será posible visualizar e importar cualquier diseño desde nuestro panel de administración de wordpress.
Nota: en este post vamos a llamar a esas demos o diseños preestablecidos que podremos utilizar en nuestras páginas de wordpress como diseños, layouts o plantillas. Ten en cuenta que a Divi le deberíamos llamar tema o theme y nunca plantilla. Lo que pasa es que la mayoría de gente, entre los cuales me incluyo, llamamos a Divi Plantilla, pero no deberíamos hacerlo, ya que realmente es un tema o theme y no una plantilla.
ACCEDE A TODOS MIS CURSOS ONLINE POR SOLO 10€/MES
ÍNDICE DEL POST
- 1.- Donde podemos visualizar los diseños o demos de páginas predefinidos para wordpress con Divi
- 2.- Paquetes o packs de demos o diseños gratuitos de páginas para Divi
- 3.- Cómo cargar un diseño o plantilla gratis de Divi en una página
- 4.- Modos de visualización de los diseños (layouts) para páginas con Divi
- 5.- Herramienta para buscar paquetes y diseños de páginas (layouts) con Divi
- 6.- Precios y planes de Divi
1.- Donde podemos visualizar los diseños o demos de páginas predefinidos para wordpress con Divi
Podremos visualizar el repositorio de diseños predefinidos gratuitos para Divi de Elegant themes desde el page builder tipo backend y desde su versión visual o frontend.
1.1.- Acceso a diseños desde el Divi Builder tipo Backend y frontend
Para acceder a las demos o diseños del repositorio de Divi empezaremos creando una nueva página: “Páginas > Añadir nueva”.
Ahora pondremos nombre a la página y haremos clic en el botón: “Usar el constructor Divi”.
Según como tengas configurado Divi (si tienes activado o gutenberg o el editor clásico) al lanzar el divi builder se te puede mostrar el constructor tipo frontend o backend.
En cualquiera de las situaciones, al lanzar el divi builder por primera vez te aparecerá una ventana para que ya desde el principio puedas seleccionar si quieres partir de un diseño desde cero, para lo que tendrás que elegir la opción «construir desde cero» o para partir de una plantilla divi predefinida o layout para lo que tendráis que seleccionar «Eleegir Diseño»
En cualquier caso, siempre podrás acceder en cualquier momento a las plantillas divi o layouts aunque hayas seleccionado la opción: «Empieza a Construir»
En el caso de que trabajes con el constructor tipo backend haz clic en el icono en forma de signo «más» (+) como te muestro en la imagen.
En la pestaña «diseños predefinidos» se mostrarán todas las plantillas divi o diseños predefinidos (demos) que podremos cargar en la página.
VER LAS 2.130 PLANTILLAS DE DIVI
Si por contra, estás usando el Divi builder tipo front end. Pues tendrás que hacer clic en el icono con tres puntitos que te aparece abajo de la pantalla para desplegar las opciones.
A continuación, haz clic en el icono “+” y se desplegará la biblioteca con los diseños predefinidos o layouts
Ver demos o diseños de páginas para Divi desde el constructor visual
Para poder gestionar mejor los diseños, mi recomendación es que hagas clic en F11 (Windows) para poder ver el contenido a tamaño completo.
Vamos a ver en los siguientes apartados como importar las plantillas de divi o layouts.
VER LAS 2.130 PLANTILLAS DE DIVI SUPER DESCUENTO DIVI
2.- Paquetes o packs de demos o diseños gratuitos de páginas para Divi
Una vez se abra la herramienta de diseños o plantillas de Divi podrás ver todos los diseños que podemos utilizar en nuestro wordpress.
Debes tener en cuenta que los diferentes diseños de Divi vienen agrupados en diferentes paquetes o packs.
Una paquete o pack estará formado por varios diseños o plantillas (layouts) para páginas wordpress. Cada diseño o layout se ha pensado para un tipo de página específica de la web. Aunque tu puedes utilizar cada diseño en la página que quieras.
Por ejemplo, el paquete “Restaurant” (restaurante) está formado por 8 diseños, demos o layouts:
- 1.- About: este diseño o layout es para la página de nosotros o quienes somos
- 2.- Blog: este diseño seria para la página blog
- 3.- Contact: este diseño de el pack Restaurant sería para la página de contacto
- 4.- Gallery: este diseño sería para una galería de imágenes
- 5.- Home: este diseño sería para la página de inicio
- 6.- Landing: este diseño de página sería para una landing page
- 7.- Shop: este diseño sería para mostrar productos de la tienda woocommerce
- 8.- Team: este diseño de página sería para la de equipo
Ejemplo de pack de diseños o demos para Divi. El paquete «Restaurante» cuenta con 8 diseños diferentes
3.- Cómo cargar un diseño o plantilla gratis de Divi en una página
Nada más acceder a la herramienta de importación de diseños preestablecidos nos aparecerán los diseños clasificados en paquetes o packs de plantillas o layouts para páginas wordpress.
En la parte superior se indicará el número de pack o paquetes de diseños y entre paréntesis el número de diseños o layouts totales.
Número de packs y diseñso disponibles en el repositorio de Elegant Themes
Si hacemos clic en un paquete o pack de diseños o demos se mostrarán todas las plantillas que conforman ese paquete o pack.
Desde ahí podremos seleccionar el diseño que queremos visualizar y podremos ver una demo haciendo clic en el botón: “View Live Demo”.
Una vez tengamos localizada la plantilla o diseño que queremos utilizar en la página wordpress que estamos creando, haremos clic en el botón: “Use this Layout” (usar este diseño).
Cargar diseño en la página que estamos creando
4.- Modos de visualización de los diseños (layouts) para páginas con Divi
Aunque al abrir la herramienta de selección de plantillas o diseños gratuitos del repositorio de Elegant Themes, se muestran los diferentes packs de diseños, podremos mostrar los elementos de diferentes maneras.
Para ello tenemos 3 iconos en la parte superior derecha (View mode):
Modo de visualización de los diferentes diseños o demos de páginas
- i.- icono archivo: esta es la opción que viene marcada por defecto y mostrará los packs de diseños o plantillas para Divi.
- ii.- icono rejilla: este icono mostrará los diseños de página directamente y no los packs. Los diseños se mostrarán en modo rejilla o retícula.
- iii.- Icono lista: si hacemos clic en este icono se mostrará un listado con todos los diseños de páginas (no los packs) en modo lista. Se mostrarán datos como la fecha de publicación de diseño y la categoría a la que pertenece.
5.- Herramienta para buscar paquetes y diseños de páginas (layouts) con Divi
En la pantalla para cargar diseños de página para wordpress con Divi verás que hay una barra en el lateral izquierdo con dos elementos:
i.- Buscador por palabras de diseños o plantillas: aquí podremos buscar diseños por palabras. El buscador dispone de tecnología Ajax y nos irá mostrando posibles resultados conforme vayamos escribiendo en la barra de búsqueda.
Por ejemplo, si escribimos “contact” o “contacto” se nos mostrarán todos los diseños del repositorio que incluyan la palabra contacto o contact. Es decir, se mostrarán todos los diseños o demos que pueden servir para páginas de contacto.
Herramienta para buscar plantillas o diseñso de página por palabras
ii.- Filtro por tipo de diseño o plantilla: Las plantillas, diseños de página y packs para Divi vienen clasificados en diferentes categorías, según la el tipo de web al que al que van destinados. Aunque puedes usar cualquier diseño para cualquier tipo de web.
Puedes filtrar packs o paquetes de diseños, demos o plantillas individuales. Para ello tienes que seleccionar primero el icono del lateral derecho (apartado 4)
Las categorías son las siguientes:
i.- Art & Design: Webs enfocadas al mundo de la cultura, el arte y el diseño
ii.- Business: Webs de negocios y empresas
iii.- Community & Non-Profit: Asociaciones sin ánimo de lucro.
iv.- Education: mundo de la educación
v.- Events: Webs de eventos
vi.- Fashion & Beauty: moda y belleza
vii.- Food & Drink: Restaruación y Bares
viii.- Health & Fitness: Gimnasio, deporte y salud
ix.- Online store: tienda online o ecommerce
x.- Services: Servicios profesionales, autónomos y empresas.
xi.- Simple: web limpia y sencilla
xii.- Tecnology: web relacionada con la tecnología
Si hacemos clic en cualquiera de los filtros solo se mostrarán los diseños o paquetes de diseños que pertenezcan a esa categoría. Es posible marcar más de una categoría.
Categorías clasificación diferentes diseños o demos para Divi
6.- Precios y planes de Divi
->🥇PLAN YEARLY ACCESS: El plan Yearly Access incluye el tema Divi + tema Extra +3 plugins.
Este es un plan de renovación anual. Es decir, para seguir disfrutando de actualizaciones de Divi debes renovar el plan de año en año. La licencia te permite usar cualquier tema o plugin de Elegant Themes en todas las páginas web que quieras.
El precio de este plan es de 89$ + IVA, pero con el descuento del 10% se te quedará en 80 $ + IVA
NOTA: Si al final de un año no renuevas el plan Yearly Access, podrás seguir utilizando perfectamente tu Divi en las webs que la hayas instalado. Pero, no podrás actualizarlas.
Nota: Si compras desde América (México, Colombia, Argentina, etc) no se te aplicará IVA. Es decir, el precio final será de $80 con el descuento ya aplicado.
DESCUENTO PLAN YEARLY ACCESS
->🥇PLAN LIFETIME ACCESS: El plan Lifetime Access incluye el tema Divi + tema Extra + 3 plugins.
Este plan se paga una única vez. Es decir, NO hay que renovarlo de manera anual. Podrás disfrutar de actualizaciones y todos recursos de Elegant Themes de por vida. La licencia te permite usar cualquier tema o plugin de Elegant Themes en todas las páginas web que quieras
El precio de este plan es de 249$ + IVA, pero con el descuento del 10% se te quedará en 224$ + IVA
NOTA: Si contratas el plan Life Time Access, en 3 años habrías amortizado el coste de renovaciones del plan Yearly Access
Nota: Si compras desde América (México, Colombia, Argentina, etc) no se te aplicará IVA. Es decir, el precio final será de $224 con el descuento ya aplicado.
DESCUENTO PLAN LIFETIME ACCESS
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes
Qué buen post! Enhorabuena
una pregunta. he pagado elegant themes y me he descargo divi y divi builder. En teoría ahora las layouts estas son gratuitas no? Porque no me deja descargarlas. Me pide la API y nombre, lo introduzco y no me deja seguir. Por qué puede ser? Es porque tengo que pagar otra cosa más? O es un error suyo? Quizás por algun plug in mío?
Gracias
Hola Mario.
No tienes que comprar nada más. El problema seguro que es que no estás introduciendo correctamente o el nombre de usuario de cuenta de Elegant Themes o la clave API.
También vacía la caché después de introducir estos datos en WordPress, si es que usas caché.
Estimado, gusto en saludarle… tengo un problema al cargar los layouts con el Divi, ya que se me queda en 1%… Me comentaron que era la versión del PHP en el Hosting y ya se actualizó a la 7.1 pero me da el mismo problema, podrías ayudarme al respecto?…
Muchas gracias de antemano.
Hola Luis,
Eso tiene toda la pinta de ser un problema asociado a tu hosting. Seguramente, solo ellos te lo podrán resolver.
¿qué empresa de hosting utilizas?
hola
¿Puedo tomar una plantilla de esas y que quede con woocomerce para vender?
Porque al agregarla queda solo en una pagina y la tienda queda solita y el finalizar compra al otro lado.
Buenas,
Creo que alguno de los diseños es para tienda online, pero no todos.
Me ha gustado mucho este post y el video que has compartido Joaquin, desconocía esta nueva funcionalidad de Divi.
Tengo duda, cual es la diferencia entre cargar la plantilla en el back end y el front end? Según yo no habría diferencia, solo es cuestión de gusto personal.
Pero tu que tienes más experiencia con Divi, si me pudieras orientar con este tema.
Gracias de antemano, un saludo desde México.
Muy buenas,
muchas gracias por tus comentarios. Es indiferente cargar los diseños o demos desde el divi builder tipo backoffice o desde el page builder tipo visual. Da exactamente lo mismo.
Puedes hacerlo como más te guste.
Un saludo desde Murcia (España)