Cómo usar el constructor de sitios web

¿Qué vas a lograr en esta lección?

Aprender a crear y publicar páginas web y landing pages directamente desde PowerLeads — sin necesitar un desarrollador, sin herramientas externas y con todo conectado a tu CRM desde el primer clic.

Sitios web vs. Funnels — ¿cuál usar?

Antes de crear, debes saber qué tipo de página necesitas:

La regla simple: si el objetivo es que el visitante haga UNA acción específica (llenar un formulario, agendar, comprar), usa un Funnel. Si necesitas varias páginas sin un recorrido fijo, usa un Sitio web.

Cómo crear un sitio web o funnel

Ve a: Sitios → Sitios web o Sitios → Funnels

Tienes tres formas de empezar:

Desde una plantilla → Elige entre cientos de diseños prediseñados por industria y objetivo. Selecciona la que más se acerque a lo que necesitas, personaliza el contenido y publica.

Desde cero → Canvas en blanco — tú defines la estructura, los bloques y el diseño desde el principio.

Con IA → Describe el tipo de página que necesitas y la IA genera una estructura completa lista para editar. Las primeras 5 generaciones son gratuitas, después tiene un costo de $0.99 por generación.

La interfaz del constructor

El constructor tiene una barra de navegación en la parte superior con todas las herramientas disponibles:

Cómo está estructurada una página

Todo en el constructor sigue esta jerarquía:

Sección → Fila → Columna → Elemento

• Sección → el contenedor principal, como un bloque grande de la página

• Fila → divide la sección en filas horizontales

• Columna → divide cada fila en columnas

• Elemento → el contenido real: texto, imagen, botón, formulario, etc.

Para agregar contenido haz clic en + Agregar elemento en la esquina superior derecha del constructor, busca el elemento que necesitas y arrástralo a la posición que quieras.

Elementos que puedes agregar

Los más usados para páginas de captura y sitios de negocio:

• Texto / Encabezado → títulos, subtítulos y párrafos

• Imagen → fotos, logos e ilustraciones

• Botón → CTA con link, formulario o acción

• Formulario → captura nombre, teléfono, email

• Calendario → embede tu calendario de agendamiento directamente

• Video → YouTube, Vimeo o video propio

• Contador regresivo → para crear urgencia en promociones

• Testimonios → sección de reseñas y casos de éxito

• Mapa → ubicación de tu negocio

• Código personalizado → HTML, JavaScript o iFrames

Acciones sobre los elementos

Cuando pasas el cursor sobre cualquier elemento aparecen las opciones:

• ⚙️ Configuración → editar propiedades del elemento

• ↑↓ Flechas → mover el elemento arriba o abajo

• ⎘ Duplicar → clonar el elemento con toda su configuración

• 🗑️ Eliminar → borrar el elemento

Si eliminas algo por error, usa Deshacer (Ctrl+Z / Cmd+Z) para recuperarlo. El historial de cambios se mantiene durante la sesión.

Vista desktop y vista móvil

El constructor tiene dos modos de edición — alterna entre ellos en la parte superior:

Modo Desktop → cómo se ve la página en computadora

Modo Móvil → cómo se ve en teléfonos

Consejo: Termina el diseño desktop primero. Luego revisa la versión móvil y ajusta lo que no se vea bien. La mayoría del tráfico de campañas llega desde el celular — siempre verifica que la página se vea bien en móvil antes de publicar.

Puedes controlar la visibilidad de cada elemento por dispositivo — mostrar algo solo en desktop, solo en móvil o en ambos — desde la configuración avanzada de cada elemento.

Guardar y publicar

En la esquina superior derecha del constructor:

Guarda frecuentemente mientras trabajas. El historial de deshacer/rehacer es solo de la sesión actual — si recargas la página pierdes esos cambios no guardados.

Configuración del sitio

Antes de publicar configura estos ajustes en Sitios → Configuración:

Dominio → el dominio personalizado donde va a vivir tu sitio. Sin dominio, los visitantes solo pueden acceder con un link de preview que no es profesional.

Ruta (Path) → la extensión de cada página. Ej: tudominio.com/contacto

Favicon → el pequeño ícono que aparece en la pestaña del navegador. Sube tu logo en formato cuadrado.

Optimización de imágenes → viene activada por defecto — no la desactives. Acelera la carga de la página.

Widget de chat → si quieres mostrar el widget de chat en todas las páginas del sitio, actívalo desde aquí.

Secciones globales — trabaja más rápido

Si tienes elementos que se repiten en varias páginas — el header, el footer, un banner de CTA — puedes guardarlos como Sección Global.

Cuando editas una Sección Global en una página, el cambio se aplica automáticamente en todas las páginas donde está usada. Ideal para mantener consistencia sin tener que editar página por página.

Cómo crear una Sección Global: Pasa el cursor sobre la sección → haz clic en el ícono de guardar → ponle nombre → selecciona "Sección Global" → guarda.

⚠️ Cosas importantes que debes saber

• Sin dominio tu sitio no es accesible de forma profesional — conecta tu dominio antes de lanzar cualquier campaña

• Guardar ≠ Publicar — los cambios guardados no son visibles para los visitantes hasta que hagas clic en Publicar

• El modo móvil es independiente del desktop — los cambios en desktop no siempre se ven bien en móvil. Siempre revisa ambas vistas

• El historial de deshacer es por sesión — si recargas la página pierdes el historial. Usa Versiones para recuperar estados anteriores

• La IA para crear funnels tiene costo después de 5 generaciones — $0.99 por generación adicional