Usted ha comprado Divi y está listo para construir su sitio web. El único problema es que necesita averiguar por dónde empezar. Afortunadamente, Divi es uno de los temas de WordPress más intuitivos que existen. Ofrece un Constructor Visual de arrastrar y soltar fácil de usar que le permite colocar módulos de diseño directamente en una página web en el front-end para ver surgir su diseño en tiempo real.

Sin embargo, Divi es más que un tema de WordPress. Proporciona una experiencia completa de creación de sitios web sin necesidad de escribir una sola línea de código. En este post, le mostraremos cómo construir un sitio web Divi y le proporcionaremos una guía paso a paso para que pueda seguirlo fácilmente.

Empecemos.

Primeros pasos con WordPress y Divi

Antes de lanzarnos a la parte divertida de crear su sitio web con Divi, asegurémonos de que dispone de lo esencial. En esta primera sección de nuestro post sobre cómo crear un sitio web con Divi, nos centraremos en la compra de un nombre de dominio, la contratación de un plan de alojamiento de WordPress y la instalación y configuración del tema Divi.

Comprar un nombre de dominio

Considere su nombre de dominio como la dirección de su sitio web en Internet. Cuando elija uno, asegúrese de que sea memorable. Su dominio suele ser lo primero que ve la gente cuando se encuentra con su sitio web. Un nombre de dominio bien elegido puede crear una primera impresión positiva y hacer que su sitio web sea más fácil de recordar. Utilice un buen registrador de dominios que tenga una buena función de búsqueda para que pueda encontrar el que más le convenga.

Un nombre de dominio fuerte actúa como un bloque de construcción para la identidad de su marca. Es uno de los pasos más importantes al construir un sitio web Divi. Debe ser relevante para el nicho de su sitio web y el público objetivo. Por ejemplo, elegantthemes.com indica instantáneamente a los visitantes que pueden esperar encontrar temas bonitos en nuestro sitio web. Cuanto más refleje su nombre de dominio su marca, más fácil será que la gente le reconozca y le recuerde.

Otro factor a tener en cuenta son las páginas de clasificación de los motores de búsqueda (SERP). Incluir palabras clave relevantes en su dominio puede darle un ligero impulso a la optimización de motores de búsqueda (SEO), facilitando que la gente encuentre su sitio web durante la búsqueda. Algunas extensiones de dominio son mejores que otras para el SEO, por lo que es una buena idea ceñirse a extensiones como .com, .net, o .org, por nombrar algunos.

Elija un registrador de dominios reputado

Uno de los mejores registradores de dominios es Namecheap. Ofrece una potente búsqueda de dominios, por lo que podrá encontrar fácilmente el dominio perfecto para su negocio. También ofrece precios muy asequibles. Por ejemplo, puede conseguir un .com dominio para el primer año por 5,98. Proporciona una interfaz sencilla para registrar su dominio, servicios de alojamiento FreeDNS y PremiumDNS para garantizar que su sitio web esté siempre en línea. Lo consigue distribuyendo la información DNS entre varios servidores de borde, lo que hace casi imposible que usted sea víctima de un ataque distribuido de denegación de servicio (DDoS).

Obtener Namecheap

Contratar un plan de alojamiento WordPress

Otra cosa que necesitará para hacer un sitio web Divi es un buen proveedor de alojamiento. Piense en el alojamiento web como el hogar de su sitio web. Almacena los archivos de su sitio web y los hace accesibles a los visitantes. Hay muchos proveedores de alojamiento web disponibles, incluyendo Cloudways, Flywheel, Pressable y SiteGround.

Todos los proveedores de alojamiento mencionados anteriormente ofrecen alojamiento diseñado para WordPress y Divi. Cuando opta por un alojamiento optimizado para WordPress, está tomando medidas para garantizar que su sitio web sea rápido, seguro y esté bien equipado para ejecutar WordPress. Estos hosts también están diseñados para ejecutar Divi sin problemas. De los cuatro, SiteGround ofrece la mejor relación calidad-precio.

