Bloques de Botón

Crea enlaces de botones visualmente atractivos para llevar a los visitantes a información o contenido importante que quieras resaltar.

Última actualización: 24 de enero de 2025

Usa bloques de botones para agregar botones o llamadas a la acción a tu sitio. Los bloques de botones pueden vincular a páginas de tu sitio web, otros sitios web, archivos descargables, direcciones de correo electrónico o números de teléfono.

Mira el video

Agregar un bloque de botón

Para agregar un bloque de botón:

  1. Edita una página o publicación, haz clic en Agregar bloque o en un punto de inserción y, a continuación, selecciona Botón en el menú. Para obtener ayuda, consulta Agregar contenido con bloques.
  2. Para abrir el editor de bloques, haz clic en el ícono del lápiz en la barra de herramientas del bloque.
  3. En la pestaña Contenido, haz clic en el campo Texto para cambiar el texto predeterminado Más información. Recomendamos mantener el texto del botón con menos de 25 caracteres.
  4. Haz clic en Adjuntar enlace y agrega una dirección web bajo URL, o haz clic en el menú desplegable URL para ver más opciones.
  5. Haz clic en Diseño y, a continuación, en el menú desplegable Botón principal para cambiar la configuración de estilo que sigue el botón. Está configurado como Primario de forma predeterminada, pero puedes cambiarlo a Botón secundario o Botón terciario. Para obtener más información, consulta Aplicar estilo a botones.
  6. Si utilizas el Editor dinámico, establece el botón en Ajustar en el bloque con relleno o Rellenar todo el bloque.
  7. Para cambiar la alineación de los botones, elige izquierda, centro o derecha.
  1. Edita una página o publicación, haz clic en un punto de inserción y selecciona Botón en el menú. Si necesitas ayuda, consulta Añadir contenido con bloques.
  2. En el campo Texto, ingresa el texto para el rótulo del botón. Recomendamos que tenga menos de 25 caracteres.
  3. Haz clic en Adjuntar enlace y agrega una dirección web bajo URL, o haz clic en el menú desplegable URL para agregar diferentes tipos de enlaces.
  4. Haz clic en la pestaña Diseño para aplicar estilo al tamaño y la alineación del botón.
  5. Haz clic fuera del editor de bloques cuando hayas terminado. Los cambios se guardan automáticamente.

Cambiar el estilo del botón

Las opciones de estilo de los bloques de botones dependen de la versión de tu sitio.

Puedes variar los estilos de los botones para resaltar diferentes llamadas a la acción. Para editar el estilo de los botones, haz clic en el icono del pincel en la esquina superior derecha mientras editas una página con un botón y, a continuación:

  • Haz clic en Botones para editar la fuente, la forma y el tamaño. Para crear variedad, define distintos estilos para los botones de tipo primario, secundario y terciario y, a continuación, edita cualquier bloque de botones para establecer su tipo.
  • Haz clic en Colores para editar el color de todos los botones de tu sitio. Para crear variedad, usa temas de sección para agregar diferentes combinaciones de colores.

Para más información, visita Dar estilo a los botones.

Utiliza la pestaña Diseño del editor Bloque de botones para cambiar el tamaño y la alineación del botón:

  • En Tamaño, elige S, M o L.
  • En Alineación, elige Izquierda, Centro o Derecha.

Cambia otros ajustes de estilo y diseño de botones, incluidos el color y la forma, en los estilos del sitio. Para obtener más información, consulta Aplicar estilo a botones.

Rastrear los clics en los botones

Usa Conversiones de formularios y botones para ver cuántos visitantes hacen clic en tus llamadas a la acción. Puedes rastrear la tasa de conversión de los botones, que compara la cantidad de vistas que recibió un botón con la cantidad de clics que obtuvo.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.