El constructor visual — añadir, diseñar y convertir

Las tres zonas del editor

• Panel izquierdo — cuatro pestañas: "Añadir" (bloques y catálogo completo), "Diseños" (composiciones listas), "Embudo" (captura + formulario + confirmación) y "Capas", que muestra el árbol de la página y está SIEMPRE disponible.
• Lienzo central — la página en vivo. Click selecciona un bloque (borde azul); arriba tienes los botones de vista Escritorio / Tablet / Móvil.
• Panel derecho — "Texto" edita textos, imágenes, enlaces e items; "Diseño" controla espaciado, fondo, borde, tipografía y la visibilidad por dispositivo; "Tema" define la identidad global; "Versiones" guarda el historial de la página.

Agregar bloques

1. 1
   Abre "Añadir" y usa el buscador ("Buscar bloque…")

   O navega por categorías: Secciones estilizadas, Estructura, Media, Texto, Interactivo, Social, Comercial, Avanzado y Pie de página.
2. 2
   Click inserta al final; arrastrar lo suelta en una posición exacta

   En "Distribuir contenido" puedes elegir de 1 a 6 columnas, una fila con barra lateral (a la izquierda o a la derecha), o un "Contenedor" vacío para componer libremente dentro. Todas se reorganizan automáticamente en móvil.
3. 3
   Selecciona el bloque y edítalo en el panel "Texto"

   Cada bloque trae contenido de ejemplo bien diseñado que reemplazas por el tuyo.

El catálogo incluye decenas de variantes para estructura, media, contenido interactivo, prueba social, comercial y pie de página. Puedes empezar por Recomendados y abrir "Todos" solo cuando necesites más control.

Enlaces en el aviso de privacidad de un formulario

Puedes poner hipervínculos en el texto de privacidad para agregar tus términos y condiciones o tu política de privacidad. Selecciona el formulario, formulario con llamada a la acción o boletín. En el grupo Formulario del panel de ajustes, escribe el Texto de privacidad y abre Enlaces del aviso. Añade una fila por enlace: copia en Texto exacto a enlazar una frase que ya aparezca en el aviso y pega en Dirección completa su URL, empezando por https:// o http://. Admite hasta 5 enlaces y enlaza la primera coincidencia exacta de cada frase.

Los enlaces se abren en otra pestaña para conservar el formulario. Funcionan en el lienzo, la vista previa, páginas publicadas y formularios dentro de pop-ups. Si falta la frase, la URL no es válida o dos enlaces se superponen, el editor explica qué corregir y el aviso conserva ese contenido como texto. Pegar HTML o Markdown en el aviso no crea enlaces.

Renglones y párrafos en los textos

En los campos de varias líneas del panel "Texto" —subtítulos y descripciones, el texto de un párrafo o de un encabezado, las respuestas de las preguntas frecuentes, los testimonios, las tarjetas, los planes, el pie de página, el texto de privacidad y el mensaje de confirmación de un formulario, y el texto de un pop-up— la página respeta los renglones que escribes. Se ven igual en el lienzo, en la vista previa y en el sitio publicado.

• Enter — el texto sigue en el renglón de abajo.
• Un renglón en blanco separa dos párrafos; con más renglones en blanco, el espacio entre ellos crece.
• Los espacios seguidos dentro de un renglón se juntan en uno, y los del inicio de un renglón no se ven.
• Los campos de una sola línea (títulos de sección, botones, etiquetas, precios) no llevan renglones: el texto se acomoda solo al ancho disponible.

Barra superior

• Selector de sitio y de página + botones de "Ajustes de la página" (título y SEO de la página, dirección solo para páginas que no sean la raíz, y el ícono de la pestaña de todo el sitio), "Cabecera del sitio" y "Nueva página" (sitios multipágina).
• "Píxeles y seguimiento (Meta y Google Ads)" (ícono de diana) — el píxel de Meta y la etiqueta de Google de TODO el sitio.
• "Asistente IA" — abre el panel de generación/edición con IA.
• "Revisar" — la revisión previa a publicar, con su puntaje sobre 100.
• "Vista previa" (ícono de ojo) — apaga los paneles y te enseña el BORRADOR limpio dentro del mismo editor; el botón pasa a decir "Volver a editar". No abre nada en otra pestaña y no pierde la selección.
• "Abrir página publicada" (ícono de globo) — ése sí abre en otra pestaña lo que ven tus visitantes. Sólo aparece cuando la página ya está publicada.
• Deshacer / Rehacer — historial de hasta 100 pasos.
• "Descartar" (aparece si hay cambios) · "Guardar" (borrador) · "Publicar" (en vivo).