Ofrece un montón de regalos, incluyendo correo electrónico gratuito, migración del sitio, un certificado SSL, instalaciones de WordPress con un solo clic, una red de distribución de contenidos (CDN), y mucho más. Además, sus planes de alojamiento de WordPress son increíblemente asequibles, con precios a partir de 2,99 $ al mes. SiteGround también se toma en serio la seguridad de los sitios web, con un sistema anti-bot potenciado por IA que señala y bloquea millones de amenazas de seguridad a diario. También cuenta con un potente cortafuegos de aplicaciones web (WAF) que garantiza que su sitio esté protegido contra hackers, ataques de fuerza bruta y malware.

Instalar WordPress

Hay varias formas de instalar WordPress, incluso manualmente. Afortunadamente, el proceso es increíblemente sencillo con un proveedor de alojamiento como SiteGround. Tras contratar un plan de alojamiento SiteGround, SiteGround le guiará a través de los sencillos pasos para instalar WordPress. Comience por iniciar sesión en su cuenta de SiteGround. Al iniciar sesión, se le redirigirá al panel de control Herramientas del sitio. Haga clic en el botón Configurar sitio para comenzar.

Elija entre un dominio nuevo, existente o temporal en la siguiente pantalla. Asumiremos que compró un dominio en Namecheap en el paso anterior, así que seleccione dominio existente. Introduzca su nombre de dominio en el campo y haga clic en continuar.

A continuación, seleccione Iniciar nuevo sitio web, elija WordPress para la aplicación, añada un dirección de correo electrónico y contraseña (esto es lo que utilizará para iniciar sesión en WordPress), y haga clic en Continuar.

Durante los siguientes minutos, SiteGround configurará el espacio de su servidor, instalará WordPress y lo configurará para obtener velocidad y rendimiento. SiteGround utiliza un plugin propio de optimización de velocidad, Speed Optimizer, que controla el almacenamiento en caché, la optimización de imágenes y mucho más.

Instalación del tema Divi de WordPress

Con WordPress instalado, es hora de instalar Divi. Para este post, asumiremos que ha dado los pasos para adquirir una suscripción a Elegant Themes. Por lo tanto, para esta sección, nos concentraremos en la instalación de Divi y la generación e instalación de una clave API.

Comience por navegar a su tablero de WordPress. Hay dos formas de acceder a su tablero de WordPress: a través del tablero de Site Tools de SiteGround o directamente en su navegador escribiendo www.yoursitename.com/wp-admin (sustituya su nombre de usuario por su dominio).

Una vez iniciada la sesión, navegue hasta Apariencia & Temas. Haga clic en Añadir nuevo tema.

A continuación, haga clic en el botón Subir tema tab.

Haga clic en el elija el archivo para cargar el archivo comprimido del tema Divi en WordPress.

Una vez cargado el archivo, haga clic en el botón Instalar ahora para instalar Divi en WordPress.

Por último, haga clic en el botón Activar para activar el tema.

Generar e instalar una clave API Divi

El último paso en la instalación de Divi es generar e instalar una Clave API. El uso de una Clave API garantiza que el marco central de Divi esté actualizado. Las actualizaciones son cruciales para asegurar que Divi funcione sin problemas, sea seguro y otorgue acceso a futuras características. Otro beneficio de una Clave API es que le otorga acceso a cualquier producto adicional que compre y le da acceso a los más de 2000 diseños prediseñados de Divi.

Para generar una clave, inicie sesión en su cuenta de Elegant Themes, navegue a la sección pestaña Cuentay haga clic en Nombre de usuario y clave API.

Desplácese hacia abajo hasta que vea el Generar nueva clave API botón.

