> ## Documentation Index
> Fetch the complete documentation index at: https://docs.eat-now.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Partager et intégrer

> Votre lien de réservation, les liens prêts pour chaque réseau social, le widget pour votre site (intégré ou flottant), le suivi des sources et le QR code.

Tout ce qu'il faut pour envoyer vos clients vers votre portail de réservation se trouve dans un encadré en haut de **Paramètres > Portail de réservation > Général**, intitulé **Liens vers le portail de réservation**. Il est ouvert par défaut ; cliquez sur son titre pour le replier.

Rien n'est à enregistrer dans cet encadré : chaque lien et chaque code est généré pour vous, il suffit de copier ce dont vous avez besoin. Les champs ont une icône de copie à droite (elle devient une coche verte une fois copié) ; les codes ont un lien **Copier** qui passe à **Copié**.

<Note>
  L'onglet **Général** n'apparaît que pour les restaurants qui ont la réservation de tables activée.
</Note>

## Lien principal

Le **Lien principal** est l'adresse de votre portail de réservation :

```
https://book.eat-now.io/votre-restaurant
```

La dernière partie est le **Slug** de votre restaurant. Utilisez ce lien partout où vous voulez faire réserver : fiche Google Business, signature d'e-mail, réponse WhatsApp, bouton « Réserver » de votre site.

<Warning>
  Le lien est construit à partir du **Slug** défini dans **Paramètres > Restaurant**. Si vous modifiez le slug, l'application vous demande de confirmer (**Changement de nom**), puis tous les liens, codes de widget et QR codes de cette page changent avec lui. Les liens déjà partagés et les QR codes déjà imprimés gardent l'ancienne adresse : remplacez-les.
</Warning>

## Liens pour réseaux sociaux

Sous **Liens pour réseaux sociaux**, six variantes de votre lien principal sont prêtes à copier, une par réseau, reconnaissables à leur icône. Chacune ajoute une courte étiquette à l'adresse :

| Réseau | Le lien se termine par | Source enregistrée sur la réservation |
| - | - | - |
| Facebook | `?s=fb` | Facebook |
| Instagram | `?s=ig` | Instagram |
| WhatsApp | `?s=wa` | WhatsApp |
| TikTok | `?s=tt` | TikTok |
| TripAdvisor | `?s=ta` | TripAdvisor |
| Snapchat | `?s=sc` | Snapchat |

Pour le client, le portail est exactement le même. La différence est de votre côté : une réservation faite via l'un de ces liens est enregistrée avec ce réseau comme **source**. Vous la voyez sur la réservation (avec l'icône du réseau) et dans le rapport **Mes clients > Par source**. Un client qui tape simplement l'adresse de votre portail est enregistré comme *Site internet*.

Collez chaque lien au bon endroit : celui d'Instagram dans votre bio, celui de Facebook sur le bouton de votre page, celui de WhatsApp dans votre profil professionnel ou vos réponses rapides, celui de TripAdvisor comme lien de site web sur votre fiche.

<Note>
  Ces liens courts ne renseignent que la **source** de la réservation. Ce ne sont pas les liens de campagne décrits dans [Tracking des sources](/fr/marketing/source-tracking) :

  * l'étiquette n'est lue que pendant cette visite. Elle n'est pas mémorisée si le client part et revient réserver plus tard, alors qu'un lien tracké (`?utm_source=…`) est mémorisé 30 jours ;
  * ils ne portent ni medium ni nom de campagne.

  Pour mesurer une publication, une pub ou une campagne précise, créez plutôt un lien tracké avec **Mes clients > Par campagne > Lien de tracking**.
</Note>

<Tip>
  Utilisez ces liens **tels quels**, vers votre portail. N'ajoutez pas `?s=ig` à l'adresse de votre propre site : les widgets ci-dessous l'ignorent. Sur votre site, utilisez un lien tracké (`votresite.com/?utm_source=instagram`).
</Tip>

## Mettre le portail sur votre site

Deux intégrations sont possibles. Choisissez-en une.

| | **Widget** (intégré) | **Widget flottant** |
| - | - | - |
| Ce que voit le client | La page de réservation complète, dans une page de votre site | Un bouton de réservation dans un coin en bas de chaque page ; un clic ouvre la page de réservation dans un panneau |
| Où le coller | Dans la page où le formulaire doit apparaître | Une seule fois, sur toutes les pages du site (code global) |
| Suivi des sources depuis votre site | Nécessite en plus le script **Suivi des sources pour le widget** | Inclus |
| Personnalisation | Aucune | Coin et texte du bouton |

### Widget

Le code **Widget** intègre votre portail dans une page de votre site, en général une page « Réserver une table ». Il ressemble à ceci :

```html theme={null}
<div class="eatnow-widget">
  <iframe src="https://book.eat-now.io/votre-restaurant?widget=true" width="100%" style="height:100vh;border:0" title="Réservation" loading="lazy"></iframe>
  <p style="text-align:center;margin-top:8px;font-size:13px;color:#667085">
    Réservations propulsées par <a href="https://eat-now.io" target="_blank" rel="noopener" style="color:#475467;font-weight:600;text-decoration:none">EatNow</a>
  </p>
</div>
```

