> For the complete documentation index, see [llms.txt](https://help.sesami.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sesami.co/fr/apps-integrations/shopify/online-store/embed-on-custom-pages.md).

# Intégrer sur des pages personnalisées

Par défaut, Sesami fonctionne sur la page produit. Vous pouvez également intégrer l’expérience de réservation Sesami sur d’autres pages — comme la page d’accueil, la page de contact, une page d’atterrissage, un localisateur de magasins ou toute page personnalisée.

## Utiliser le configurateur d’expérience Sesami

Le moyen le plus rapide de créer un widget de réservation intégrable est le **Configurateur d’expérience Sesami**:

1. Accédez au configurateur : [sesami.dev/docs/sesami-experience/configurator](https://sesami.dev/docs/sesami-experience/configurator/)
2. Configurez vos paramètres :
   * ID de boutique et ID de service
   * Emplacement et variante
   * Version de l’expérience (Classique ou V2)
   * Style du bouton (couleurs, taille, texte)
   * Comportement du calendrier et affichage des disponibilités
3. Le configurateur génère un `<sesami-experience>` extrait HTML
4. Copiez l’extrait et collez-le partout où vous souhaitez que le bouton de réservation apparaisse

### Avec la réservation instantanée Sesami

Si le service utilise la réservation instantanée Sesami, il vous suffit de coller l’extrait généré — l’ensemble du parcours de réservation se déroule dans le widget Sesami, sans besoin de paiement Shopify.

### Avec le paiement Shopify

Si le service utilise le paiement Shopify (ajout au panier), vous devrez intégrer l’extrait au flux de panier et de paiement de votre thème. Cela comprend :

* Relier l’action d’ajout au panier à votre thème Shopify
* Veiller à ce que le flux de paiement fonctionne correctement avec les données de réservation

Pour cette configuration, consultez le guide d’intégration complet dans les [Docs développeur Sesami](https://sesami.dev) ou faites appel à un développeur.

## Emplacements courants

* **Page d’accueil** — un bouton « Réserver maintenant » dans la section hero
* **Page de contact** — permettez aux visiteurs de réserver directement
* **Pages d’atterrissage** — pages de réservation dédiées aux campagnes
* **Localisateurs de magasins** — intégrez la réservation à côté des listes d’emplacements
* **Pied de page** — un lien de réservation permanent sur toutes les pages

## Besoin d’aide ?

* **Documentation pour les développeurs**: [sesami.dev](https://sesami.dev)
* **Assistance Sesami**: <help@sesami.co>
* **Services professionnels**: [Services professionnels](/fr/commencer/onboarding/professional-services.md)

## Associé

* [Installation manuelle](/fr/apps-integrations/shopify/online-store/manual-install.md) — intégration personnalisée du thème
* [Réservation instantanée](/fr/reservation/booking-features/instant-booking.md) — réservation sans paiement Shopify


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.sesami.co/fr/apps-integrations/shopify/online-store/embed-on-custom-pages.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.