Asigne un nombre a la clave y copie tanto la etiqueta como la Clave API para guardarlas. A continuación, vuelva al panel de control de WordPress y navegue hasta Divi > Opciones del tema > Actualizaciones.

Introduzca el nombre de usuario y la clave API en los campos asociados y haga clic en el botón Guardar cambios botón.

Divi es más que un tema de WordPress

Como ya hemos mencionado, Divi es un potente tema de WordPress que ofrece un intuitivo constructor de páginas de arrastrar y soltar, el Constructor Visual. Viene equipado con más de 200 módulos de diseño, para que pueda construir cualquier tipo de sitio web que desee. Divi también incluye una potente experiencia de edición de todo el sitio, gracias al Constructor de temas. Con él, puede crear un encabezado y un pie de página, plantillas de entradas de blog, páginas de archivo y mucho más, todo con la misma interfaz de arrastrar y soltar. Divi es asequible, con licencias anuales a partir de 89 dólares.

Como ventaja añadida, Divi cuenta con un increíble conjunto de productos para mejorar su experiencia. Está Divi AI, un asistente de diseño impulsado por IA que es capaz de escribir texto acorde con su marca, generar imágenes realistas, escribir código y desarrollar módulos, y crear páginas web completas, todo con una simple indicación de texto. Puede generar un número ilimitado de fotos, texto, código y páginas por tan sólo 16,08 $ al mes.

Obtener Divi AI

Otros productos, como Divi Cloud, le permiten almacenar todos sus módulos Divi, secciones y diseños completos en la Nube. Esto elimina la necesidad de exportar archivos JSON o XML para reutilizar sus diseños favoritos. Con Divi Cloud, puede guardar los diseños de cada sitio web que posea, importando y exportando fácilmente sus diseños favoritos. Divi Cloud está disponible para $6 al mes.

Obtener Divi Cloud

¿Busca una manera de fomentar la colaboración entre los miembros del equipo y hacer la vida más fácil? Ahí es donde Divi Teams puede ayudarle. Por tan sólo 1,50 $ al mes por puesto, puede conceder acceso a Divi y a todos los productos que adquiera a través de su área de miembro de Elegant Themes. Comparta el acceso a la facturación del cliente y a los productos Divi, asigne roles de usuario y acceda fácilmente a los tickets de soporte.

Obtener Divi Teams

Configuración de los ajustes del tema Divi

Con Divi instalado, hay algunas áreas clave que necesitará conocer. La primera son las Opciones del tema Divi. Aquí puede añadir un logotipo, configurar los colores globales, añadir enlaces a redes sociales, ajustar la configuración de rendimiento y mucho más. También puede configurar los ajustes de navegación del sitio, permitir el Constructor Divi en tipos de post personalizados, configurar los ajustes SEO y añadir scripts para una funcionalidad extra.

También hay un personalizador de temas Divi, que le permite ajustar la configuración global de las fuentes, el ancho del sitio, el título y el lema del sitio, y mucho más. También puede asignar fuentes y colores globales, ajustar colores y fuentes para encabezados y pies de página, dar estilo a los botones, configurar estilos móviles y mucho más.

Cómo construir un sitio web Divi

Con todo el trabajo de configuración completado, podemos centrarnos en la segunda parte de nuestro tutorial de cómo construir un sitio web Divi. Esta sección le guiará a través de la planificación de la estructura de su sitio web, desde la creación de páginas hasta la creación de un menú de navegación. También exploraremos la creación de páginas con un diseño prefabricado y la generación de uno con Divi AI. Por último, le sugeriremos algunos plugins esenciales para mejorar su sitio.

Planificación de la estructura de su sitio web Divi

Antes de diseñar las páginas de su sitio web WordPress, tiene que crearlas. La mayoría de los sitios web básicos de WordPress tienen unas cuantas páginas, entre las que se incluyen inicio, acerca de, servicios, blog, y contacto, así que empezaremos por ahí. Aunque es posible que necesite páginas adicionales en función del tipo de sitio que esté construyendo, éstas sirven como un buen punto de partida.

