Comment ajouter des coins arrondis au bouton de paiement dynamique à l'aide du code CSS

Le Bouton de paiement dynamique est une option de paiement rapide qui permet aux clients d'acheter des produits directement en utilisant des méthodes de paiement accélérées telles que :

• Boutique Pay
• PayPal
• Google Pay
• Apple Pay

Au lieu de suivre le parcours d'achat habituel, les clients peuvent finaliser leur achat rapidement en un seul clic.

Sur Shopify, le bouton de paiement dynamique apparaît généralement sous le bouton « Ajouter au panier » sur les pages produits. Si vous souhaitez en savoir plus sur le bouton de paiement dynamique et son fonctionnement dans GemPages et Shopify, consultez cet article :

Qu'est-ce qu'un bouton de paiement dynamique dans Shopify ?
Élément de bouton de paiement dynamique

Cet article vous montre comment personnaliser le bouton de paiement dynamique en ajoutant des coins arrondis à l'aide de CSS personnalisé.

Étape 1 : Ouvrez la zone de code personnalisé

• Ouvrez l'éditeur de page dans GemPages.
• Cliquez sur la section contenant le bouton de paiement dynamique.
• Cliquez avec le bouton droit sur l'élément ou le conteneur.
• Sélectionner Code personnalisé.

Cela ouvre l'éditeur de code personnalisé.

Étape 2 : Coller le CSS personnalisé

Collez le code suivant dans la zone Code personnalisé :

.xxxxxxx .shopify-payment-button {

border-radius: 10px! important;

débordement caché;

}

Ensuite, remplacez .xxxxxxx avec votre classe d'élément réelle.

Étape 3 : Enregistrer et publier