# 🤖 Comment utiliser la fonction d'intégration ?

> Vue d'ensemble de toutes les manières d'intégrer les widgets de réservation Cowlendar sur votre boutique Shopify.

> **ℹ️ Info**
>
> Cela nécessite des connaissances techniques. Veuillez demander à un développeur de le faire pour vous.

Cowlendar peut fonctionner de 4 manières différentes sur votre site web !

Les 4 manières sont : Régulière, Lien direct, Widget intégré et Attribut d'élément.

> **ℹ️ Info**
>
> Des utilisateurs ont été connus pour mélanger ces différentes manières sur leur site web afin de créer l'expérience de réservation ultime ! Nous vous recommandons FORTEMENT de contacter un expert Shopify pour vous aider à perfectionner cette expérience.

**Voie régulière** : Par défaut, Cowlendar transformera votre bouton "ajouter au panier" de tout produit en bouton "réserver maintenant". Cela signifie que lorsque les gens cliquent sur **réserver maintenant**, cela déclenchera l'apparition du calendrier sur la page.

[→ 1️⃣ Créez votre premier service sur Cowlendar](https://help.cowlendar.com/fr/a/create-your-first-service-on-cowlendar.md)

**Fonctionnalité de lien direct** : Avec cette méthode, vous pouvez appliquer le lien direct à n'importe quel bouton de votre choix. Cliquer sur ce bouton déclenchera ensuite le calendrier Cowlendar n'importe où (dans votre en-tête par exemple ou via un e-mail), donc lorsque les clients cliqueront dessus, cela déclenchera automatiquement le calendrier.

[→ 🧙 Comment ajouter un service réservé dans leur menu ?](https://help.cowlendar.com/fr/a/how-to-add-a-bookable-service-in-their-menu.md)

**Fonctionnalité Widget intégré :** Ce morceau de code doit être placé dans une section **Custom Liquid** de votre éditeur de thème.

> **⚠️ Avertissement**
>
> Cela ne fonctionne qu'avec 1 variante donc ne l'utilisez pas si votre produit en a plusieurs.

[→ 🖥️ Comment utiliser la fonction Widget intégré ?](https://help.cowlendar.com/fr/a/how-to-use-the-inline-widget-feature.md)

**Fonctionnalité d'attribut d'élément :** Ce morceau de code vous permettra de changer le comportement de n'importe quel élément HTML. Veuillez l'utiliser à vos propres risques et uniquement si vous êtes un développeur. Mettez-le dans un div et cela fonctionnera.

[→ 👩‍💻 Comment utiliser la fonction Attribut d'élément ?](https://help.cowlendar.com/fr/a/how-to-use-the-element-attribute-feature.md)

```

<div data-cowlendar-btn="643ab6bc1000de7373a6a16b-44883814416694">Élément personnalisé</div>
```

**Liste des services (avancée et flexible) :** Cette intégration nouvelle et améliorée vous permet d'afficher une liste complète de vos services, ou juste des spécifiques, sur n'importe quelle page. Vous pouvez maintenant également créer plusieurs listes, vous donnant un contrôle et une flexibilité totale sur la manière dont les services apparaissent dans différentes parties de votre site web.

[→ 🔠 Comment lister mes services sur une page spécifique de mon site web](https://help.cowlendar.com/fr/a/how-do-i-list-my-services-on-a-specific-page-on-my-website.md)

> **⚠️ Avertissement**
>
> La fonctionnalité Liste des Services nécessite un plan payant : le plan Pro permet une liste de services, tandis que le plan Elite débloque des listes de services illimitées.

[→ 🆕 Comment créer une nouvelle liste de services pour des services spécifiques](https://help.cowlendar.com/fr/a/how-to-create-a-new-service-list-for-specific-services.md)