Saltar al contenido
Ayuda
Secciones y bloques del constructor

Bloques Group, Text, Button y Divider: ¿cómo funcionan los ajustes de los componentes de diseño?

Resumen de los bloques Group, Text, Button y Divider que se usan en todo el constructor, con todos los ajustes de Button: texto, tipo de enlace (URL, correo, teléfono, ancla), estilo y ancho en escritorio y en móvil. Enlaces a las guías de Group y de Text, Image y Divider.

2 min de lectura

Cuatro bloques básicos aparecen en muchas secciones del constructor: Group, Text, Button y Divider. Juntos te permiten crear diseños sin código. Selecciona un bloque para abrir sus ajustes.

Group

Un contenedor que agrupa otros bloques y los coloca apilados o uno al lado del otro, con su propio ancho, espaciado, colores, borde y superposición. Guía completa: ¿Cómo uso los bloques Group para colocar contenido lado a lado o en columnas?.

Text y Divider

Text contiene títulos y párrafos, con estilos predefinidos, tamaño, interlineado y espaciado entre letras. Divider es una línea que separa el contenido y se vuelve vertical dentro de un grupo horizontal. Los dos funcionan como bloques y como secciones completas. Guía completa: ¿Cómo uso las secciones y bloques Text, Image y Divider?.

Button

Una llamada a la acción, presente en el hero, las diapositivas del slideshow, la página 404, la página de agradecimiento y los grupos que contienen.

  • Label: el texto del botón.
  • Link type: URL (una página o un sitio web), Email (abre un correo), Phone (inicia una llamada) o Anchor (baja hasta una sección de la misma página). Después rellena el Link, por ejemplo https://example.com/products/your-link.
  • Style: Primary, Secondary o Link (enlace de texto simple). Los colores vienen de los colores de botón del esquema de colores.
  • Desktop width y Mobile width: Fit al texto, o Custom con un Custom width en porcentaje.

Problemas habituales

  • Los colores del botón no son los correctos: cambia los colores del botón principal o secundario en el esquema de colores. Consulta Esquemas de colores.
  • Dos botones deben ir uno al lado del otro: ponlos en un grupo configurado en Horizontal.
  • El texto tiene un color equivocado: está siguiendo a un elemento padre con otro esquema. Desactiva Use parent color scheme y elige el esquema que quieras.

¿Aún necesitas ayuda?

Escríbenos y te responderemos.

Contáctanos