Modificar Landing Pages / Website

Creacion de pagina web 

1. Ubicación

La opción de gestión de las páginas web se encuentra en la sección “Sitios” o “Sites”, dependiendo del idioma predeterminado.

Posteriormente, en las pestañas superiores debemos acceder a la opción “Sitios Web” o “Websites”, como se ve en la siguiente imagen.

Dentro encontraremos diferentes opciones, dependiendo del estado actual de nuestras webs. Si ya tenemos una o varias webs creadas, se mostrará un listado con ellas; de lo contrario, simplemente se permitirá comenzar a crear una nueva web.

Puedes ver más detalladamente la información de la pestaña de Sitio Web en Sitios Webs, En este apartado encontrarás las distintas acciones que se pueden realizar en este módulo.

2. Creación de Sitio Web

Para la creación de un sitio web, damos clic en la opción “New Website”.

Aquí tendremos dos opciones para la creación y el manejo de nuestro sitio web: podemos comenzar una web desde cero o podemos usar una plantilla para agilizar la creación de nuestro sitio web. 

3. Creación de Sitio Web en blanco

Para la creación del sitio web en blanco, debemos seleccionar la opción “From Blank” o “En Blanco”, para comenzar a construir todos los apartados de nuestra web sin ningún tipo de plantilla.

Debemos establecer un nombre para nuestra web en el apartado “Nombre de Web” o “Website Name”, y luego damos clic en la opción “Crear”.

Esto nos enviará al apartado de la creación de nuestra web. Aquí podemos agregar páginas y editar los distintos aspectos de nuestra web.

3.1 Añadir nueva página

Para añadir una nueva página, debemos dar clic en el botón “Añadir nueva Página” o “Add New Page”.

Posteriormente, nos mostrará un formulario que nos pedirá el nombre de la página. Establecemos un nombre y damos clic en “Crear Nueva Página” o “Create New Page”.

3.2 Visualizador de páginas

Cuando tenemos páginas creadas, estas se mostrarán en la pestaña “Páginas” o “Pages”, con el fin de administrar nuestras páginas. Para el diseño de una página tenemos dos opciones: copiar o utilizar una página que ya exista en otra web, o crear una página en blanco.

3.2.1 Crear usando una página existente

En este caso, debemos dar clic en la opción “Usar existente” o “Use existing”. Esto desplegará un formulario que permitirá seleccionar la web y la página que deseamos utilizar o replicar en la web que estamos creando.

Aqui podremos seleccionar las paginas para nuestra web de distintas fuentes en caso de que quisieramos replicarlas o utilizarlas tenemos 3 opciones 

• Website
• Funnel
• Webinar

Esto permite importar o utilizar estas páginas en la creación de nuestra web actual. En el lado derecho del formulario tendremos un visualizador que nos mostrará la interfaz de la página antes de importarla.

Si deseamos utilizar la página web, le damos clic en “Importar” o “Import”.

3.2.2 Crear una página web en blanco

En este caso, elegiremos la opción de crear una página web en blanco.

Al crear una página web en blanco, automáticamente se mostrará el maquetador de páginas web. (Hablaremos a detalle de este en el punto 5).

4. Creación de Sitio Web usando plantilla

En este caso, al añadir un nuevo website, podemos usar la opción “Desde una plantilla”.

Esto abrirá la biblioteca de plantillas y podremos seleccionar, desde la galería de plantillas, alguna que se adecue a lo que estamos buscando.

Aquí podremos ver la vista previa de la plantilla o utilizarla directamente.

Al utilizar la plantilla, comenzará a cargar las páginas que esta incluye. Esto podrá verse desde el visualizador de páginas.

Aquí podremos editar las páginas que se crearon automáticamente con base en la plantilla seleccionada. (Esto abrirá automáticamente el editor de páginas, que veremos en el punto 5).

Podremos ver una previsualización de cómo está quedando la página. (Esto abrirá la página en una nueva ventana).

5. Maquetador de paginas Web

El maquertador de paginas es la herramienta intuitiva que nos permite realizar cambios visuales, de estilo y contenido de nuestra paginas web, esta herramienta consta de distintas pestañas o partes.

5.1 Add elements

El panel Add Elements, específicamente la sección Quick Add, permite agregar rápidamente diferentes tipos de elementos al diseño de una página. Esta área está organizada por categorías y proporciona accesos directos a los componentes más utilizados. Su objetivo es facilitar la construcción visual de contenidos mediante bloques predefinidos y personalizables.

Estructura principal del panel

El panel se divide en dos zonas:

1. Barra lateral izquierda
   Muestra las categorías disponibles:

   • Quick Add

   • Sections

   • Rows

   • Elements

   • Prebuilt Sections

   • Saved Assets

   • Widget Marketplace

   • Store

   • Buttons

   • Forms and Surveys

   • Social Media Icons

   • Countdown Timers

   • Images

   • Progress Bar

    

Sections

Permite insertar secciones completas ya estructuradas, pensadas para construir partes de la página con diseños coherentes y listos para personalizar.

Rows

Incluye opciones para agregar estructuras de columnas que ayudan a organizar el contenido dentro de la página de forma ordenada y adaptable a distintos dispositivos.Rows

Incluye opciones para agregar estructuras de columnas que ayudan a organizar el contenido dentro de la página de forma ordenada y adaptable a distintos dispositivos.

Elements

Contiene la colección completa de elementos individuales que pueden añadirse al diseño, desde componentes simples hasta opciones más avanzadas.

Prebuilt Sections

Ofrece secciones prediseñadas profesionalmente que facilitan la creación rápida de bloques visuales sin necesidad de partir desde cero.

Saved Assets

