Cómo Añadir Esquinas Redondeadas Al Botón De Pago Dinámico Mediante Código CSS

El Botón de Pago Dinámico es una opción de pago rápido que permite a los clientes comprar productos directamente utilizando métodos de pago acelerados como:

• Shop Pay
• PayPal
• Google Pay
• Apple Pay

En lugar de seguir el flujo habitual del carrito, los clientes pueden completar su compra rápidamente con un solo clic.

En Shopify, el Botón de Pago Dinámico suele aparecer debajo del botón Añadir al carrito en las páginas de producto. Si desea obtener más información sobre el Botón de Pago Dinámico y cómo funciona en GemPages y Shopify, consulte este artículo:

¿Qué es un Botón de Pago Dinámico en Shopify?
Elemento Botón de Pago Dinámico

Este artículo te muestra cómo personalizar el botón de pago dinámico añadiéndole esquinas redondeadas mediante CSS personalizado.

Paso 1: Abra el área de Código Personalizado

• Abra el editor de páginas en GemPages.
• Haga clic en la sección que contiene el Botón de Pago Dinámico.
• Haga clic con el botón derecho sobre el elemento o el contenedor.
• Seleccione Código Personalizado.

Esto abre el editor de código personalizado.

Paso 2: Pegue el CSS personalizado

Pegue el siguiente código en el área de Código Personalizado:

.xxxxxxx .shopify-payment-button {

border-radius: 10px! important;

overflow: hidden;

}

Luego reemplace .xxxxxxx con la clase real de su elemento.

Paso 3: Guardar y publicar