Landing Page Oferta
Diseño Web $39.500
en Divi 4.6.3
Instrucciones paso a paso para importar y publicar la landing page de Marketing MC usando el constructor Divi y un archivo JSON.
Antes de empezar
Verifica que cumples con estos requisitos antes de intentar la importación.
✅ Lo que necesitas
- WordPress instalado y funcionando
- Divi Theme versión 4.6.3 o superior
- Acceso de Administrador
- El archivo oferta-web-mc.json descargado
- Navegador Chrome o Edge (recomendado)
⚠️ Preparación previa
- Ir a Divi → Opciones del Tema → General → Layout
- Cambiar "Plantilla de página" a "Blank Page"
- Guardar cambios
- Si no existe esa opción, ir al paso alternativo en la página 4
Importar el archivo JSON
Abrir el panel de Portabilidad
En algunos temas aparece como "Transferibilidad" o "Divi Portability". Es la misma sección.
Hacer clic en "Importar"
Se abrirá un selector de archivos. Busca el archivo oferta-web-mc.json en tu computadora y selecciónalo.
Divi → Portabilidad → [Importar] → Seleccionar oferta-web-mc.json
Esperar la importación
WordPress procesará el archivo y creará automáticamente una nueva página llamada "Oferta Diseño Web $39.500". Esto puede tardar unos segundos.
Configurar la plantilla de la página
Después de importar, ve a Páginas → Todas las páginas y busca la página recién creada. Haz clic en "Editar rápido" y en Atributos de página → Plantilla selecciona "Blank" o "Página en blanco". Actualiza la página.
⚠️ IMPORTANTE: Si no seleccionas "Blank", verás el header y footer de tu tema envolviendo la landing, lo cual rompe el diseño.
Verificar en el Constructor Divi
Abre la página con el constructor para confirmar que todo se ve correctamente.
Abrir el constructor
En la lista de páginas, pasa el mouse sobre "Oferta Diseño Web $39.500" y haz clic en "Usar el constructor Divi" (botón morado).
Verificar la estructura
Deberías ver una sola sección que contiene una fila con una columna y dentro un módulo de "Código" (Code Module) con la etiqueta "Oferta Web Completa".
Sección (fondo negro, padding 0)
└── Fila (1 columna, gutter 1, padding 0)
└── Columna (4_4, padding 0)
└── Code Module: "Oferta Web Completa"
NO abrir el Code Module en modo Visual
⚠️ NUNCA hagas esto: Si abres el Code Module y estás en la pestaña "Visual", WordPress puede modificar el código y romper la página. Si por accidente entras en Visual, cierra SIN guardar.
💡 Regla de oro: Si necesitas ver el código, usa siempre la pestaña "Texto" (icono <>), nunca "Visual".
Publicar la página
Guardar y salir del constructor
Haz clic en el botón morado "Guardar y salir" en la esquina inferior derecha del builder.
Publicar
En el editor de WordPress, haz clic en el botón azul "Publicar" de la esquina superior derecha.
Ver la página final
Haz clic en "Ver página" o abre la URL de la página en una nueva pestaña. Deberías ver la landing completa con fondo negro, el precio, el temporizador, las reseñas y el formulario.
💡 Nota: Las animaciones, el temporizador y los enlaces internos solo funcionan en la página publicada, no dentro del visualizador del builder. Esto es completamente normal.
Problemas comunes y cómo resolverlos
Si la página no se ve correctamente después de importar, revisa estos problemas en orden.
Problema 1: Márgenes blancos arriba o abajo
El header o footer del tema aparece rodeando la landing.
→ Ve a Divi → Opciones del Tema → General → Layout → "Plantilla de página predeterminada" → Blank Page. También verifica que la página individual tenga Plantilla: Blank en Atributos de página.
Problema 2: El fondo no es negro
Se ve el fondo blanco o gris del tema.
→ Abre la página con el builder. Haz clic en los 3 puntos de la Sección → Contenido → Fondo → Color: #000000. Guarda. Si persiste, ve al paso alternativo abajo.
Problema 3: Espaciado extra entre secciones
Hay espacios en blanco entre las secciones de la landing.
→ En la Sección, ve a Diseño → Espaciado → Margen personalizado: 0px en los 4 lados. Relleno personalizado: 0px en los 4 lados. Haz lo mismo en la Fila y la Columna.
Problema 4: El código se ve como texto plano
Se ven etiquetas HTML visibles en lugar de la página renderizada.
→ Alguien abrió el Code Module en la pestaña "Visual" y guardó. Necesitas pegar el código nuevamente. Sigue las instrucciones del "Paso alternativo" en esta misma página.
Problema 5: Los enlaces #incluye, #proceso no funcionan
Haces clic en los links del menú y no pasa nada.
→ Esto es normal dentro del constructor Divi. Guarda, sal del builder, y prueba en la página publicada. Ahí funcionan correctamente.
Problema 6: El formulario no envía correos
Envías el formulario pero no llega nada a tu email.
→ La primera vez que alguien envía el formulario, FormSubmit envía un email de confirmación a marketingdigitalmc7@gmail.com. Abre ese email y haz clic en "Confirm your email". Después de eso, todos los mensajes siguientes llegarán automáticamente.
Problema 7: La página importada no aparece
Importas el JSON pero no se crea ninguna página.
→ Verifica que el archivo tenga la extensión .json correcta (no .json.txt). También verifica que tu hosting no tenga límites de subida muy bajos. El archivo pesa menos de 50KB, así que no debería ser problema.
Paso alternativo: Code Module manual
Si la importación JSON falla (por versión de Divi, conflictos de plugins, etc.), usa este método que siempre funciona.
Crear página en blanco
Ve a Páginas → Añadir nueva. Titula: "Oferta Diseño Web". En Atributos de página → Plantilla selecciona "Blank". Publica la página vacía.
Abrir el constructor Divi
Haz clic en "Usar el constructor Divi". Se abre con una sección, fila y módulos por defecto.
Eliminar todo el contenido por defecto
Pasa el mouse sobre la sección gris (barra superior). Aparecen 3 iconos. Haz clic en el icono de papelera. Confirma. El lienzo queda en blanco.
Insertar un Code Module
Haz clic en el botón "+" gris. En el panel que se abre, busca "Código" (icono <>) y haz clic en él.
Pegar el código HTML
Se abren los ajustes del módulo. Estás en la pestaña "Contenido". Arriba del área de texto verás [Visual] [Texto]. Asegúrate de que "Texto" esté activo. Pega todo el código HTML en el área de texto.
⚠️ CRÍTICO: Si "Visual" está activo al pegar, el código se rompe. Si esto pasa, cierra SIN guardar, reabre, selecciona "Texto", y pega de nuevo.
Configurar Sección, Fila y Columna
Fila: Padding 0px, Margen 0px, Ancho 100%, Gutter 1
Columna: Padding 0px
Agregar CSS al Code Module
Ve a la pestaña "Avanzado" del Code Module → "CSS Personalizado" → pega:
#page-container { background: #000 !important; }
Guarda, sale del builder, y publica.
Cómo funciona internamente
La landing page funciona de forma 100% independiente de Divi. Todo el diseño, estilos, animaciones, formulario y JavaScript están contenidos dentro del Code Module. Divi solo sirve como "contenedor" que muestra el HTML.
Carga externa
- Google Fonts (Playfair Display + Plus Jakarta Sans)
- Tailwind CSS (CDN)
- Iconify Icons (CDN)
- FormSubmit.co (envío de formularios)
Funcionalidades JS
- Animaciones de aparición al scroll
- Temporizador con localStorage
- Validación de captcha matemático
- Scroll suave a secciones
- Toast de confirmación
Verificación antes de compartir el enlace
Antes de enviar el enlace a clientes o publicarlo, verifica cada uno de estos puntos.
La página tiene fondo negro sin márgenes blancos
El precio $39.500 se ve con efecto glow verde
El temporizador cuenta regresiva desde 3 días
Las 6 reseñas se ven con estrellas amarillas
El formulario tiene todos los campos visibles
El botón de WhatsApp flotante aparece abajo a la derecha
Los enlaces del menú (#incluye, #proceso, etc.) navegan correctamente
Se ve bien en celular (responsivo)
El captcha 13+5=18 rechaza respuestas incorrectas
Enviaste un formulario de prueba y confirmaste en FormSubmit
📧 Formulario
Los mensajes llegan a:
marketingdigitalmc7@gmail.com
Servicio: FormSubmit.co (gratuito). Primera vez requiere confirmación por email.
Abre en nueva pestaña:
+56 9 9636 9920
URL: wa.me/56996369920 — Se abre con target="_blank".
Si necesitas ayuda
Esta guía cubre los escenarios más comunes para Divi 4.6.3. Si encuentras un problema no listado aquí, los pasos del método alternativo (página 5) resuelven el 99% de los casos.
El método alternativo es más manual pero completamente independiente de la versión de Divi que tengas instalada, ya que todo funciona dentro de un solo Code Module.
Marketing MC
marketingdigitalmc7@gmail.com · +56 9 9636 9920
Documento generado en diciembre 2024
Landing Page Oferta
Diseño Web $39.500
en Divi 4.6.3
Instrucciones paso a paso para importar y publicar la landing page de Marketing MC usando el constructor Divi y un archivo JSON.
Antes de empezar
Verifica que cumples con estos requisitos antes de intentar la importación.
✅ Lo que necesitas
- WordPress instalado y funcionando
- Divi Theme versión 4.6.3 o superior
- Acceso de Administrador
- El archivo oferta-web-mc.json descargado
- Navegador Chrome o Edge (recomendado)
⚠️ Preparación previa
- Ir a Divi → Opciones del Tema → General → Layout
- Cambiar "Plantilla de página" a "Blank Page"
- Guardar cambios
- Si no existe esa opción, ir al paso alternativo en la página 4
Importar el archivo JSON
Abrir el panel de Portabilidad
En algunos temas aparece como "Transferibilidad" o "Divi Portability". Es la misma sección.
Hacer clic en "Importar"
Se abrirá un selector de archivos. Busca el archivo oferta-web-mc.json en tu computadora y selecciónalo.
Divi → Portabilidad → [Importar] → Seleccionar oferta-web-mc.json
Esperar la importación
WordPress procesará el archivo y creará automáticamente una nueva página llamada "Oferta Diseño Web $39.500". Esto puede tardar unos segundos.
Configurar la plantilla de la página
Después de importar, ve a Páginas → Todas las páginas y busca la página recién creada. Haz clic en "Editar rápido" y en Atributos de página → Plantilla selecciona "Blank" o "Página en blanco". Actualiza la página.
⚠️ IMPORTANTE: Si no seleccionas "Blank", verás el header y footer de tu tema envolviendo la landing, lo cual rompe el diseño.
Verificar en el Constructor Divi
Abre la página con el constructor para confirmar que todo se ve correctamente.
Abrir el constructor
En la lista de páginas, pasa el mouse sobre "Oferta Diseño Web $39.500" y haz clic en "Usar el constructor Divi" (botón morado).
Verificar la estructura
Deberías ver una sola sección que contiene una fila con una columna y dentro un módulo de "Código" (Code Module) con la etiqueta "Oferta Web Completa".
Sección (fondo negro, padding 0)
└── Fila (1 columna, gutter 1, padding 0)
└── Columna (4_4, padding 0)
└── Code Module: "Oferta Web Completa"
NO abrir el Code Module en modo Visual
⚠️ NUNCA hagas esto: Si abres el Code Module y estás en la pestaña "Visual", WordPress puede modificar el código y romper la página. Si por accidente entras en Visual, cierra SIN guardar.
💡 Regla de oro: Si necesitas ver el código, usa siempre la pestaña "Texto" (icono <>), nunca "Visual".
Publicar la página
Guardar y salir del constructor
Haz clic en el botón morado "Guardar y salir" en la esquina inferior derecha del builder.
Publicar
En el editor de WordPress, haz clic en el botón azul "Publicar" de la esquina superior derecha.
Ver la página final
Haz clic en "Ver página" o abre la URL de la página en una nueva pestaña. Deberías ver la landing completa con fondo negro, el precio, el temporizador, las reseñas y el formulario.
💡 Nota: Las animaciones, el temporizador y los enlaces internos solo funcionan en la página publicada, no dentro del visualizador del builder. Esto es completamente normal.
Problemas comunes y cómo resolverlos
Si la página no se ve correctamente después de importar, revisa estos problemas en orden.
Problema 1: Márgenes blancos arriba o abajo
El header o footer del tema aparece rodeando la landing.
→ Ve a Divi → Opciones del Tema → General → Layout → "Plantilla de página predeterminada" → Blank Page. También verifica que la página individual tenga Plantilla: Blank en Atributos de página.
Problema 2: El fondo no es negro
Se ve el fondo blanco o gris del tema.
→ Abre la página con el builder. Haz clic en los 3 puntos de la Sección → Contenido → Fondo → Color: #000000. Guarda. Si persiste, ve al paso alternativo abajo.
Problema 3: Espaciado extra entre secciones
Hay espacios en blanco entre las secciones de la landing.
→ En la Sección, ve a Diseño → Espaciado → Margen personalizado: 0px en los 4 lados. Relleno personalizado: 0px en los 4 lados. Haz lo mismo en la Fila y la Columna.
Problema 4: El código se ve como texto plano
Se ven etiquetas HTML visibles en lugar de la página renderizada.
→ Alguien abrió el Code Module en la pestaña "Visual" y guardó. Necesitas pegar el código nuevamente. Sigue las instrucciones del "Paso alternativo" en esta misma página.
Problema 5: Los enlaces #incluye, #proceso no funcionan
Haces clic en los links del menú y no pasa nada.
→ Esto es normal dentro del constructor Divi. Guarda, sal del builder, y prueba en la página publicada. Ahí funcionan correctamente.
Problema 6: El formulario no envía correos
Envías el formulario pero no llega nada a tu email.
→ La primera vez que alguien envía el formulario, FormSubmit envía un email de confirmación a marketingdigitalmc7@gmail.com. Abre ese email y haz clic en "Confirm your email". Después de eso, todos los mensajes siguientes llegarán automáticamente.
Problema 7: La página importada no aparece
Importas el JSON pero no se crea ninguna página.
→ Verifica que el archivo tenga la extensión .json correcta (no .json.txt). También verifica que tu hosting no tenga límites de subida muy bajos. El archivo pesa menos de 50KB, así que no debería ser problema.
Paso alternativo: Code Module manual
Si la importación JSON falla (por versión de Divi, conflictos de plugins, etc.), usa este método que siempre funciona.
Crear página en blanco
Ve a Páginas → Añadir nueva. Titula: "Oferta Diseño Web". En Atributos de página → Plantilla selecciona "Blank". Publica la página vacía.
Abrir el constructor Divi
Haz clic en "Usar el constructor Divi". Se abre con una sección, fila y módulos por defecto.
Eliminar todo el contenido por defecto
Pasa el mouse sobre la sección gris (barra superior). Aparecen 3 iconos. Haz clic en el icono de papelera. Confirma. El lienzo queda en blanco.
Insertar un Code Module
Haz clic en el botón "+" gris. En el panel que se abre, busca "Código" (icono <>) y haz clic en él.
Pegar el código HTML
Se abren los ajustes del módulo. Estás en la pestaña "Contenido". Arriba del área de texto verás [Visual] [Texto]. Asegúrate de que "Texto" esté activo. Pega todo el código HTML en el área de texto.
⚠️ CRÍTICO: Si "Visual" está activo al pegar, el código se rompe. Si esto pasa, cierra SIN guardar, reabre, selecciona "Texto", y pega de nuevo.
Configurar Sección, Fila y Columna
Fila: Padding 0px, Margen 0px, Ancho 100%, Gutter 1
Columna: Padding 0px
Agregar CSS al Code Module
Ve a la pestaña "Avanzado" del Code Module → "CSS Personalizado" → pega:
#page-container { background: #000 !important; }
Guarda, sale del builder, y publica.
Cómo funciona internamente
La landing page funciona de forma 100% independiente de Divi. Todo el diseño, estilos, animaciones, formulario y JavaScript están contenidos dentro del Code Module. Divi solo sirve como "contenedor" que muestra el HTML.
Carga externa
- Google Fonts (Playfair Display + Plus Jakarta Sans)
- Tailwind CSS (CDN)
- Iconify Icons (CDN)
- FormSubmit.co (envío de formularios)
Funcionalidades JS
- Animaciones de aparición al scroll
- Temporizador con localStorage
- Validación de captcha matemático
- Scroll suave a secciones
- Toast de confirmación
Verificación antes de compartir el enlace
Antes de enviar el enlace a clientes o publicarlo, verifica cada uno de estos puntos.
La página tiene fondo negro sin márgenes blancos
El precio $39.500 se ve con efecto glow verde
El temporizador cuenta regresiva desde 3 días
Las 6 reseñas se ven con estrellas amarillas
El formulario tiene todos los campos visibles
El botón de WhatsApp flotante aparece abajo a la derecha
Los enlaces del menú (#incluye, #proceso, etc.) navegan correctamente
Se ve bien en celular (responsivo)
El captcha 13+5=18 rechaza respuestas incorrectas
Enviaste un formulario de prueba y confirmaste en FormSubmit
📧 Formulario
Los mensajes llegan a:
marketingdigitalmc7@gmail.com
Servicio: FormSubmit.co (gratuito). Primera vez requiere confirmación por email.
Abre en nueva pestaña:
+56 9 9636 9920
URL: wa.me/56996369920 — Se abre con target="_blank".
Si necesitas ayuda
Esta guía cubre los escenarios más comunes para Divi 4.6.3. Si encuentras un problema no listado aquí, los pasos del método alternativo (página 5) resuelven el 99% de los casos.
El método alternativo es más manual pero completamente independiente de la versión de Divi que tengas instalada, ya que todo funciona dentro de un solo Code Module.
Marketing MC
marketingdigitalmc7@gmail.com · +56 9 9636 9920
Documento generado en diciembre 2024
Landing Page Oferta
Diseño Web $39.500
en Divi 4.6.3
Instrucciones paso a paso para importar y publicar la landing page de Marketing MC usando el constructor Divi y un archivo JSON.
Antes de empezar
Verifica que cumples con estos requisitos antes de intentar la importación.
✅ Lo que necesitas
- WordPress instalado y funcionando
- Divi Theme versión 4.6.3 o superior
- Acceso de Administrador
- El archivo oferta-web-mc.json descargado
- Navegador Chrome o Edge (recomendado)
⚠️ Preparación previa
- Ir a Divi → Opciones del Tema → General → Layout
- Cambiar "Plantilla de página" a "Blank Page"
- Guardar cambios
- Si no existe esa opción, ir al paso alternativo en la página 4
Importar el archivo JSON
Abrir el panel de Portabilidad
En algunos temas aparece como "Transferibilidad" o "Divi Portability". Es la misma sección.
Hacer clic en "Importar"
Se abrirá un selector de archivos. Busca el archivo oferta-web-mc.json en tu computadora y selecciónalo.
Divi → Portabilidad → [Importar] → Seleccionar oferta-web-mc.json
Esperar la importación
WordPress procesará el archivo y creará automáticamente una nueva página llamada "Oferta Diseño Web $39.500". Esto puede tardar unos segundos.
Configurar la plantilla de la página
Después de importar, ve a Páginas → Todas las páginas y busca la página recién creada. Haz clic en "Editar rápido" y en Atributos de página → Plantilla selecciona "Blank" o "Página en blanco". Actualiza la página.
⚠️ IMPORTANTE: Si no seleccionas "Blank", verás el header y footer de tu tema envolviendo la landing, lo cual rompe el diseño.
Verificar en el Constructor Divi
Abre la página con el constructor para confirmar que todo se ve correctamente.
Abrir el constructor
En la lista de páginas, pasa el mouse sobre "Oferta Diseño Web $39.500" y haz clic en "Usar el constructor Divi" (botón morado).
Verificar la estructura
Deberías ver una sola sección que contiene una fila con una columna y dentro un módulo de "Código" (Code Module) con la etiqueta "Oferta Web Completa".
Sección (fondo negro, padding 0)
└── Fila (1 columna, gutter 1, padding 0)
└── Columna (4_4, padding 0)
└── Code Module: "Oferta Web Completa"
NO abrir el Code Module en modo Visual
⚠️ NUNCA hagas esto: Si abres el Code Module y estás en la pestaña "Visual", WordPress puede modificar el código y romper la página. Si por accidente entras en Visual, cierra SIN guardar.
💡 Regla de oro: Si necesitas ver el código, usa siempre la pestaña "Texto" (icono <>), nunca "Visual".
Publicar la página
Guardar y salir del constructor
Haz clic en el botón morado "Guardar y salir" en la esquina inferior derecha del builder.
Publicar
En el editor de WordPress, haz clic en el botón azul "Publicar" de la esquina superior derecha.
Ver la página final
Haz clic en "Ver página" o abre la URL de la página en una nueva pestaña. Deberías ver la landing completa con fondo negro, el precio, el temporizador, las reseñas y el formulario.
💡 Nota: Las animaciones, el temporizador y los enlaces internos solo funcionan en la página publicada, no dentro del visualizador del builder. Esto es completamente normal.
Problemas comunes y cómo resolverlos
Si la página no se ve correctamente después de importar, revisa estos problemas en orden.
Problema 1: Márgenes blancos arriba o abajo
El header o footer del tema aparece rodeando la landing.
→ Ve a Divi → Opciones del Tema → General → Layout → "Plantilla de página predeterminada" → Blank Page. También verifica que la página individual tenga Plantilla: Blank en Atributos de página.
Problema 2: El fondo no es negro
Se ve el fondo blanco o gris del tema.
→ Abre la página con el builder. Haz clic en los 3 puntos de la Sección → Contenido → Fondo → Color: #000000. Guarda. Si persiste, ve al paso alternativo abajo.
Problema 3: Espaciado extra entre secciones
Hay espacios en blanco entre las secciones de la landing.
→ En la Sección, ve a Diseño → Espaciado → Margen personalizado: 0px en los 4 lados. Relleno personalizado: 0px en los 4 lados. Haz lo mismo en la Fila y la Columna.
Problema 4: El código se ve como texto plano
Se ven etiquetas HTML visibles en lugar de la página renderizada.
→ Alguien abrió el Code Module en la pestaña "Visual" y guardó. Necesitas pegar el código nuevamente. Sigue las instrucciones del "Paso alternativo" en esta misma página.
Problema 5: Los enlaces #incluye, #proceso no funcionan
Haces clic en los links del menú y no pasa nada.
→ Esto es normal dentro del constructor Divi. Guarda, sal del builder, y prueba en la página publicada. Ahí funcionan correctamente.
Problema 6: El formulario no envía correos
Envías el formulario pero no llega nada a tu email.
→ La primera vez que alguien envía el formulario, FormSubmit envía un email de confirmación a marketingdigitalmc7@gmail.com. Abre ese email y haz clic en "Confirm your email". Después de eso, todos los mensajes siguientes llegarán automáticamente.
Problema 7: La página importada no aparece
Importas el JSON pero no se crea ninguna página.
→ Verifica que el archivo tenga la extensión .json correcta (no .json.txt). También verifica que tu hosting no tenga límites de subida muy bajos. El archivo pesa menos de 50KB, así que no debería ser problema.
Paso alternativo: Code Module manual
Si la importación JSON falla (por versión de Divi, conflictos de plugins, etc.), usa este método que siempre funciona.
Crear página en blanco
Ve a Páginas → Añadir nueva. Titula: "Oferta Diseño Web". En Atributos de página → Plantilla selecciona "Blank". Publica la página vacía.
Abrir el constructor Divi
Haz clic en "Usar el constructor Divi". Se abre con una sección, fila y módulos por defecto.
Eliminar todo el contenido por defecto
Pasa el mouse sobre la sección gris (barra superior). Aparecen 3 iconos. Haz clic en el icono de papelera. Confirma. El lienzo queda en blanco.
Insertar un Code Module
Haz clic en el botón "+" gris. En el panel que se abre, busca "Código" (icono <>) y haz clic en él.
Pegar el código HTML
Se abren los ajustes del módulo. Estás en la pestaña "Contenido". Arriba del área de texto verás [Visual] [Texto]. Asegúrate de que "Texto" esté activo. Pega todo el código HTML en el área de texto.
⚠️ CRÍTICO: Si "Visual" está activo al pegar, el código se rompe. Si esto pasa, cierra SIN guardar, reabre, selecciona "Texto", y pega de nuevo.
Configurar Sección, Fila y Columna
Fila: Padding 0px, Margen 0px, Ancho 100%, Gutter 1
Columna: Padding 0px
Agregar CSS al Code Module
Ve a la pestaña "Avanzado" del Code Module → "CSS Personalizado" → pega:
#page-container { background: #000 !important; }
Guarda, sale del builder, y publica.
Cómo funciona internamente
La landing page funciona de forma 100% independiente de Divi. Todo el diseño, estilos, animaciones, formulario y JavaScript están contenidos dentro del Code Module. Divi solo sirve como "contenedor" que muestra el HTML.
Carga externa
- Google Fonts (Playfair Display + Plus Jakarta Sans)
- Tailwind CSS (CDN)
- Iconify Icons (CDN)
- FormSubmit.co (envío de formularios)
Funcionalidades JS
- Animaciones de aparición al scroll
- Temporizador con localStorage
- Validación de captcha matemático
- Scroll suave a secciones
- Toast de confirmación
Verificación antes de compartir el enlace
Antes de enviar el enlace a clientes o publicarlo, verifica cada uno de estos puntos.
La página tiene fondo negro sin márgenes blancos
El precio $39.500 se ve con efecto glow verde
El temporizador cuenta regresiva desde 3 días
Las 6 reseñas se ven con estrellas amarillas
El formulario tiene todos los campos visibles
El botón de WhatsApp flotante aparece abajo a la derecha
Los enlaces del menú (#incluye, #proceso, etc.) navegan correctamente
Se ve bien en celular (responsivo)
El captcha 13+5=18 rechaza respuestas incorrectas
Enviaste un formulario de prueba y confirmaste en FormSubmit
📧 Formulario
Los mensajes llegan a:
marketingdigitalmc7@gmail.com
Servicio: FormSubmit.co (gratuito). Primera vez requiere confirmación por email.
Abre en nueva pestaña:
+56 9 9636 9920
URL: wa.me/56996369920 — Se abre con target="_blank".
Si necesitas ayuda
Esta guía cubre los escenarios más comunes para Divi 4.6.3. Si encuentras un problema no listado aquí, los pasos del método alternativo (página 5) resuelven el 99% de los casos.
El método alternativo es más manual pero completamente independiente de la versión de Divi que tengas instalada, ya que todo funciona dentro de un solo Code Module.
Marketing MC
marketingdigitalmc7@gmail.com · +56 9 9636 9920
Documento generado en diciembre 2024