Espacio donde se almacenan elementos creados y guardados por el usuario para reutilizarlos en diferentes partes del sitio.

Widget Marketplace

Zona destinada a descubrir y añadir widgets adicionales que amplían las funciones y capacidades del editor.

Store

Permite acceder a extensiones, plantillas y recursos adicionales disponibles para complementar y mejorar el diseño del sitio.

Buttons

Incluye opciones rápidas relacionadas con botones para facilitar la inserción de elementos de acción dentro del contenido.

Forms and Surveys

Proporciona herramientas para añadir formularios y encuestas de diferentes tipos, pensadas para recopilar información de usuarios.

Social Media Icons

Permite insertar elementos relacionados con redes sociales, facilitando la integración y conexión con distintas plataformas.

Countdown Timers

Incluye opciones para añadir temporizadores y contadores que ayudan a resaltar eventos, promociones o fechas límite.

Images

Reúne herramientas para añadir y gestionar imágenes dentro del diseño, manteniendo la estructura visual del sitio.

Progress Bar

Permite agregar indicadores visuales de progreso que ayudan a mostrar niveles de avance o etapas dentro de un proceso.

5.2 Layer

La sección Layers muestra una vista estructurada de todos los elementos que componen la página, organizados en forma de jerarquía. Permite visualizar, seleccionar y gestionar cada capa del diseño —como la página principal, popups u otros contenedores— de manera ordenada. Esta vista facilita identificar la ubicación exacta de cada componente y controlar su organización sin necesidad de navegar visualmente por toda la página.

5.3 Tracking Code

La opción Tracking Code permite insertar fragmentos de código destinados al seguimiento y análisis del comportamiento de los usuarios, como scripts de analítica, píxeles de conversión o herramientas de marketing. Desde esta sección se pueden agregar códigos personalizados que se ejecutarán en la página, facilitando la integración con plataformas externas para medición, estadísticas o automatizaciones.

5.4 Custom CSS 

La opción Custom CSS permite agregar estilos personalizados directamente al diseño de la página. Desde este panel, el usuario puede escribir código CSS para ajustar colores, tamaños, posiciones u otros aspectos visuales que no estén disponibles mediante las opciones estándar del editor. Es una herramienta ideal para aplicar personalizaciones avanzadas y lograr un diseño completamente adaptado a las necesidades del proyecto.

5.5 Tipografia

La opción Typography permite configurar la apariencia del texto en la página. Desde este panel, el usuario puede seleccionar la fuente para los encabezados y la fuente para el contenido, así como ajustar el color del texto y el color de los enlaces. Esta herramienta facilita la personalización visual de la tipografía para mantener coherencia estética y reforzar la identidad del proyecto.

5.6 Background

La opción Background permite personalizar el fondo de la página o sección. Desde este panel, el usuario puede agregar una imagen de fondo mediante una URL o elegir un color de fondo específico. Esta herramienta facilita definir la estética general del sitio, creando ambientes visuales que refuercen el estilo y la identidad del diseño.

5.7 Popup

La opción Popup Settings permite gestionar las ventanas emergentes del sitio. Desde este panel, el usuario puede crear nuevos popups, editarlos y organizar su orden de prioridad, lo cual determina cuál popup se mostrará primero cuando varios tengan posiciones similares. Esta herramienta es ideal para configurar mensajes, ofertas o formularios que se despliegan automáticamente para mejorar la interacción con los visitantes.

5.8 SEO Meta Data

La opción SEO Meta Data permite gestionar toda la información relacionada con el posicionamiento del sitio web en motores de búsqueda. Desde este panel, el usuario puede configurar elementos clave como el título SEO, la descripción, las palabras clave, el autor del contenido, la imagen de vista previa para redes sociales y las etiquetas adicionales. Cada sección contribuye a optimizar cómo se presenta la página en buscadores y plataformas sociales. Esta herramienta es fundamental para mejorar la visibilidad del sitio, atraer más tráfico orgánico y garantizar que cada página tenga una presentación clara, profesional y correctamente indexada.

5.9 Element Settings (Tax Experts Footer)

La sección Element Settings permite administrar las propiedades generales y visuales del elemento seleccionado dentro del diseño de la página. Desde este panel, el usuario puede asignar un nombre al elemento, ajustar su comportamiento —como activar o desactivar la opción de adherencia (sticky)— y controlar si las filas pueden ocupar el ancho completo del contenedor. Además, incluye opciones avanzadas de personalización del fondo, permitiendo elegir entre color, imagen o video, así como aplicar gradientes o efectos de desenfoque. También es posible definir la anchura del elemento, ajustándola según las necesidades del diseño. Esta herramienta es fundamental para personalizar bloques específicos y mantener coherencia estética en toda la interfaz.

5.10 Desktop Mode

La opción Desktop Mode permite visualizar y editar el sitio web específicamente en su versión para computadoras de escritorio. Esta vista muestra cómo se presentará el diseño final en pantallas grandes, garantizando que la estructura, el contenido y los elementos visuales se adapten correctamente a resoluciones amplias. Desde este modo, el usuario puede realizar ajustes precisos en el layout, tipografía, espaciados y componentes que podrían diferir respecto a las versiones móvil o tablet. Esta herramienta es fundamental para asegurar una experiencia de usuario óptima en dispositivos de escritorio y para mantener la coherencia del diseño en todas las plataformas.

5. Publicar

Podemos publicar nuestra web. Para esto, debemos tener en cuenta que es necesario contar con un dominio o subdominio registrado en nuestro CRM.

Podemos ver más detalles sobre este proceso en la documentación de dominios.

Finalmente, damos clic en el botón Publicar.

Aqui podemos seleccionar el dominio donde se va a publicar nuestra web o nos da la opcion de comprar uno.