La creación de páginas en WordPress es sencilla. Navegue hasta Páginas & Añadir nueva página.

Dé a su página un título y haga clic en el Publique para crear la página.

Repita el proceso anterior para crear las páginas restantes. Cuando haya terminado, la estructura de páginas de su sitio debería tener este aspecto.

Creación de un menú de navegación

Antes de sumergirse en el Constructor Visual, es crucial sentar las bases de la estructura de su sitio web. Esto garantiza un flujo claro y lógico de la información, facilitando a los visitantes la navegación y la búsqueda de lo que desean. Para crear un menú en WordPress, vaya a Apariencia & Menús. Dele a su menú un nombre, como por ejemplo navegación principal, establezca la ubicación en primarioy pulse el botón menú crear botón.

Siguiente, seleccione las páginas que desea añadir y pulse el botón Añadir al menú botón.

Por último, haga clic y arrastre las páginas dentro del menú para organizarlas a su gusto y, a continuación, pulse el botón Guardar menú botón.

Establecer una página de inicio en WordPress

A continuación, configuraremos la página de inicio de nuestro sitio web Divi. Navegue hasta Configuración & Lectura para hacerlo. Seleccione la página estática y elija la opción página de inicio. Mientras su sitio está en desarrollo, compruebe el visibilidad en los motores de búsqueda casilla de verificación es una buena idea. Esto mantendrá su sitio oculto a los motores de búsqueda hasta que esté listo para que el mundo lo vea. Por último, haga clic en el botón Guardar cambios para fijar su página de inicio.

Crear páginas web con Divi

Con la estructura de nuestro sitio web en su lugar, una página de inicio establecido, y un encabezado y pie de página creado, podemos empezar a construir nuestras páginas web con Divi. Hay algunas maneras de hacer esto, incluyendo el uso de un diseño pre-hecho, utilizando Divi AI, o desde cero utilizando el Constructor Visual. Para este tutorial, le daremos los conceptos básicos para las tres opciones para asegurarse de que sabe cómo crear páginas de la manera que más le convenga.

Cargar un diseño prediseñado

Crear una página con un diseño prediseñado es una de las maneras más fáciles de empezar con Divi. Hay más de 2000 diseños disponibles, que cubren todas las categorías principales que pueda imaginar. Hay diseños para restaurantes, varios tipos de negocios, servicios, eventos, tecnología y mucho más. Cada paquete de diseño para Divi tiene al menos 6 diseños de página, suficientes para crear la mayoría de los sitios web.

Para cargar un diseño prediseñado, navegue por Páginas > Todas las páginas. A continuación, pulse el botón página de inicio para editarlo.

Haga clic en el Editar con el Constructor Divi botón.

A continuación, seleccione Elija un diseño prefabricado.

Puede utilizar el barra de búsqueda para buscar un diseño concreto o navegar por categorías.

Haga clic en el botón categoría empresarial y seleccione la Orientador profesional Pack de diseño para Divi.

Seleccione el Diseño de la página de aterrizaje y luego haga clic en el botón Utilizar este diseño para cargar el diseño en la página de inicio.

Una vez que la página se actualiza, puede cambiar el texto y las imágenes, añadir nuevos módulos de diseño y personalizar su página.

Uso de Divi AI para crear una página web

Además de utilizar un diseño prediseñado, los usuarios de Divi tienen otra forma impresionante de diseñar páginas web. Divi AI es el nuevo y potente asistente de diseño impulsado por IA de Elegant Theme que le permite generar páginas web completas con una indicación de texto. Sólo tiene que describir el tipo de página que desea crear, proporcionar a la IA información de apoyo, elegir fuentes y colores, y ver como Divi AI genera una página web completa, con un wireframe, texto e imágenes.

