# 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>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://www.docs.shopiweb.fr/theme-premium/documentation/sections/barre-de-reduction.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.