---
title: "Étapes du paiement : la livraison, le règlement et la confirmation dans l'éditeur"
description: "Personnalisez le choix de livraison, le paiement de la commande et la confirmation de commande dans l'éditeur."
url: https://docs.vivlab.com/sections/themes-checkout
---
# Étapes du paiement
Le paiement de votre boutique compte trois étapes : **Choix de livraison**, **Paiement de la commande** et **Confirmation de commande**. Chacune se personnalise dans l'éditeur, avec les mêmes outils que vos pages et un panier d'exemple tiré de votre catalogue. Tant qu'une étape n'est pas publiée, vos clients voient le paiement d'origine pour cette étape.
## Que voulez-vous faire ?
- [Ouvrir une étape du paiement](#ouvrir-une-etape-du-paiement)
- [Changer la disposition d'une étape](#changer-la-disposition-d-une-etape)
- [Ajouter un message rassurant](#ajouter-un-message-rassurant)
- [Personnaliser le message de remerciement](#personnaliser-le-message-de-remerciement)
- [Régler les moyens de paiement](#regler-les-moyens-de-paiement)
- [Publier une étape](#publier)
- Plus de situations : [Paiement, taxes et factures, cas pratiques](https://docs.vivlab.com/guides/payments.md)
## Ouvrir une étape du paiement
Ouvrez la page [Thèmes](https://docs.vivlab.com/sections/branding.md), onglet **Paiement** (présent quand votre site a une boutique), puis cliquez sur **Choix de livraison**, **Paiement de la commande** ou **Confirmation de commande**. Dans la barre de l'éditeur, le menu au nom de l'étape ouverte (liste **Paiement**) passe d'une étape à l'autre ; **Ordinateur** et **Mobile** basculent l'affichage. À la première ouverture, chaque étape reprend la structure du paiement d'origine.
## Changer la disposition d'une étape
1. Cliquez sur le fond de la page : le panneau de l'étape s'ouvre (**Paiement : livraison**, **Paiement : règlement** ou **Paiement : confirmation**).
2. Dans **Modèles**, cliquez sur **Changer**, puis choisissez une disposition : **Deux colonnes**, **Panneau récapitulatif**, **Formulaire d'abord**, **Une colonne** ou **Encadré** pour la livraison et le règlement ; **Centré**, **Panneau des articles**, **Divisé** ou **Carte** pour la confirmation.
3. Confirmez avec **Remplacer**.
Le modèle remplace toutes les sections de l'étape, mais garde les textes que vous avez tapés sur les éléments ; ce changement peut être annulé. **Réinitialiser la mise en page** revient à la disposition d'origine.
## Ajouter un message rassurant {#ajouter-un-message-rassurant}
Sur l'étape **Choix de livraison** ou **Paiement de la commande**, ajoutez un bloc classique (texte, image, bouton...), par exemple sous le récapitulatif, écrivez votre message (ex. « Retours gratuits sous 30 jours ») et publiez l'étape.
Sur le paiement, l'élément **Formulaire de paiement** a aussi un **Texte sous le bouton de paiement**, réglé dans son panneau.
## Personnaliser le message de remerciement
Sur l'étape **Confirmation de commande**, le sur-titre, le titre et le message du remerciement sont des blocs de texte classiques, écrits dans la langue de votre tableau de bord : modifiez-les comme tout texte, ils sont traduits pour vos visiteurs comme le reste de votre site.
Sélectionnez **Numéro de commande** ou **Continuer les achats** pour modifier leurs textes dans la section **Textes** de leur panneau : libellé du numéro de commande, texte du lien. Vous pouvez aussi cliquer de nouveau sur l'élément sélectionné et taper directement sur la page. Ces deux textes sont des réglages de la boutique : ils s'appliquent aussitôt, sans attendre la publication, et ne s'annulent pas avec les modifications de la page. Vides, ils gardent le texte par défaut, traduit dans la langue du visiteur.
## Régler les moyens de paiement
Sélectionnez le **Formulaire de paiement** : sa section **Paiement** règle la **Disposition** des moyens de paiement (**Onglets** ou **Accordéon**), ouvre **Gérer les moyens de paiement** pour choisir ceux proposés, et contient le **Texte sous le bouton de paiement**. Les moyens de paiement activés s'appliquent tout de suite à votre boutique, pas à la publication de l'étape.
## Publier une étape {#publier}
Cliquez sur **Publier la mise en page**, contrôlez l'aperçu ordinateur et mobile, puis confirmez. L'élément principal de l'étape doit figurer sur les deux affichages : **Modes de livraison**, **Formulaire de paiement** ou **Numéro de commande**.
Dès qu'une étape contient son propre en-tête, elle doit aussi garder un moyen de revenir à la boutique : le **Logo** (ou **Continuer les achats** sur la confirmation). Si la mise en page déjà en ligne perd l'un de ces éléments, l'éditeur vous prévient qu'elle peut bloquer vos clients : ajoutez l'élément manquant, signalé par le badge **À ajouter** dans **Éléments**, puis publiez à nouveau.
## Les éléments de chaque étape {#les-elements}
Le bouton **Éléments** propose ceux de l'étape ouverte (ils affichent le panier ou la commande payée) :
- **Choix de livraison** : **Récapitulatif** (articles, code promo, sous-total, livraison, total), **Modes de livraison** (choix de la livraison, point relais, créneau ou précision demandée, puis bouton vers le paiement).
- **Paiement de la commande** : **Récapitulatif**, **Formulaire de paiement** (contact, adresses et paiement, avec le bouton pour payer).
- **Confirmation de commande** : **Numéro de commande**, **Suivi de livraison** (masqué pour une commande sans livraison), **Articles commandés**, **Continuer les achats**.
Chaque étape commence par l'en-tête du paiement, modifiable : **Logo**, **Étapes du paiement** (l'étape en cours mise en avant) et **Espace client** (avec les espaces membres). Si une étape publiée n'en contient aucun, vos clients voient l'en-tête d'origine.
## Bon à savoir
Modes de livraison, prix et précisions se règlent dans [Livraisons](https://docs.vivlab.com/sections/shippings.md), les moyens de paiement dans [Paiement](https://docs.vivlab.com/sections/payments-settings.md). La page de connexion et l'espace client se personnalisent dans [Connexion et espace client](https://docs.vivlab.com/sections/themes-accounts.md).