Para generar una página con Divi AI, seleccione la página Acerca de en Páginas > Todas las páginas. Active el Constructor Divi como en el paso anterior. En lugar de elegir diseños prefabricados esta vez, vamos a construir la página con AI.

Cuando aparezca el cuadro de diálogo Divi AI, describa la página que desea que Divi AI cree, proporcione detalles adicionales, como una declaración de objetivos o una breve descripción de su empresa, y personalice sus fuentes y colores. Puede dejar que AI los elija, utilizar los tipos de letra y colores predeterminados del sitio web o seleccionarlos manualmente. Para hacer las cosas interesantes, seleccionaremos Dejar que la IA elija por mí en todos los campos. Una vez rellenados todos los campos, pulse el botón Generar diseño botón.

Durante los próximos minutos, Divi AI creará el wireframe de la página y añadirá texto e imágenes dentro de los módulos de diseño Divi.

Una vez completado, tendrá una página web totalmente funcional que podrá editar con el Constructor Visual.

Cómo hacer ediciones de diseño con Divi

Divi le permite crear páginas visualmente impresionantes utilizando una amplia biblioteca de módulos de diseño y opciones de personalización. Estos módulos actúan como bloques de construcción, permitiéndole añadir fácilmente varios elementos a su sitio web. Incluso después de crear páginas con una plantilla prefabricada o Divi AI, puede editar los diseños añadiendo contenido de texto adicional, imágenes y otros elementos.

En esta sección de nuestro tutorial sobre cómo crear un sitio web Divi, mostraremos diferentes formas de editar sus páginas con el Constructor Visual y Divi AI.

Entendiendo el Constructor Visual

Divi utiliza secciones y filas para definir la estructura de una página web. Las secciones son contenedores más grandes con filas, que organizan su contenido en columnas. Puede personalizar el número de columnas y el espaciado dentro de cada fila.

Como se mencionó anteriormente, Divi tiene más de 200 módulos de diseño con diversas funcionalidades. Puede crear galerías de imágenes, pestañas, acordeones, temporizadores de cuenta atrás y mucho más.

A medida que arrastra y suelta elementos, ve los cambios reflejados en directo en la pantalla. Esto elimina la necesidad de código complejo y garantiza que su sitio web tenga exactamente el aspecto que usted imagina. Es como tener una vista previa en tiempo real de su sitio web mientras lo construye.

Para editar una sección, pase el ratón sobre el contenido de la página hasta que aparezca un cuadro azul aparece. Haga clic en icono de engranaje para editar una sección.

Del mismo modo, también puede editar filas y módulos. Las filas están resaltadas en verde y los módulos en gris.

Cada sección, fila y módulo Divi tiene su propia configuración. Hay tres pestañas, incluyendo contenido, diseño y avanzado.

La combinación de módulos, filas y secciones le permite crear diseños complejos con un control total sobre la jerarquía visual y la disposición de los elementos en sus páginas. Por ejemplo, puede utilizar una sección con una imagen de fondo de ancho completo y, a continuación, añadir una fila con tres columnas para mostrar sus servicios uno al lado del otro dentro de esa sección.

Los potentes módulos y opciones de diseño de Divi hacen que las posibilidades de crear sitios web bonitos y atractivos sean infinitas.

Generar texto con Divi AI

Si usted hace un sitio web Divi con diseños pre-hechos, Divi AI, o desde cero, puede generar fácilmente la copia de la marca para sus páginas. Divi AI puede generar todo tipo de contenido, desde títulos de entradas de blog a descripciones de productos a entradas de blog y todo lo demás. Divi AI utiliza ese conocimiento y comprensión de su sitio web para crear contenido de texto único y relevante.

Volvamos a la página de inicio que creamos con un diseño prefabricado para demostrar lo fácil que es utilizar el generador de texto de Divi AI. Los paquetes de diseño de Divi vienen con titulares, pero la copia del marcador de posición se inserta en los módulos de texto. Vamos a editar el módulo de texto en la sección de héroe y añadir un poco de copia nueva con Divi AI. Pase el ratón sobre el módulo de texto y haga clic en el botón icono gris para acceder a su configuración.