Cambiar la página de inicio o eliminar una página

1. 1
   Selecciona la página que quieres usar como inicio en la barra superior del editor.
2. 2
   Abre Ajustes de la página, marca Usar como página de inicio y pulsa Guardar.

   La página de inicio anterior y su contenido se conservan. Cancelar deja la elección sin cambios.
3. 3
   Revisa el sitio y pulsa Publicar cambios.

   Hasta publicar, los visitantes siguen viendo el inicio anterior. Por eso esa página continúa protegida contra borrado y despublicación.
4. 4
   Para eliminar una página que ya no sea el inicio, selecciónala y abre Ajustes de la página → Eliminar.

   Revisa la confirmación: eliminar borra la página y su historial de forma definitiva. Quitar de la web solo la despublica y conserva su contenido.

Crear una squeeze page

1. 1
   Al crear un sitio, abre Desde plantilla → Captación de leads → Squeeze Page · Captura rápida.
2. 2
   Cambia la promesa, el texto de apoyo y el botón en "Texto".
3. 3
   En ¿Qué quieres captar?, elige Squeeze para pedir sólo el correo, Captura para nombre + correo o Contacto para añadir mensaje.
4. 4
   Abre Apariencia y después del envío sólo si necesitas cambiar el mensaje de éxito o enviar al lead a una página de confirmación.
5. 5
   Revisa la vista móvil y publica.

Formularios claros y compactos

Con el bloque de formulario seleccionado, "Distribución" tiene tres opciones y es lo primero que conviene decidir:

• "Vertical" — una columna a todo lo ancho, ideal para contacto o varios campos.
• "2 columnas" — reparte campos cortos y deja mensajes, opciones y botón a todo lo ancho.
• "En línea" — campos y botón en una sola fila cuando hay espacio; se apila automáticamente en móvil.
• "Contenedor" es aparte: "Sin tarjeta" integra el formulario con el fondo de la sección, "Tarjeta" y "Tarjeta elevada" lo separan.
• Campos aparece resumido; ábrelo sólo para cambiar etiquetas, tipos, orden u obligatoriedad.

Pegar y superponer bloques

Selecciona la imagen o sección, abre Diseño → Espaciado y usa Espacio exterior. El margen superior acepta valores negativos: −16px pega suavemente, −32px superpone y valores mayores crean una superposición más marcada. Puedes escribir el número o usar el deslizador.

Atajos de teclado

• Cmd/Ctrl + Z — Deshacer.
• Cmd/Ctrl + Shift + Z (o Ctrl + Y) — Rehacer.
• Cmd/Ctrl + S — Guardar ahora.
• Cmd/Ctrl + P — Entrar o salir de la vista previa del borrador.
• Cmd/Ctrl + D — Duplicar el bloque seleccionado.
• Supr / Backspace — Eliminar el bloque seleccionado.
• 1 / 2 / 3 — Vista escritorio, tablet y móvil.
• Esc — Deseleccionar / cerrar el panel de IA.

Capas y selección precisa

En páginas con contenedores anidados, la pestaña "Capas" muestra el árbol completo y te deja seleccionar cualquier nodo. Al seleccionar un bloque también aparece un breadcrumb (Página → Container → …) en el panel "Texto" para subir o bajar de nivel con un click.

Y cuando quieras tocar UN título dentro de una sección —y no la sección entera—, usa el desplegable "¿Qué quieres editar?" que aparece arriba de "Texto" y "Diseño": lista los interiores del bloque seleccionado. "Módulo completo" te devuelve al bloque.