Diseñar botones de pago

Después de añadir el bloque Botones de pago a tu sitio, puedes cambiar el color del botón, el diseño y más. Descubre cómo diseñar tus botones de pago con esta guía.

Cambia el color del fondo y del texto del botón de pago siguiendo estos pasos:

1. Haz clic en un botón individual del bloque Pagos.
2. En la barra lateral de los ajustes del bloque, busca la sección «Fondo y color del texto».
3. Haz clic en la sección Color del texto para cambiar el color del texto que aparece en el botón.
4. Haz clic en la sección Fondo para cambiar el color del botón.

Consulta más información sobre cómo aplicar colores a los botones.

Cambia la redondez de los bordes del botón cambiando el radio del botón. Sigue estos pasos:

1. Haz clic en un botón individual del bloque Pagos.
2. En la barra lateral de los ajustes del bloque, busca la opción «Borde».
3. Usa el control deslizante o introduce un número para cambiar el radio del botón.
4. Haz clic en «Guardar» o «Publicar» en la parte superior derecha para guardar los cambios.

Un número más bajo hará que el botón sea más cuadrado y un número más alto hará que las esquinas del botón sean redondeadas.

Configura el ancho del botón siguiendo estos pasos:

1. Haz clic en un botón individual del bloque Pagos.
2. En la barra lateral de los ajustes del bloque, busca la opción «Ajustes de ancho».
3. Elige uno de los preajustes (25 %, 50 %, 75 % o 100 %) o configura un ancho personalizado.
4. Haz clic en «Guardar» o «Publicar» en la parte superior derecha para guardar los cambios.

Por ejemplo, configura el ancho de un botón al 100 % para crear un botón con ancho completo. También puedes configurar los botones al 50 % para que haya dos botones que ocupen todo el ancho del área de contenido, como en este ejemplo:

Sigue estos pasos para cambiar la alineación de los botones de pago:

1. Elige Vista de lista en la esquina superior izquierda del editor.
2. Haz clic en el bloque Botones de pago de la vista de lista.
3. En la barra de herramientas del bloque que aparece, haz clic en el botón «Cambiar justificación de los elementos».
4. Elige una de las siguientes opciones:
   • Justificar elementos a la izquierda: alinea todos los botones a la izquierda.
   • Justificar elementos al centro: alinea todos los botones al centro.
   • Justificar elementos a la derecha: alinea todos los botones a la derecha.
   • Espacio entre elementos: configura un espacio entre los botones uniforme dentro del bloque Botones de pago.
5. Haz clic en «Guardar» o «Publicar» en la parte superior derecha para guardar los cambios.

Elige un estilo predefinido para tu botón siguiendo estos pasos:

1. Haz clic en un botón individual del bloque Pagos.
2. En la barra lateral de ajustes del bloque, haz clic en la pestaña Estilos.
3. Elige entre Relleno y Contorno para personalizar el botón.
4. Haz clic en «Guardar» o «Publicar» en la parte superior derecha para guardar los cambios.

Para cambiar el tamaño de la fuente, el tipo de letra y las mayúsculas y minúsculas del texto del botón, sigue estos pasos:

1. Haz clic en un botón individual del bloque Botones de pago.
2. En la barra lateral de ajustes del bloque, haz clic en la pestaña Estilos.
3. Ve a la sección Tipografía.
4. Cambia el tamaño del texto del botón o haz clic en los tres puntos (⋮) para activar las opciones Fuente y Mayúsculas y minúsculas.
5. Haz clic en «Guardar» o «Publicar» en la parte superior derecha para guardar los cambios.

Consulta más información sobre los ajustes de tipografía.

Puedes añadir formatos como negrita y cursiva al texto que aparece en el botón de pago. Sigue estos pasos para aplicar formato:

1. Haz clic en un botón individual del bloque Pagos.
2. Selecciona una parte del texto o todo el texto del botón.
3. Aplica cualquiera de los siguientes estilos con la barra de herramientas del bloque que aparece:
   • Negrita
   • Cursiva
   • El icono Más incluye lo siguiente:
     • Resaltado: cambia el color del texto y el del fondo o solo el del texto. Utiliza estilos para cambiar el color del botón.
     • Código insertado
     • Imagen insertada
     • Estilo de entrada de teclado
     • Atributo de idioma
     • Tachado
     • Subíndice
     • Superíndice
4. Haz clic en «Guardar» o «Publicar» en la parte superior derecha para guardar los cambios.