A continuación, haga clic en el botón Icono Divi AI para acceder al cuadro de diálogo AI.

Seleccione Escribir con IA cuando aparezca la ventana emergente.

Para la tipo de contenido, seleccione párrafo. A continuación, proporcione a Divi AI un breve resumen del texto que desea generar. Especifique el contexto añadido (esta página, esta sección, etc.), elija un tono de vozy cualquier palabras clave que le gustaría incluir. Por último, haga que el contenido unas 50 palabras, deje el idioma en la configuración por defecto, y pulse el botón Generar texto botón.

Divi AI generará el contenido basándose en su configuración. Una vez generado, puede colocar el texto en el módulo haciendo clic en el botón Usar este texto . Como alternativa, puede reintentar su solicitud, mejórelo aún más, o refinar el resultado añadiendo una indicación adicional.

Después de añadir el texto al módulo, haga clic en el botón marca verde para guardar los cambios.

Generar imágenes con Divi AI

Además de texto, Divi AI puede generar imágenes. Divi AI ofrece doce estilos de imagen: foto, vector, anime, y más. La generación de imágenes funciona de forma muy parecida a la generación de texto, introduciendo una indicación que describa el tipo de imagen que desea crear. Comience añadiendo o editando un módulo de imagen existente. Con la configuración del módulo de imagen activa, haga clic en el icono Divi AI para que aparezca la interfaz AI.

Haga clic en Generar con IA cuando aparezca la ventana emergente.

Cuando aparezca el cuadro de diálogo AI, elija gráfico vectorial para el estilo, describir la imagen que desea crear, establezca el relación de aspecto a un tamaño personalizado (240px de ancho por 400 píxeles de alto), y pulse el botón Generar botón.

Divi AI generará 4 imágenes para que usted elija. Usted puede seleccionar su favorito y haga clic en Usar esta imagen o Generar cuatro más. También puede modificar la imagen seleccionada generando más como ella, eligiendo un estilo alternativo o añadiendo una nueva descripción.

Después de insertar la imagen generada en el módulo de imagen, haga clic en el botón check verde para guardarlo.

Hemos hablado brevemente del Constructor de temas de Divi, un potente componente del tema Divi que le permite crear encabezados, pies de página y otras áreas diversas de su sitio. El Constructor de temas utiliza el Constructor visual, lo que facilita el diseño de plantillas para mostrar entradas de blog, resultados de búsqueda, páginas de archivo y mucho más, del mismo modo que crearía una página web normal.

Empezar a utilizar el Constructor de temas es sencillo. Navegue hasta Divi > Constructor de temas.

Para crear un encabezado, primero tendrá que crear una plantilla. Los encabezados y pies de página se asignan a la plantilla Plantilla predeterminada del sitio web por defecto. Haga clic en Añadir cabecera global para iniciar el Constructor de temas.

A continuación, haga clic en el botón Construir cabecera global botón.

Se iniciará el Constructor Visual, que le permitirá crear una cabecera personalizada para su sitio web Divi. Puede utilizar cualquier combinación de módulos para crear una cabecera llamativa. Añada enlaces a redes sociales, un botón de llamada a la acción y mucho más fácilmente. Una vez creado su encabezado, simplemente haga clic en el botón menú de elipsis morado en la parte inferior central de la página.

Para guardar su cabecera, haga clic en el botón botón verde de guardar para guardar el diseño.

Cómo utilizar un paquete de construcción de temas Divi