Copiez-le depuis l'application plutôt que depuis cette page : il contient déjà votre adresse. Collez-le dans un bloc HTML ou « code intégré » de votre outil de création de site.

* Le cadre prend toute la hauteur de l'écran (`height:100vh`). Vous pouvez modifier cette valeur si elle ne convient pas à votre mise en page.
* Comme le portail est affiché dans votre site, le lien **Site web** disparaît de l'en-tête du portail, et les liens **Privatisation** et **Activités** s'ouvrent dans un nouvel onglet pour que le client ne reste pas coincé dans le cadre. Voir [Liens de l'en-tête](/fr/portal/header-links).

### Suivi des sources pour le widget

Un cadre intégré ne peut pas voir l'adresse de votre page. Si un visiteur arrive sur `votresite.com/?utm_source=instagram` puis réserve dans le widget, cette source est perdue, sauf si vous ajoutez aussi le script **Suivi des sources pour le widget** :

```html theme={null}
<script src="https://book.eat-now.io/tracker.js" async></script>
```

Ajoutez-le sur **toutes les pages** de votre site, pas seulement la page de réservation : le visiteur peut arriver sur votre page d'accueil et réserver plus tard. Sur Wix, collez-le dans *Settings > Custom Code* avec *All pages*, et non dans un bloc « Embed HTML ».

Inutile avec le widget flottant, qui fait déjà ce travail. La façon dont les sources sont ensuite enregistrées et présentées est expliquée dans [Tracking des sources](/fr/marketing/source-tracking).

### Widget flottant

Le **Widget flottant** ajoute un bouton de réservation dans un coin en bas de votre site. Au clic, un panneau s'ouvre avec votre page de réservation. Vos visiteurs réservent sans quitter la page où ils se trouvent.

Avant de copier le code, choisissez :

| Réglage | Options | Par défaut |
| - | - | - |
| **Position** | **En bas à droite** ou **En bas à gauche** | **En bas à droite** |
| **Libellé du bouton** | Le texte de votre choix, par exemple *Réservez maintenant* | Vide : le bouton affiche *Réserver une table*, traduit dans la langue de votre site (français, anglais, allemand, espagnol, italien ou portugais ; français si la langue n'est pas détectée) |

Le code se met à jour à chaque changement. Par exemple :

```html theme={null}
<script src="https://book.eat-now.io/embed.js" data-eatnow="votre-restaurant" data-color="#EB5E0B" data-position="bottom-right" data-label="Réservez maintenant" async></script>
```

Collez-le une seule fois dans la zone de code global de votre outil de création de site, pour qu'il s'exécute sur toutes les pages.

Ce que vos visiteurs obtiennent :

* Le bouton reprend la **couleur principale** de votre portail (réglée dans [Design](/fr/portal/design)), avec un texte noir ou blanc selon ce qui se lit le mieux.
* Sur ordinateur, le panneau s'ouvre dans le coin ; sur téléphone, il prend tout l'écran. Il se ferme avec la croix, en cliquant à côté ou avec la touche Échap.
* Le panneau ne se ferme jamais tout seul après une réservation : le client voit toujours sa confirmation. La page de confirmation affiche un bouton **Fermer** qui ferme le panneau et le ramène sur votre site. Ce bouton n'apparaît que dans le widget flottant, pas dans le **Widget** intégré.
* La page de réservation ne se charge qu'au premier clic : le bouton ne ralentit pas votre site.
* Une ligne *Réservations propulsées par EatNow* figure en bas du panneau.
* Les liens trackés qui pointent vers votre site (`?utm_source=…`) sont mémorisés 30 jours et transmis automatiquement à la réservation.

<Tip>
  **Position** et **Libellé du bouton** ne sont pas enregistrés : ils servent seulement à fabriquer le code que vous copiez. La couleur est elle aussi figée dans le code au moment de la copie. Si vous changez ensuite votre couleur principale dans **Design**, recopiez le code et remplacez-le sur votre site.
</Tip>

## QR Code

**Télécharger le QR code** enregistre une image PNG au nom de votre restaurant (par exemple `Le Bistrot-qr-code.png`). Il ouvre votre **Lien principal**, sans étiquette de source.

Imprimez-le sur vos chevalets de table, flyers, notes ou votre vitrine.

<Tip>
  Ce QR code ne porte aucune étiquette de source : les réservations faites après l'avoir scanné sont enregistrées comme *Site internet*. Pour mesurer une campagne de flyers, créez un lien tracké (par exemple avec `utm_medium=qr_code`) via **Mes clients > Par campagne > Lien de tracking**, puis transformez ce lien en QR code avec l'outil de votre choix.
</Tip>

## Pages liées

<CardGroup cols={2}>
  <Card title="Tracking des sources" icon="chart-line" href="/fr/marketing/source-tracking">
    Les liens trackés, le rapport par campagne, et comment les réservations venues de votre site sont attribuées.
  </Card>

  <Card title="Liens de l'en-tête" icon="link" href="/fr/portal/header-links">
    **Paramètres > Portail de réservation > Liens** : les liens affichés en haut de votre portail.
  </Card>
</CardGroup>