> For the complete documentation index, see [llms.txt](https://www.docs.shopiweb.fr/theme-premium/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.docs.shopiweb.fr/theme-premium/documentation/sections/barre-de-reduction.md).

# Barre de réduction

{% hint style="info" %}
Disponible depuis la version 1.6. Si vous avez une version antérieure, merci d'[effectuer la mise à jour](/theme-premium/informations/mises-a-jour/obtenir-la-mise-a-jour.md).
{% endhint %}

<figure><img src="/files/8q014P0sfZll3XshyXYp" alt="Capture d&#x27;écran de la section BARRE DE RÉDUCTION depuis la boutique de démonstration demo.shopiweb.fr"><figcaption><p>La section BARRE DE RÉDUCTION</p></figcaption></figure>

{% hint style="success" %}
**AVANT DE COMMENCER :** Assurez-vous d'avoir une licence active installée sur votre boutique Shopify®. Si ce n'est pas le cas, commandez une licence SHOPIWEB PREMIUM en passant par ce lien.
{% endhint %}

### COMMENT AJOUTER LA SECTION

<figure><img src="/files/TUhZwIhhsGwraPILtYMC" alt="Capture d&#x27;écran de l&#x27;interface de personnalisation du thème SHOPIWEB PREMIUM, depuis laquelle l&#x27;utilisateur ajoute une section BARRE DE RÉDUCTION"><figcaption><p>Ajouter la section BARRE DE RÉDUCTION depuis l'interface de personnalisation du thème SHOPIWEB PREMIUM</p></figcaption></figure>

* Depuis la personnalisation du thème, cliquez sur SECTIONS > AJOUTER UNE SECTION > BARRE DE RÉDUCTION. Il est possible d’ajouter cette section sur la page de votre choix, y compris sur un modèle de page produit.

### COMMENT PERSONNALISER LA SECTION

* Une fois la section ajoutée, sélectionnez-la pour voir apparaître les options de personnalisation dans la colonne à droite de votre écran.
* Sélectionnez le TYPE D'ARRIÈRE PLAN souhaité (Couleur prédéfinie, dégradé personnalisé)
* Choisissez la COULEUR D'ARRIÈRE PLAN (les couleurs dépendent de celles que vous avez ajoutés depuis vos paramètres de thème).
* Sélectionnez l'EFFET D'ANIMATION et la VITESSE D'ANIMATION.
* Terminez les réglages de la section par les espacements. Les PADDINGS permettent d'ajouter de l'espace à l'intérieur de la section. Les MARGES permettent d'ajouter de l'espace à l'extérieur de la section.

Les réglages de la section sont terminés. Maintenant, ajoutez les blocs Titre, Texte et Réduction.

* Depuis la colonne de gauche, sélectionnez la section BARRE DE RÉDUCTION puis cliquez sur AJOUTER UN BLOC > TITRE.
* Une fois le titre ajouté, personnalisez si nécessaire, réglez la balise titre SEO (nous vous recommandons de mettre un h3) ainsi que la taille du titre.
* Recommencez l'opération pour le bloc TEXTE et RÉDUCTION.
* Une fois les blocs ajoutés et personnalisés, cliquez sur ENREGISTRER.

{% hint style="danger" %}
**ATTENTION :** l'ajout de la section BARRE DE RÉDUCTION ne rend pas votre code promo actif sur Shopify®. Une fois votre section ajouté et personnalisé, pensez à [créer votre réduction depuis votre interface Shopify®](https://help.shopify.com/fr/manual/discounts/discount-types).
{% endhint %}

### L'ASTUCE

La section BARRE DE RÉDUCTION améliore l'expérience utilisateur de votre boutique e-commerce. Il suffit à l'utilisateur de cliquer sur le bouton pour copier le code. <mark style="background-color:yellow;">Réduire les efforts des prospects les aide à acheter</mark>. Cette section est idéale en bas de page car offrir une remise aux personnes prêtes à quitter votre boutique peut les inciter à acheter.

### LA VIDÉO

{% embed url="<https://youtu.be/_U4NKkGoqxA>" %}