Además de diseñar su cabecera desde cero, puede utilizar uno de nuestros Paquetes de Constructor de Temas. Cada Pack viene con 10 plantillas prefabricadas para cada área de su sitio, incluyendo cabeceras, pies de página, plantillas de post, una plantilla de autor y más. Es una gran manera de conseguir un salto de inicio en el diseño al construir un sitio web Divi. Por ejemplo, buscar en la categoría de Recursos Divi en nuestro blog, regalos para las páginas, plantillas y otros recursos para mantenerse al día sobre todas las cosas Divi. Para demostrar lo fácil que es cargar un Theme Builder Pack, utilizaremos el Spa Theme Builder Pack como ejemplo. Una vez descargado el Pack en su ordenador, diríjase al Theme Builder. Esta vez, haremos clic en el botón botón importar/exportar en el Creador de temas.

Navegue hasta los archivos guardados en su ordenador, y seleccione el archivo spa-templates-all.json archivo. Esto instalará todas las plantillas del Pack.

Para sobrescribir las plantillas existentes, mantenga marcadas las dos primeras casillas de verificación. Marque la casilla si desea importar los preajustes asociados al Theme Builder Pack. Una vez realizadas sus selecciones, pulse el botón Importar plantillas del Theme Builder de Divi botón.

Crear un sistema de diseño utilizando presets Divi y colores globales

Una de las mejores características de Divi es la capacidad de crear un sistema de diseño completo con preajustes y colores globales. Con los ajustes globales, los usuarios pueden crear una identidad de marca coherente al construir un sitio web Divi, agilizar su flujo de trabajo y acelerar el proceso de diseño. Los preajustes globales son similares a las clases CSS. Simplemente cree un preajuste de diseño, guárdelo y aplíquelo a módulos similares en todo su sitio web.

Por ejemplo, puede crear fácilmente un preajuste global para un módulo de botón basado en sus estilos existentes. Para ello, abra la configuración del módulo de botones. Con el módulo activo, haga clic en el menú desplegable de preajustes para ver las opciones.

Haga clic en el botón Crear nuevo preajuste a partir de los estilos actuales botón .

Un cuadro de diálogo solicitando un nombre de su preselección aparecerá. También puede elegir si asignar este preajuste al botón predeterminado módulo. Después de seleccionarlo, pulse el botón botón verde de verificación para guardar su preselección de botones.

Crear una paleta de colores global con Divi

También puede crear una Paleta de Colores Global al construir un sitio web Divi. Puede cambiar los colores en todo su sitio web con un solo clic cuando establece los colores de forma global. Por ejemplo, después de cargar un diseño prefabricado en una página web Divi, puede cambiar fácilmente los colores sobre la marcha, alterando los colores en toda una página a nivel de módulo. Por ejemplo, cuando modifiquemos el color global verde oscuro en este diseño de página de aterrizaje, el color se actualizará automáticamente en toda la página. Basta con hacer clic en el símbolo de edición dentro del color global.

Puede introducir un código hexadecimal manualmente o utilice el deslizador de color para cambiarlo. Una vez que modifique el color a su gusto, pulse el botón icono de verificación junto al código hexadecimal para bloquearlo. Haga clic en el botón verde de verificación para guardar los cambios. Una vez guardados, observará que el verde oscuro de la página de destino ha sido sustituido por un nuevo color.

Además de alterar los colores globales existentes, puede crear fácilmente otros nuevos. Para crear un nuevo color global, haga clic en el botón + botón a la derecha de los colores globales existentes.

Repita los pasos anteriores para guardarlo (haga clic en la marca, guardar el módulo).

Mejorar su sitio web con plugins

Divi es un potente constructor de sitios web, pero los plugins pueden llevar su sitio web al siguiente nivel. Los plugins añaden funcionalidad extra y pueden ampliar las ya sorprendentes capacidades de Divi. Es cierto que Divi ofrece una amplia gama de características, pero puede haber funcionalidades específicas que usted requiera y que Divi no tenga ya incorporadas.

He aquí algunos ejemplos de plugins que podría añadir (o debería) para mantener su sitio web seguro, que funcione rápido o para impulsar el SEO:

