Cómo trabajar con los elementos del sitio

Puedes crear sitios web de varias páginas con diferentes secciones, columnas y widgets a través del creador visual de sitios web de SendPulse. Hablaremos sobre en qué consisten los elementos de los sitios y cómo agregarlos, moverlos o editarlos.

Introducción a los elementos del sitio web

Puedes usar los siguientes elementos para crear un sitio web: bloque, sección, columna y widget. Los bloques, las secciones y las columnas te ayudarán a estructurar el contenido de tu sitio web, y los widgets te ayudarán a agregar elementos funcionales.

Bloque

De acuerdo con la jerarquía del sitio, un bloque es un elemento donde se pueden agregar todos los demás elementos del mismo estilo. Puedes usarlo para organizar el contenido por su propósito. Por ejemplo, puedes colocar un menú en un bloque y agregar información sobre tu empresa en otro.

Para agregar un nuevo bloque, pasa el cursor sobre el borde superior o inferior del bloque y haz clic en + (Agregar bloque).

A la izquierda, puedes seleccionar los bloques de la galería organizados por categorías, incluyendo el encabezado del sitio web, pie de página, primera página y más. Navega por las categorías y selecciona un bloque que se ajuste a tu diseño.

El encabezado y pie de página son bloques que abarcan todo el sitio, lo que significa que aparecen en todas las páginas del sitio web y todos los cambios que realices en ellos se sincronizan automáticamente. 

Para añadir un bloque vacío, haz clic en Bloque vacío en la parte inferior de la lista de categorías.

Sección

El elemento Sección te permite colocar una nueva fila de columnas en un bloque. Pasa el cursor sobre la línea inferior debajo de las columnas o la línea superior sobre las columnas y haz clic en + (Agregar sección).

Con este elemento sólo puedes agregar una nueva fila de columnas en un bloque, pero no puedes personalizarlo, copiarlo ni eliminarlo. Necesitas trabajar cada columna por separado.

Columna

El elemento Columna te permite colocar widgets de forma vertical. Puedes agregar hasta 6 columnas en una fila para cada sección.

Pasa el cursor sobre el borde izquierdo o derecho de un elemento y haz clic en + (Agregar columna) para agregar una columna.

Widget

Los widgets son elementos funcionales del sitio web diseñados para agregar información e interactuar con los visitantes.

Por ejemplo, puedes crear una sección sobre los beneficios y el valor de tu servicio o producto utilizando los widgets Texto, Botón e Imagen. Usa los widgets Formulario o Chatbots para recopilar suscriptores. Puedes responder las preguntas frecuentes de los usuarios si agregas el widget Preguntas frecuentes. Incluso puedes crear una tienda en línea con el widget Pagos.

Leer más: Agregar elementos.

Haz clic en + (Agregar widget) para agregar un widget.

Puedes agregar un número ilimitado de widgets a una columna.

Diseño

El elemento Diseño permite dividir el contenido en segmentos bien definidos dentro de bloques, secciones o columnas.

Para añadir un diseño, haz clic en + Añadir widget en un bloque, columna o sección y, a continuación, haz clic en Diseño.

Selecciona una posición entre las opciones disponibles.

Después, puedes añadir widgets a cada segmento de forma vertical. Para ello, haz clic en + y selecciona un widget.

Para separar los segmentos, coloca el cursor sobre el diseño, haz clic en los tres puntos de la parte inferior y selecciona Editar. A la derecha, introduce los valores en píxeles del espaciado entre widgets del eje X y del eje Y.

Mover elementos del sitio

Puedes arrastrar el widget dentro de una columna verticalmente, moverlo a otra columna cuando se coloca horizontalmente y arrastrarlo a una sección (a una fila vertical diferente) o un bloque.

Para mover un elemento, pasa el cursor sobre él en la esquina superior derecha, mantén presionado el icono correspondiente y mueve el elemento a la ubicación que deseas.

Puedes mover las columnas en una fila de forma horizontal o moverlas verticalmente a otra sección o bloque.

Incluso puedes mover bloques hacia arriba o hacia abajo.

Duplicar elementos del sitio

Una vez que hayas establecido tu estilo de bloque o columna, puedes duplicar este elemento y utilizarlo como plantilla posteriormente.

Coloca el cursor sobre la esquina superior derecha del elemento que deseas copiar y selecciona Duplicar. Aparecerá un nuevo elemento con el mismo contenido y configuración junto al original. A continuación, podrás editarlo o moverlo en la página.

También puedes aplicar opciones de copia más avanzadas a los bloques:

Eliminar elementos del sitio

Puedes eliminar elementos del sitio. Para eliminar un bloque o columna, pasa el cursor sobre la esquina superior derecha del elemento y selecciona Eliminar.

Para eliminar un widget, pasa el cursor sobre él en la esquina superior izquierda y selecciona Eliminar.

Ocultar bloques

Puedes ocultar bloques en dispositivos móviles para optimizar la visualización de contenido, mejorar la velocidad de carga de tu página y mejorar la experiencia del usuario en pantallas más pequeñas.

Pasa el cursor sobre la esquina superior derecha de tu bloque y haz clic en Configuración del bloque.

En el campo Ocultar bloque, selecciona el tipo de dispositivo en el que deseas ocultar tu bloque (escritorio o móvil).

ID de Bloques y Widgets

Cada Bloque y Widget tiene un ID que permite que la página lo identifique. Y con el cual, puedes hacer lo siguiente:

• Añadir enlaces fijados a los elementos en tu página (aplica solo con bloques)*
• Agregar estilo y scripts a elementos específicos.
• Monitorear eventos por elementos para definir objetivos analíticos.
• Mostrar una ventana emergente cuando el usuario haga clic en tu elemento.

Para copiar el ID, dirígete a la configuración de tu elemento y haz clic en él, este se guardará automáticamente en el portapapeles.

Asimismo, puedes editar un ID, haciendo clic en el ícono del lápiz. Recomendamos usar letras y números latinos, sin espacios, y que no superen los 256 caracteres. Tu ID debe ser único para toda la página web.

Última actualización: 18.03.2025