Mira el paso a paso completo aquí:
Objetivo #
Explicar cómo funciona el Website Builder y cómo crear páginas y sitios web dentro de la plataforma.
Público objetivo #
Usuarios principiantes
Emprendedores digitales
Creadores de páginas web
Personas sin conocimiento técnico
Qué es el Website Builder #
El Website Builder es la herramienta que permite crear:
Páginas de captura
Páginas de ventas
Sitios web completos
Todo de forma visual, sin necesidad de programación.
Cómo crear una página #
Puedes comenzar de tres formas:
Página en blanco
Plantillas prediseñadas
Estructuras listas para usar
Cómo funciona la lógica del Builder #
El Website Builder funciona con una estructura visual.
Construyes tu página usando:
Secciones
Elementos
Contenedores
Todo se maneja con arrastrar y soltar.
Estructura de la interfaz #
Secciones (Panels) #
Las secciones son bloques principales de la página.
Puedes:
Agregar nuevas secciones
Clonar secciones existentes
Usar secciones prediseñadas
Clonar una sección copia todo su contenido.
Elementos #
Los elementos son los componentes que agregas a la página.
Ejemplos:
Texto
Títulos
Botones
Imágenes
Se agregan arrastrándolos dentro de las secciones.
Edición de elementos #
Al hacer clic en un elemento puedes:
Editar el contenido
Agregar enlaces
Modificar estilos
Cada elemento tiene configuraciones propias.
Organización de la página #
Se recomienda:
Dividir el contenido en varias secciones
Agrupar información relacionada
Evita usar una sola sección larga.
Uso de contenedores (boxes) #
Los contenedores permiten:
Agrupar elementos
Mover varios elementos al mismo tiempo
Esto facilita la organización, especialmente en mobile.
Configuración de estilos #
Puedes definir estilos globales como:
Fuentes
Tamaños
Estilos de títulos
Esto evita configurar cada elemento manualmente.
Responsividad #
Puedes editar la página en diferentes dispositivos:
Desktop
Tablet
Mobile
Cada vista se puede ajustar de forma independiente.
Configuración de la página #
En la sección de configuración puedes definir:
Título de la página
SEO
Meta etiquetas
Imagen para compartir
Integración con otras herramientas #
Puedes agregar elementos de otras herramientas.
Ejemplos:
Blog
Otras funciones internas de la plataforma
Elementos globales #
Puedes configurar:
Header
Footer
Pop-ups
Cuando son globales:
Se aplican a todas las páginas
Se editan una sola vez
Los cambios se reflejan en todo el sitio
Creación y duplicación de páginas #
Puedes:
Crear nuevas páginas
Duplicar páginas existentes
Esto acelera la creación del sitio.
Publicación #
Después de terminar la página:
Debes publicarla
Si no publicas, no estará disponible online.
Herramientas adicionales #
Deshacer y rehacer #
Permiten corregir acciones rápidamente.
Alineación #
Herramientas ayudan a posicionar elementos correctamente.
Ocultar elementos #
Puedes ocultar elementos según el dispositivo.
Ejemplo:
Mostrar solo en mobile
Ocultar en desktop
FAQ #
¿Necesito saber programación? #
No. Todo es visual y fácil de usar.
¿Puedo usar plantillas? #
Sí. Puedes usar plantillas o crear desde cero.
¿Debo configurar cada elemento manualmente? #
No. Puedes usar configuraciones globales.
¿Puedo adaptar la página para mobile? #
Sí. Puedes ajustar cada vista por separado.
Troubleshooting #
Elementos desalineados #
Verifica la alineación
Usa contenedores para organizar
Página desordenada en mobile #
Ajusta la vista mobile
Agrupa correctamente los elementos
Cambios no se reflejan #
Verifica si la página fue publicada
Dificultad para organizar elementos #
Usa contenedores
Evita trabajar con elementos sueltos