Integración de servicios de terceros

Muchos plugins y herramientas conectan su sitio web Divi con servicios populares de terceros. Divi ofrece docenas de integraciones con software popular de marketing por correo electrónico, herramientas de análisis y plugins de pasarelas de pago. He aquí algunos a tener en cuenta:

Explorar el mercado Divi

Cientos de extensiones, temas hijo y paquetes de diseño están diseñados específicamente para trabajar con Divi, ampliando su funcionalidad principal y ofreciendo aún más flexibilidad de diseño. Además de los paquetes de diseño Divi, los usuarios de Divi pueden encontrar una gran cantidad de productos en el Mercado Divi. Hay productos increíbles de los principales desarrolladores como Divi Life, Divi Pixel, y Divi Engine.

Divi Overlays es el constructor de popups definitivo para Divi. Utiliza el Constructor Visual para crear increíbles popups y modales. Las ventanas emergentes se pueden temporizar, activar en determinadas páginas o configurar como intención de salida para incitar a los visitantes a actuar. ¿Y lo mejor? Divi Overlays tiene plantillas prediseñadas que puede importar y personalizar fácilmente para que coincidan con la marca de su sitio. El plugin está disponible para $79 y viene con uso ilimitado del sitio web durante un año.

Obtener Divi Overlays

Divi Pixel es una colección de módulos Divi que añadirán una funcionalidad increíble a la hora de construir un sitio web Divi. Puede editar todos los aspectos de su sitio con ellos, incluyendo cabeceras, pies de página, páginas de inicio de sesión y mucho más. Además de los módulos, Divi Pixel viene con 40 plantillas de sitios web únicos, por lo que cambiar el aspecto de su sitio es una brisa. Divi Pixel está disponible para $169 por año con uso ilimitado del sitio web.

Obtener Divi Pixel

Divi Ajax Filter es una extensión Divi diseñada para crear filtros para su contenido, como entradas de blog, carteras, o productos WooCommerce, directamente dentro del Constructor Visual. Permite varias opciones de filtro, incluyendo categorías, etiquetas, campos personalizados y atributos de producto. Divi Ajax Filter utiliza la tecnología Ajax, permitiendo actualizaciones de contenido sin recargar toda la página. Funciona a la perfección con Divi, WooCommerce y Advanced Custom Fields (ACF). Divi Ajax Filter está disponible para $97 al año con uso ilimitado del sitio web.

Obtener Divi Ajax Filter

Divi destaca en la creación de sitios web profesionales

Divi hace posible que cualquier persona, independientemente de su experiencia, pueda crear un sitio web hermoso y profesional. Con su intuitivo Constructor Visual de arrastrar y soltar, su extensa biblioteca de diseños prefabricados y su potente Constructor de Temas, Divi es capaz de dar vida a su visión. En este post, hemos proporcionado toda la información que necesita para hacer un sitio web Divi. Desde la compra de un plan de alojamiento con SiteGround a la planificación de la estructura de su sitio web y el diseño de páginas cautivadoras con Divi AI, ahora tiene el conocimiento para embarcarse en su viaje de construcción de sitios web.

Recuerde, Divi ofrece una amplia gama de chuletas de diseño para explorar. No tenga miedo de experimentar, personalizar y dar rienda suelta a su creatividad. Hay un montón de recursos en línea disponibles, desde el blog de Elegant Themes hasta el sitio web de documentación de Divi. Con Divi a su lado, las posibilidades son infinitas.

¿Quiere saber más sobre los productos mencionados en este post? Echa un vistazo a la tabla de abajo para ver los precios y enlaces a cada uno.

Preguntas frecuentes

Aunque nuestro post sobre el sitio web Divi es extenso, es posible que aún tenga algunas preguntas que necesiten respuesta. Consulte la sección de preguntas frecuentes a continuación para obtener las respuestas.