Usar Diseños Preestablecidos en Divi

Usar Diseños Preestablecidos en Divi

Divi viene con una gran cantidad de diseños preestablecidos que puedes usar para acelerar el inicio de tu diseño.



Divi incluye cientos de increíbles diseños preestablecidos que puedes utilizar para acelerar tus proyectos de diseño.

Divi cuenta con más de 250 paquetes de diseños preestablecidos, creados por nuestro equipo interno de diseño, para ayudarte a iniciar rápidamente tus proyectos.

Esto significa que puedes acceder a cientos de diseños de sitios web de alta calidad y nivel profesional GRATIS, incluidos con tu suscripción a Elegant Themes.

¡Cada semana se agregan nuevos paquetes de diseño! Veamos cómo acceder, cargar y personalizar los paquetes de diseño preestablecidos con Divi.

How to use Divi Premade Layouts

Cómo Acceder a los Paquetes de Diseños Preestablecidos de Divi

Necesitarás una suscripción a Elegant Themes para acceder a los paquetes de diseño preestablecidos de Divi. Puedes explorar los paquetes disponibles aquí, pero para instalarlos necesitarás tener un sitio web WordPress con Divi instalado.

Aprende cómo instalar el tema Divi en tu sitio WordPress aquí.
Una vez instalado y activado el tema, podrás comenzar a usar sus funciones.

Agrega una Página y Carga el Constructor de Divi

  1. Agrega una nueva página o edita una existente.
    Por defecto, WordPress carga el editor estándar de Gutenberg cuando se crea una nueva entrada o página.

  2. Haz clic en el botón morado debajo del título de la página que dice Usar el Constructor de Divi.

  3. Al hacer clic, la página se recargará con el Constructor Visual de Divi.

Al Recargar la Página Verás Tres Opciones:
  • Construir desde cero: comienza con una página en blanco.

  • Elegir un diseño preestablecido: selecciona de la biblioteca de diseños Divi.

  • Construir con IA: crea un diseño de página completo con Divi AI.

Construir desde cero 

Esta opción carga el Constructor de Divi con un diseño de página en blanco. Elige esta opción si deseas comenzar tu diseño de página desde cero.

Elegir un Diseño Preestablecido

Esta opción te permite elegir entre una gran biblioteca de diseños ya hechos por Divi. Puedes usar diseños preestablecidos de Divi, diseños guardados en tu biblioteca o incluso clonar páginas existentes de tu sitio web.

Construir con IA

Esta opción permite crear automáticamente un diseño completo usando Divi AI, basado en un texto que proporciones y la información de tu sitio. Podrás obtener una estructura de página completa con contenido e imágenes listas para usar.

Divi Page Flow

Haz clic en el botón Explorar Diseños.

Divi - Browse Premade layouts


En la ventana emergente Cargar desde Biblioteca, encontrarás tres pestañas:
  • Diseños Preestablecidos: todos los diseños gratuitos creados por el equipo de Elegant Themes.

  • Tus Diseños Guardados: los diseños que hayas guardado en tu biblioteca Divi.

  • Tus Páginas Existentes: lista de todas las páginas, publicaciones o proyectos de tu sitio, que puedes clonar para iniciar el diseño de una nueva página.

Cómo Buscar Paquetes de Diseños Preestablecidos

Buscar entre los paquetes es fácil. Usa las opciones de búsqueda y filtrado en la barra lateral para encontrar el diseño que necesitas.

Search For Premade Layout Packs

Cómo Cargar un Paquete de Diseño Preestablecido

Una vez que encuentres un paquete de diseño que te guste: Haz clic sobre él. Luego haz clic en Usar este diseño para cargarlo en tu página.

También puedes acceder a la biblioteca en cualquier momento haciendo clic en el ícono morado + en la barra de herramientas de Divi.

Load A Premade Layout Pack

Personalización y Flexibilidad

Agregar diseños preestablecidos facilita enormemente la construcción de una nueva página y abre un mundo de posibilidades para crear diseños únicos.

Después de cargar el diseño:

  • Puedes editar cualquier cosa: cambiar texto, imágenes, colores, mover secciones, etc.

  • ¿No quieres una sección? Haz clic en el ícono de la papelera y elimínala.

Puedes reemplazar cada elemento con tu propio contenido para tener un sitio personalizado en minutos.

Cómo Personalizar Paquetes de Diseño Preestablecidos

¡Es igual que personalizar cualquier cosa en Divi!

  • Nada está bloqueado, puedes mover elementos, hacer clic en sus ajustes y modificar cada detalle.

  • Usa arrastrar y soltar para reorganizar elementos fácilmente.

Customize Premade Layout Packs

Guardar tu Diseño

Una vez que termines de editar:

  • Haz clic en la flecha verde en la parte inferior derecha del módulo para guardar.

  • Para guardar toda la página:

    • En Mac: presiona CMD + S

    • En PC: presiona CTRL + S

También puedes guardar haciendo clic en el ícono morado con tres puntos en la esquina inferior y luego en el botón verde Guardar.

Salir del Constructor Visual

Cuando hayas guardado todos los cambios, haz clic en Salir del Constructor Visual en la barra de administración superior.

Save and Exist Visual Builder
    • Popular Articles

    • Guía de Negocio para Resellers y Partners

      En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...
    • Ver una Demo de Scoreapps para Resellers

      En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:
    • Proporciona acceso a tus Aplicaciones

      Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...
    • Cómo Crear una App de Tienda

      El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...
    • Cómo diseñar la pantalla de inicio o portada de una App

      En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:
    • Related Articles

    • Cómo usar Divi Layouts IA

      Aprende a aprovechar el poder de Divi Layouts IA para crear diseños profesionales y visualmente atractivos en minutos. <br> Este artículo ofrece una guía paso a paso sobre cómo usar eficazmente Divi Layouts IA para agilizar y mejorar tu ...
    • Uso de las Opciones de Sombra de Caja en Divi

      Las opciones de sombra de caja en Divi te permiten darle a cualquier elemento de la página la ilusión de profundidad. Las sombras proyectadas son una forma creativa de dar vida a los elementos de diseño de tu sitio web. Pueden resaltar elementos e ...
    • Cómo usar el Editor de Imágenes de Divi IA

      Aprende a usar el Editor de Imágenes de Divi IA para crear y editar fácilmente imágenes impresionantes directamente dentro del Constructor de Divi. <br> Cómo usar el Editor de Imágenes de Divi IA Este artículo te guiará paso a ...
    • El Bloque de Diseño Divi

      El Bloque de Diseño Divi te permite cargar diseños de Divi directamente dentro del editor Gutenberg. El Bloque de Diseño Divi El bloque de diseño Divi es un bloque de Gutenberg que te permite insertar o crear diseños de Divi desde cero directamente ...
    • Presets Globales de Divi

      Aprende cómo crear presets de Divi y aplicarlos a módulos en todo tu sitio web. <br> Una visión general de la función de presets globales de Divi Un reemplazo poderoso para los valores predeterminados globales Los presets globales de ...