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:
-
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.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.