Ir al contenido principal

NEW - Cómo crear y publicar landing pages en Clientify

Aprende cómo crear, diseñar y publicar una landing page paso a paso para captar más leads y mejorar tus conversiones.

Escrito por Juan Sebastian Quintero


​Índice:

  1. Cómo crear una landing page simple

  2. Cómo publicar una landing page

  3. Cómo añadir un botón a una landing page

  4. Cómo añadir un mapa de Google Maps en una landing page

  5. Cómo medir las conversiones con una página de gracias

  6. Cómo crear una landing page con IA

  7. Secciones de una landing pages con IA

1. Crear una landing page simple

Para crear una landing page desde cero personalizada, sigue estos pasos:

  1. Ve a Marketing → Landing Page y selecciona el tipo Simple.​

  2. Haz clic en Crear landing e introduce el nombre.​

  3. Selecciona el dominio personalizado y el slug de la URL. ​

  4. Haz clic en Siguiente.
    ​

  5. Elige una plantilla y previsualiza el diseño. Elige la que te guste o si lo prefieres, haz clic en 'empezar desde cero' en el botón arriba a la derecha
    ​

  6. Edita el contenido de tu plantilla o de tu landing desde cero con el constructor. Pincha, arrastra y suelta los bloques.
    Bloques disponibles:

    • Columnas

    • Botones

    • Encabezados

    • Texto

    • Imágenes

    • Formularios

    • Temporizadores

    • Menú

    • HTML

    • Carrusel

    • Redes sociales

    • Vídeos

  7. Generalmente vas a querer incluir un bloque de Formulario, pero no te olvides de configurar automatizaciones para:

    • Las acciones que quieres tras recibir los datos del contacto en el CRM

    • Definir qué etiquetas quieres asignar al contacto

    • Configurar el correo de notificación que quieres que los miembros de tu equipo reciban

    • Incluir ese contacto en una Lista

    • La Autorespuesta

    • Configurar el Doble opt-in (para mejorar tu tasa de entregabilidad y reducir la tasa de rebote)


    Si necesitas ayuda para configurar estas automatizaciones, puedes aprender todo sobre automatizaciones aquí: https://academia.clientify.com/curso/certificado-experto-en-automatizaciones/

  8. En la pestaña 'Características' configura todo lo necesario para optimizar esa página: SEO, píxel de Facebook/Google Analytics, scripts, cookies, favicon e información para redes sociales.
    ​

  9. Si quieres publicarla, haz clic en Publicar y listo! Ya puedes compartir la url para empezar a captar contactos.
    Pero si quieres continuar más adelante, la landing se guarda automáticamente como borrador. Cuando vengas más adelante, la vas a tener ahí lista para seguir editando y terminarla y publicar.
    ​

2. Cómo publicar una landing page que está en borrador.

Al crear una landing, se guarda automáticamente como borrador. Para publicarla:

Abre la landing desde el listado dando clic en el nombre.

2. Desde la ficha de la landing activa la opción Publicar

3. Añadir un botón

Puedes añadir botones con tres tipos de acción:

  1. Arrastra el bloque Botón al lugar deseado en el constructor.

  2. Haz clic en el botón para configurarlo y elige el tipo de acción:

    • Abrir página web: introduce la URL y selecciona si se abre en la misma pestaña o en una nueva.

    • Enviar correo: define el destinatario, el asunto y el cuerpo del mensaje.

    • Llamar a un número de teléfono: introduce el número.

4. Añadir un mapa de Google Maps

  1. En Google Maps, localiza el lugar y haz clic en Compartir → Insertar mapa. Copia el código html generado.

  2. En el constructor de la landing, arrastra un bloque HTML.​

  3. Pega el código html de Google Maps dentro del bloque HTML de la landing.​

  4. Opcional: envuelve el código html en un <div> con estilos CSS para ajustar el tamaño o los bordes.

5. Medir conversiones con una página de agradecimiento

Si quieres medir las conversiones por separado (por ejemplo con el píxel de Meta o Google Analytics):

  • La acción por defecto tras el envío del formulario muestra un mensaje en la misma página. Esta opción NO permite rastrear conversiones de forma independiente.
    ​

  • Para hacerlo, crea otra landing que sea la página de agradecimiento tras el evento de conversión (rellenar y enviar el cuestionario) y configura el formulario para que redirija a esta nueva URL de la página de gracias tras el envío del cuestionario. Instala el píxel SOLO en esta página de gracias y asi puedes medir las conversiones por separado (además de las métricas que ya tienes en la analítica del formulario).
    Aprovecha esta página de gracias para pedirle al contacto que se una a tu grupo de WhatsApp (puedes meter un QR o un botón con un enlace) o que haga otra acción que tu estrategia considere oportuna.
    ​

