Widget de columnas de página de destino

El widget Columnas te ayuda a dividir el área de trabajo en columnas separadas (2, 3 o 4 columnas). A continuación, puedes arrastrar y soltar cualquier otro widget en las columnas creadas. Por ejemplo, añade un texto/imagen/botón o cualquier otro elemento de diseño según tus necesidades.

¿Cómo utilizar un widget de columnas en una página de destino?

Primer paso

Navegue hasta el constructor de páginas de aterrizaje

Utilice el menú principal de la izquierda para crear una página de destino y, a continuación, navegue hasta el constructor de páginas de destino.

Paso 2

Añada un widget Columns a su página de destino

El área en blanco de la izquierda es el área de trabajo donde se diseña la página de destino, y el área de la derecha es el área de herramientas donde se muestran todos los elementos de diseño disponibles en forma de widgets.

Para dividir un espacio de tu área de trabajo en columnas, arrastra y suelta el widget Columnas en el área de trabajo (como se resalta en la captura de pantalla siguiente).

Paso 3

Especifique el número de columnas en que desea dividir el área del widget

Al soltar el widget en el área de trabajo, la Configuración del widget se muestra a la derecha (como se resalta en la captura de pantalla siguiente).

Haga clic en Guardar.

Paso 4

Personalizar el fondo y el diseño de las columnas

Puede editar la apariencia general de sus Columnas utilizando las opciones disponibles en la pestaña Estilo (como se resalta en la siguiente captura de pantalla).

Para ello, utilice los campos:

• Widget Background Color para personalizar el color de fondo de estas columnas. También puede hacer que este espacio sea transparente seleccionando la casilla - Fondo del widget transparente.
• Middle Gap Barra de tamaño para especificar el espacio entre las columnas.
• Barra de altura de columnas para especificar la altura del widget de columnas.
• Añadir espacio a los lados permite añadir espacio alrededor de las columnas para aumentar el atractivo visual.
• Marque Separación superior e inferior si desea añadir una separación predeterminada en la parte superior e inferior del widget de columna.
• Incluso puede cambiar el ancho de columna deslizando los bordes entre dos columnas.
  

Paso 5

Añade otros elementos funcionales a estas columnas.

Arrastre y suelte los widgets correspondientes a los elementos funcionales que desee añadir a estas columnas: un widget de texto/ un widget de botón/ un widget de imagen, etc.

Por ejemplo, en la captura de pantalla siguiente, primero se utilizó un widget Columna para dividir el área de trabajo en 3 columnas. A continuación, se añadieron widgets de Imagen a las dos primeras columnas y un widget de Texto a la tercera columna.

¡Y ya está!

Ha añadido con éxito contenido en varias columnas a su página de destino.

Veamos cómo añadir un espacio en blanco entre dos bloques de contenido en la página de destino utilizando el widget espaciador.