Contenedor

El widget contenedor te permite agregar widgets adicionales a un contenedor específico, también conocido como bloque.

Agregar un widget contenedor a tu sitio web. Para agregar un contenedor, ve a > Widgets y selecciona contenedor.

Una vez configurado el contenedor, dispone de muchas opciones de configuración que le ayudarán a crear y diseñar la sección perfecta para su página.

Analicemos más de cerca la configuración del contenedor .

A continuación verá:

  1. Configuración de bloqueo

  2. Configuración de columna

  3. Pestaña de visualización de bloques

  4. Agregar bloque

Dentro de un contenedor puedes editar:

  • Color de fondo

  • Añadir vídeo

  • Gradientes

  • Superposiciones

  • divisores de formas

  • Puntos de anclaje

Elementos del contenedor

Antes de entrar en los detalles más específicos, echemos un vistazo a los elementos principales del contenedor.

Como con cualquier contenedor o bloque, puedes crear divisiones y formar varias columnas horizontales y verticales. La imagen de abajo muestra el contenedor o bloque dividido en tres columnas horizontales.

Para dividir el contenedor en hasta 5 columnas, coloque el cursor del ratón sobre la parte superior del contenedor o bloque seleccionado. Aparecerá un botón para realizar la división.

Nota: El tamaño de cada columna se puede ajustar al ancho deseado. Además, también se pueden añadir bordes y colores diferentes a cada columna.

En la imagen de abajo hemos añadido color a las columnas para que pueda ver visualmente a qué nos referimos.

Antes de continuar con el uso de columnas para tu contenido, veamos cómo crear columnas verticales. Puedes agregar una nueva columna encima o debajo de las tres columnas existentes. Haz clic en el icono de más (+) para agregar una nueva columna arriba, por ejemplo.

Hemos añadido una nueva fila encima de la anterior. Esta fila tiene dos columnas: una blanca y otra negra, a modo de referencia.

Ahora tenemos un contenedor con:

  • 2 columnas

  • 3 columnas

Columna global

Las columnas globales agilizan el proceso de diseño al permitir usar el mismo bloque en varias páginas. Con la configuración de columnas globales, puede actualizar una ubicación y los cambios se aplicarán automáticamente a todas las columnas que compartan la misma información.

Para crear una columna global, primero seleccione la columna deseada. Luego, vaya al menú emergente de configuración y seleccione 'Esta es una columna global'.

Tras la selección, aparecerá un menú desplegable. Para los usuarios nuevos, solo estará disponible una opción, como se muestra a continuación:

Tras seleccionar la opción, asigne un nombre a su columna y haga clic en Guardar. Ahora, su columna es global. Esto significa que si copia y pega esta columna en varias páginas de su sitio web, cualquier modificación que realice se reflejará en todas las instancias de la columna global.

La imagen que aparece a continuación muestra la columna que hemos convertido en una columna global. Ninguna otra columna se verá afectada.

Para eliminar o cambiar el nombre de una columna, desactive la opción o haga clic en el texto de cambio de nombre.

Puntos de anclaje

Los puntos de anclaje son secciones específicas de su sitio web a las que dirige a los visitantes cuando hacen clic en un botón de llamada a la acción o en un enlace dentro del texto.

Si tu sitio web incluye un botón que quieres que los visitantes pulsen, puedes enlazarlo a una sección específica de la misma página. Al hacer clic, los usuarios accederán directamente a la sección donde se encuentra el enlace .

Cómo agregar un punto de anclaje:

  1. Navegue a Configuración del contenedor .

  2. Seleccionar punto de anclaje .

  3. Etiqueta tu punto de anclaje para futuras referencias.

  4. Agrega el enlace del punto de anclaje a la llamada a la acción (por ejemplo, un botón).

Agrega tu punto de anclaje desde tu llamada a la acción

Seleccione su llamada a la acción original. En este caso, utilizaremos un botón.

Selecciona el punto de anclaje y, a continuación, elige la página, la sección o el paso del embudo donde se encuentra. Conservará la misma etiqueta que le asignaste anteriormente.

Tenga en cuenta que puede tener diferentes puntos de anclaje en diferentes dispositivos (móvil y ordenador) si es necesario.

Asegúrese de haber guardado su punto de anclaje si no aparece en el menú desplegable. Una vez guardado, aparecerá en la lista.

Configuración adicional del contenedor

Dentro del contenedor puedes controlar:

  • Retraso del contenedor

  • Ocultar/crear borrador del contenedor

  • Posicionamiento de bloques/contenedores

La función de retardo del contenedor funciona igual que cualquier retardo de widget: puede elegir un intervalo de tiempo específico para que aparezca todo el contenedor cuando un visitante vea su sitio web.

Ocultar un contenedor o marcarlo como borrador lo hará invisible para los visitantes del sitio web.

Por último, el posicionamiento de bloques/contenedores le permite mover rápidamente sus contenedores hacia arriba y hacia abajo en la página.

Última actualización

¿Te fue útil?