6. Crear una landing page con IA

⚠️ Antes de empezar: configura tu IA

Para obtener buenos resultados, es clave que primero configures la inteligencia artificial de tu empresa.
​

¿Dónde hacerlo?

Mi cuenta → Configuración de Inteligencia Artificial
Aquí el sistema recopila información como:

  • Nombre y descripción de tu empresa

  • Propuesta de valor

  • Puntos de dolor de tus clientes

💡 Esta base es la que permitirá generar contenido realmente relevante para tu negocio.
​

image.png

image.png

Una vez tengas configurado el punto anterior podrás avanzar con la creación

Ve a: Marketing → Landing Pages → Landing Page con IA


Haz clic en Crear Landing.
​

image.png

Elige cómo crearla

Selecciona:


👉 Con inteligencia artificial


También puedes crearla desde cero, pero la IA te ahorra gran parte del trabajo.
​

image.png

Define el objetivo

Selecciona el propósito de tu landing, por ejemplo:

  • Promocionar un producto o servicio

  • Captar leads

  • Ofrecer contenido descargable

  • Educar a tus clientes

  • Crear una página de agradecimiento

⚠️ Recuerda: cada landing tiene un único objetivo.
​

Describe lo que necesitas

Aquí es donde le das contexto a la IA.
Ejemplo:

  • Lanzamiento de producto

  • Promoción especial

  • Evento o webinar

💡 Cuanto más claro seas, más acertado será el resultado.
​

Personaliza el diseño

🎨 Colores
Elige un color principal y la IA generará automáticamente:

  • Colores secundarios

  • Acentos para botones y destacados

🔤 Tipografía
Puedes mantener la tipografía base o elegir otra.
Tendrás una vista previa en tiempo real.
​

Genera tu landing

Haz clic en Crear landing y deja que la IA haga su trabajo.
⏳ En unos momentos tendrás:

  • Estructura completa

  • Textos iniciales

  • Secciones organizadas estratégicamente

image.png

7. Secciones de una landing pages con IA

Haz clic en Agregar secciones para acceder a múltiples layouts listos para usar:

  • Cabeceras

  • Formularios

  • Beneficios

  • Testimonios

  • FAQs

  • Contadores

  • Sliders

20260320-1159-03.2299041.gif

Algunas secciones con particularidades:
​

  • Sección personalizada

Si necesitas más flexibilidad, puedes crear secciones desde cero:
​

  • Definir columnas

  • Construir tu propio diseño

image.png

  • Preguntas frecuentes (FAQ)

Se generan automáticamente con IA y puedes editarlas fácilmente.

image.png

  • Cuenta regresiva

Perfecta para:

  • Lanzamientos

  • Eventos

  • Webinars

image.png

  • Testimonios y beneficios

Refuerzan la confianza y mejoran la conversión.
​

image.png

  • HTML personalizado

Puedes insertar código externo, como:
​

  • Formularios avanzados

  • Scripts personalizados

image.png

  • Mejora la navegación con anclas

Cada sección tiene un identificador único.
Esto te permite:
​

  • Crear botones que lleven a partes específicas de la página

  • Guiar mejor al usuario hacia la conversión

20260320-1237-45.8899004.gif

20260320-1235-47.7561220.gif

Opciones de edición por sección

Desde el editor puedes (de izquierda a derecha):
​

  • Ajustar márgenes y espaciados

  • Copiar la sección.

  • Modificar contenido de la sección con IA.

  • Subir y bajar la sección de lugar.

  • Cambiar el fondo de la sección.

  • Ocultar o mostrar este bloque en escritorio o móvil.

  • Eliminar.

image.png

⚙️ Configuración avanzada

Desde el icono ⚙️ puedes gestionar:
​

  • Nombre y URL de la landing

  • Dominio (Clientify o personalizado)

  • Integraciones (Google, Facebook Pixel)

  • Estilos globales

  • Cookies

  • Código personalizado

image.png

Artículos relacionados
NEW - ¿Cómo inserto un Formulario Online dentro de mi Landing Page?
NEW - ¿Cómo inserto un bloque de formulario en una landing page simple?
NEW - ¿Cómo añadir mapas en una SIMPLE Landing Page?
NEW - ¿Cómo crear una simple landing page?
NEW - Crea Landing Pages con IA en minutos
¿Ha quedado contestada tu pregunta?