### [Personnalisation du champ PayPal Commerce](https://wpforms.com/docs/customizing-the-paypal-commerce-field/)

**Date de publication :** 23 février 2024
**Auteur :** Équipe éditoriale

**Extrait :** Découvrez comment personnaliser le champ PayPal Commerce.

**Contenu :**

PayPal Commerce est une fonctionnalité Pro

 Débloquez PayPal Commerce et d'autres fonctionnalités puissantes pour développer votre activité.

 [ Obtenir WPForms Pro ](https://wpforms.com/pricing/) 

Vous souhaitez adapter le champ PayPal Commerce au style de votre site ? Ce guide explore les options de personnalisation disponibles pour l'extension WPForms PayPal Commerce, du réglage de la taille des champs et des boutons à la modification des couleurs.

Ce tutoriel vous montrera comment personnaliser le champ PayPal Commerce dans WPForms.

**Prérequis** : pour utiliser l'extension PayPal Commerce pour WPForms, vous aurez besoin :

- d'une [licence Pro ou supérieure](https://wpforms.com/pricing/ « Page des tarifs de WPForms »)
- d'un [compte PayPal Business](https://www.paypal.com/us/business « PayPal Business »)
- Installer la dernière version de WPForms afin de respecter la [version minimale requise](https://wpforms.com/docs/why-you-should-always-use-the-latest-version-of-wpforms/#version-requirements) pour l'extension PayPal Commerce
- [Configurer un formulaire avec l'intégration PayPal Commerce](https://wpforms.com/docs/paypal-commerce-addon/)

---

Avant de commencer, vous devez d'abord vous assurer que WPForms est [installé et activé](https://wpforms.com/docs/install-wpforms-plugin/ « Comment installer le plugin WPForms ») sur votre site WordPress. Une fois que vous avez [vérifié votre licence](https://wpforms.com/docs/verify-wpforms-license/ « Comment vérifier votre licence WPForms »), vous pouvez [installer et activer l'extension PayPal Commerce](https://wpforms.com/docs/install-activate-wpforms-addons/ « Comment installer et activer les extensions WPForms »).

**Remarque :** veillez à désactiver l'[extension PayPal Standard](https://wpforms.com/docs/install-use-paypal-addon-wpforms/) si vous l'avez installée. Les deux extensions PayPal ne peuvent pas être utilisées simultanément.

### Personnalisation du champ PayPal Commerce

Plusieurs options sont disponibles pour configurer l'apparence de vos formulaires de paiement. Pour accéder à ces options dans le générateur de formulaires, sélectionnez le champ **PayPal Commerce** et rendez-vous dans **Options du champ » Avancé**.

![Personnalisation du champ PayPal Commerce](https://wpforms.com/wp-content/uploads/2022/08/paypal-commerce-advanced-options.png)

Les options de personnalisation disponibles sont les suivantes :

- [Taille du champ](#field-size)
- [Taille du bouton](#button-size)
- [Forme du bouton](#button-shape)
- [Couleur du bouton](#button-color)

**Remarque :** Le champ **PayPal Commerce** et le bouton **PayPal** inclus peuvent être modifiés pour mieux s'adapter à l'apparence de votre site.

Toutefois, si vous souhaitez personnaliser davantage votre formulaire, vous pouvez [le personnaliser à l'aide de CSS](https://wpforms.com/docs/how-to-style-wpforms-with-custom-css-beginners-guide/).

#### Taille des champs

L'option Taille du champ vous permet de définir la largeur relative des champs inclus dans le champ **PayPal Commerce**. Vous pouvez choisir entre les tailles **Petit**, **Moyen** et **Grand**, la taille **Grand** occupant toute la largeur disponible de votre formulaire.

Sélectionnez une valeur dans la liste déroulante **Taille du champ** pour choisir la taille que vous souhaitez utiliser.

![Choix de la taille du champ](https://wpforms.com/wp-content/uploads/2022/08/paypal-commerce-field-size.png)

#### Taille du bouton

Cette option définit la taille du bouton **PayPal** affiché lorsque PayPal Credit est sélectionné comme mode de paiement ou lorsque les paiements récurrents sont activés.

Outre les options **Petit**, **Moyen** et **Grand**, il existe une option **Adaptatif**, qui redimensionne le bouton en fonction de la taille de l'écran de l'appareil.

![Choisissez une taille de bouton](https://wpforms.com/wp-content/uploads/2022/08/paypal-commerce-button-size.png)

#### Forme du bouton

Cette option vous permet de choisir entre une forme **Pilule** ou **Rectangle** pour le bouton **PayPal**.

![Sélectionnez une forme de bouton](https://wpforms.com/wp-content/uploads/2022/08/paypal-commerce-button-shape.png)

#### Couleur du bouton

Si vous souhaitez modifier la couleur du bouton **PayPal**, plusieurs styles sont disponibles. Pour afficher les styles disponibles et sélectionner celui que vous préférez, cliquez sur la liste déroulante **Couleur du bouton**.

![Choisissez une couleur pour le bouton](https://wpforms.com/wp-content/uploads/2022/08/paypal-commerce-button-color-1.png)

Le style de bouton sélectionné est visible dans le générateur de formulaire et dans l'aperçu du formulaire.

![Le bouton PayPal Commerce recoloré en argent](https://wpforms.com/wp-content/uploads/2022/08/paypal-commerce-button-colorized.png)

Et voilà ! Vous savez désormais comment personnaliser le champ PayPal Commerce avec WPForms.

Vous souhaitez ensuite découvrir comment ajouter encore plus de styles à vos formulaires ? N'hésitez pas à consulter notre tutoriel sur la [personnalisation de vos formulaires](https://wpforms.com/docs/styling-your-forms/) pour plus de détails.

**Catégories :** Champs, Formulaires de paiement

---