Opt In Image
APÚNTATE Y DESCARGA GRATIS
1.- Guía para crear una Página web Profesional
2.- Vídeo Training, Mis Plugins Imprescindibles WordPress
  • Recibe todos los domingos las últimas entradas del blog.
  • Recibe contenidos exclusivos.

Te puedes dar de baja en cualquier momento. Nada de Spam

 

La flexibilidad de la plantilla Divi para WordPress es sensacional. No solo podemos aprovechar los diseños (layouts) realizados con el divi builder en otras páginas del mismo sitio web sino que también podremos utilizar esos diseños exportándolos e importándolos en otra página de otro sitio web.

En este post vamos a aprender a coger una página que hayamos realizado con WordPress y el constructor de la plantilla Divi (divi builder), a exportarla en un archivo json y a importarla en otro sitio web que también esté realizado con WordPress y que utilice la plantilla Divi o el Divi builder.

Es decir, Divi incluye una herramienta para exportar / importar diseños (layouts). Vamos a aprender cómo exportar un diseño con Divi y a importarlo en otro sitio web que utilice la plantilla Divi o el Divi builder.

Esta funcionalidad es muy interesante para profesionales que se dedican al diseño web, ya que pueden reutilizar sus diseños en varios sitios web.

DESCUENTOS PLANTILLA DIVI

 

 

 

1.- ¿Vamos a clonar una página en Divi?

 

Sí, vamos a clonar una página o diseño de Divi.

Pero si quieres utilizar dicha página o diseño en otra página del mismo sitio web, no hace falta que sigas este procedimiento.

Este procedimiento es el indicado para que puedas utilizar la página clonada en otro sitio web que también utilice Divi.

Para clonar un diseño realizado con el Divi builder y utilizarlo en otra página de ese mismo sitio web no tienes que exportar e importar el diseño con Divi, simplemente tendrás que guardar el diseño en la biblioteca y luego cargarlo desde la otra página.

 

Divi Booster, añade un montón de nuevas funcionalidades a Divi

 

 

2.- Condiciones de exportación e importación de página con Divi

 

Para exportar un diseño realizado con el constructor es necesario que estemos utilizando la plantilla Divi (que incluye el divi builder) o que estemos utilizando otra plantilla pero también usemos el plugin del divi builder.

Para importar un diseño previamente exportado será necesario que la web de destino utilice la plantilla Divi u otra plantilla pero tenga instalado el plugin Divi builder.

 

 

3.- Exportar diseño con Divi

 

Para exportar una página Divi iremos a la página en cuestión y haremos clic en un icono formado por una flecha que apunta hacia arriba y otra que apunta hacia abajo y que está situado en el lateral derecho del constructor.

 

herramienta para exportar e importar diseños con Divi

Icono para exportar e importar páginas con Divi

 

Al hacer clic sobre el icono aparecerá una ventana emergente titulada “Portabilidad” con dos pestañas: Exportar e Importar

Haremos clic en la pestaña “Exportar” de la ventana emergente de la herramienta de exportar de Divi.

Te aparecerá un texto como este: “Exportar su Diseño de Divi Builder creará un archivo JSON que podrá importarse a un sitio web diferente.”

En el campo “Nombre del archivo exportado” pondremos el nombre con el que queremos exportar la página o diseño de Divi.

A continuación haremos clic en el botón “Exportar diseño de divi builder”

 

herramienta importar y exportar paginas wordpress

Nombre del diseño a exportar para reutilizar en otro sitio web

 

En este momento aparecerá una barra de progreso en la cual se reflejará la evolución de la exportación del diseño realizado con el Divi builder

 

exportar diseño con Divi

Barra progreso al exportar una página con Divi

 

 

Una vez terminado el proceso de exportación nos aparecerá una ventana emergente para poder guardar el archivo json resultante.

Lo guardaremos en el escritorio para localizarlo rápidamente a la hora de importarlo.

 

 

4.- Importar diseño (layout) con Divi

 

Accederemos al sitio web en el cual queremos importar el diseño realizado con Divi. Crearemos una nueva página, le pondremos el título, activaremos el Divi builder haciendo clic en el botón “Usar el constructor Divi”.

A continuación haremos clic en el icono de “Importar / Exportar” con forma de flecha apuntado hacia arriba y hacia abajo que veíamos en el apartado 3.

Al hacer clic sobre el aparecerá otra vez la ventana emergente, pero en este caso haremos clic en la pestaña “Importar”.

Te aparecerá un texto explicativo como este: “Importar un archivo Diseño de Divi Builder exportado previamente sobrescribirá todo el contenido actual en esta página.”

 

Importar diseño de otra página web con WordPress

Importar diseño de otra web con el divi builder

 

A continuación haremos clic en el botón: “ELIJA UN ARCHIVO” y en la ventana emergente seleccionaremos el archivo json que exportamos en el apartado 3.

El nombre de la página aparecerá en el rectángulo formado por una línea discontinua.

A continuación haremos clic en el botón “Importar diseño del divi builder” y comenzará el proceso de importación cuya evolución podrás ver en una barra de progresión.

Una vez importado el diseño, la página se recargará y ya aparecerá con la estructura de la página que teníamos en la otra web.

 

Nota: cuando importes un diseño el contenido actual de la página se sobrescribirá. Es decir, perderás el contenido actual de la página y obtendrás el contenido importado.

Nota: verás que antes de importar existe un checkbox que dice: “Descargar copia de seguridad antes de importar”. Si marcamos esta opción antes de importar el diseño WordPress realizará una exportación automática del diseño actual de la página (que podrás guardar) antes de sobreescribir el contenido con la importación del nuevo diseño.

 

Bloguer especializado en WordPress, Woocommerce, Divi y Prestashop. Apasionado por la formación y el diseño web. Me gustaría que este blog te sirviera para ayudarte en el desarrollo de tu proyecto online, ya sea un blog, una web corporativa, cursos online o cualquier otro proyecto.
Mi otro blog, especializado en tiendas online: tiendaonlinemurcia.es

Uso de cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y su experiencia de navegación. Si continua navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información AQUÍplugin cookies

ACEPTAR
Aviso de cookies