← Comment ça marche 💶 Tarifs  ·  🌐 Sans site web  ·  Accueil
Guide d'installation

Où coller la ligne du chatbot ?

Une seule ligne à copier, une seule fois. Trouvez votre plateforme ci-dessous et suivez les étapes — comptez cinq minutes, sans aucune compétence technique.

⏱️ 5 minutes 🧩 Aucun module à installer ↩️ Réversible à tout moment

1 · La ligne à copier

Nous vous l'envoyons par email à la mise en service, avec l'adresse de votre restaurant déjà renseignée. Elle ressemble à ceci :

<script src="https://votre-restaurant.appliz.fr/widget.js"></script>
⚠️ Utilisez la ligne de votre email, pas celle affichée ci-dessus : votre-restaurant doit être remplacé par l'adresse propre à votre établissement (par exemple le-gourmet.appliz.fr). Sans cela, le chatbot ne s'affichera pas.

2 · Choisissez votre plateforme

Vous ne savez pas laquelle vous utilisez ? Votre webmaster ou la personne qui a créé votre site vous le dira en un instant — ou écrivez-nous, nous chercherons pour vous.

W WordPress Wix Wix Sq Squarespace Sh Shopify J Jimdo e·m e-monsite Wf Webflow G Google Sites </> Site sur mesure

W WordPress 3 minutes

La plateforme la plus répandue. Deux chemins possibles : par votre thème, ou par une extension. Nous conseillons l'extension, qui survit aux mises à jour du thème.

  1. Connectez-vous à votre tableau de bord, à l'adresse votre-site.fr/wp-admin
  2. Dans le menu de gauche, ouvrez Extensions → Ajouter
  3. Cherchez WPCode (anciennement « Insert Headers and Footers »), puis Installer et Activer
  4. Rendez-vous dans Code Snippets → En-tête & pied de page
  5. Collez votre ligne dans le champ Pied de page (« Footer »)
  6. Cliquez sur Enregistrer les modifications
Sans extension ? Allez dans Apparence → Éditeur de thème, ouvrez footer.php et collez la ligne juste avant </body>. Attention : cette modification sera effacée à la prochaine mise à jour de votre thème.
Tableau de bord Code Snippets En-tête & pied de page En-tête Pied de page ← ici <script src="https://votre- restaurant.appliz.fr/widget.js"> </script> Enregistrer
Le champ « Pied de page » de WPCode

Wix Wix 4 minutes

Wix passe par son gestionnaire de codes personnalisés. L'option se trouve dans les réglages du site, pas dans l'éditeur de pages.

  1. Ouvrez le tableau de bord de votre site (pas l'éditeur)
  2. Allez dans Paramètres → Avancé → Code personnalisé
  3. Cliquez sur + Ajouter du code
  4. Collez votre ligne dans le grand champ de texte
  5. Donnez-lui un nom, par exemple Chatbot Appliz
  6. Sous « Ajouter le code aux pages », choisissez Toutes les pages
  7. Sous « Emplacement », choisissez Corps – fin (« Body – end »)
  8. Appliquer, puis Publier votre site
Le code personnalisé exige un forfait payant Wix et un domaine connecté. Sur un site Wix gratuit, l'option n'apparaît pas — dites-le-nous, nous vous fournirons votre page de réservation hébergée à la place.
Paramètres · Code personnalisé Ajouter du code <script src="https://votre- restaurant.appliz.fr/widget.js"></script> Ajouter le code aux pages Toutes les pages Emplacement Corps – fin ▾ Appliquer
« Corps – fin » et « Toutes les pages »

Sq Squarespace 3 minutes

Squarespace propose une zone d'injection de code valable pour tout le site.

  1. Depuis votre tableau de bord, ouvrez Paramètres
  2. Descendez jusqu'à Avancé → Injection de code
  3. Repérez le second champ, intitulé Pied de page (« Footer »)
  4. Collez votre ligne à la fin du contenu déjà présent, s'il y en a
  5. Cliquez sur Enregistrer en haut à gauche
L'injection de code demande un forfait Business ou supérieur. Sur un forfait Personal, l'option est absente — écrivez-nous, nous avons une solution.
Avancé · Injection de code En-tête Pied de page ← ici <script src="https://votre-restaurant. appliz.fr/widget.js"></script> Enregistrer
Le champ « Pied de page » de l'injection de code

Sh Shopify 4 minutes

Sur Shopify, la ligne se place dans le fichier de mise en page du thème. Dupliquez votre thème avant toute modification, par précaution.

  1. Dans l'administration, allez dans Boutique en ligne → Thèmes
  2. Sur votre thème actif, ouvrez le menu ··· et choisissez Dupliquer (sécurité)
  3. Rouvrez le menu ··· puis Modifier le code
  4. Dans la colonne de gauche, ouvrez Layout → theme.liquid
  5. Descendez tout en bas et repérez la balise </body>
  6. Collez votre ligne juste avant cette balise
  7. Cliquez sur Enregistrer
Modifier le code Layout theme.liquid Templates Sections </main> <footer>…</footer> <script src="https://votre- restaurant.appliz.fr/widget.js"></script> </body> </html> Enregistrer
Juste avant la balise </body>

J Jimdo 4 minutes

Jimdo distingue ses deux générations d'éditeur. Vérifiez laquelle vous utilisez : si votre menu propose « Creator », suivez la première voie.

  1. Jimdo Creator : ouvrez Menu → Paramètres → Modifier le head
  2. Collez votre ligne dans le champ affiché, puis Enregistrer
  3. Jimdo Dolphin : l'insertion de code n'est pas proposée. Ajoutez plutôt un élément Widget / HTML sur votre page d'accueil et collez-y la ligne
  4. Publiez votre site
Sur Dolphin, le chatbot n'apparaîtra que sur la page où vous avez placé l'élément HTML. Pour l'avoir partout, répétez l'opération sur chaque page — ou confiez-nous l'installation.
Paramètres · Modifier le head Head personnalisé Insérez ici vos scripts externes <script src="https://votre-restaurant. appliz.fr/widget.js"></script> Enregistrer
Jimdo Creator : le champ « head »

e·m e-monsite 3 minutes

Plateforme française très utilisée par les petits commerces. Le code se place dans la configuration du site.

  1. Connectez-vous à votre administration
  2. Ouvrez Configuration → Paramètres du site
  3. Choisissez l'onglet Codes personnalisés (ou « Référencement / Codes »)
  4. Repérez le champ Code avant </body>
  5. Collez votre ligne, puis Valider
Si vous ne trouvez pas ce champ, cherchez « JavaScript » ou « Code HTML » dans la barre de recherche de votre administration : e-monsite déplace parfois l'option selon la version de votre offre.
Configuration · Codes personnalisés Codes perso. Référencement Général Code dans le <head> Code avant </body> ← ici <script src="https://votre-restaurant. appliz.fr/widget.js"></script> Valider
Le champ « Code avant </body> »

Wf Webflow 3 minutes

Webflow réunit ces réglages dans les paramètres du projet, onglet « Custom code ».

  1. Depuis votre tableau de bord, ouvrez Site settings (paramètres du site)
  2. Choisissez l'onglet Custom code
  3. Repérez la zone Footer code (« before </body> tag »)
  4. Collez votre ligne
  5. Save changes, puis Publish pour mettre en ligne
Le code personnalisé nécessite un plan payant (Basic ou supérieur). Et n'oubliez pas de republier : sans cette dernière étape, la modification reste invisible pour vos visiteurs.
Site settings · Custom code Head code Footer code — before </body> <script src="https://votre-restaurant. appliz.fr/widget.js"></script> Save changes Publish
« Footer code », puis Publish

G Google Sites Cas particulier

Google Sites n'autorise aucun script externe sur l'ensemble du site. C'est une limite de la plateforme, pas de notre chatbot.

  1. Dans l'éditeur, ouvrez le panneau Insertion à droite
  2. Choisissez Intégrer puis l'onglet Code d'intégration
  3. Collez votre ligne et validez
  4. Redimensionnez le bloc obtenu, puis Publiez
Le résultat reste limité : Google isole le code dans un cadre, si bien que la bulle ne peut pas flotter au-dessus de vos pages. Notre recommandation dans ce cas : utilisez votre page de réservation hébergée (votre-restaurant.appliz.fr) et placez-y un simple bouton « Réserver une table » depuis Google Sites. C'est plus fiable, et gratuit.
Votre page Google Sites Réserver une table votre-restaurant.appliz.fr
La solution recommandée : un bouton vers votre page hébergée

</> Site sur mesure (HTML) 2 minutes

Le cas le plus simple, si vous avez accès aux fichiers de votre site par FTP ou par un gestionnaire de fichiers.

  1. Ouvrez le fichier de votre page — le plus souvent index.html
  2. Descendez jusqu'à la fin du document
  3. Repérez la balise fermante </body>
  4. Collez votre ligne juste au-dessus
  5. Enregistrez et envoyez le fichier sur votre serveur
  6. Répétez sur chaque page où le chatbot doit apparaître
Site avec un gabarit commun ? Si vos pages partagent un pied de page inclus (PHP, include, template), une seule modification suffit à couvrir tout le site.
index.html <body> <h1>Le Gourmet</h1> <p>Notre carte…</p> <footer>…</footer> <script src="https://votre-restaurant. appliz.fr/widget.js"></script> </body> </html>
La ligne se place juste avant </body>

3 · Vérifiez que tout fonctionne

Quatre contrôles, dans cet ordre :

  1. Ouvrez votre site dans une fenêtre de navigation privée — cela évite les surprises dues au cache.
  2. La bulle du chatbot doit apparaître en bas à droite, aux couleurs de votre établissement.
  3. Cliquez dessus : le menu de conversation s'ouvre, avec le nom de votre restaurant.
  4. Faites une réservation d'essai, puis vérifiez qu'elle figure bien dans votre espace d'administration.

Tout est bon ? Vous avez terminé — supprimez simplement votre réservation d'essai depuis l'administration.

4 · Si quelque chose cloche

Les quatre situations que nous rencontrons le plus souvent, et leur solution.

La bulle n'apparaît pas du tout

Dans neuf cas sur dix, la page affichée est l'ancienne version, conservée en mémoire par le navigateur. Rechargez en profondeur avec Ctrl + F5 (ou Cmd + Maj + R sur Mac), ou ouvrez une fenêtre privée. Si rien ne change, vérifiez que la ligne a bien été enregistrée et, sur Wix ou Webflow, que vous avez republié le site.

La bulle apparaît sur une seule page

La ligne a été collée dans le contenu d'une page, et non dans le pied de page global du site. Retirez-la de cette page et placez-la dans la zone de code valable pour tout le site — c'est précisément ce que décrivent les étapes ci-dessus pour votre plateforme.

La bulle s'affiche mais reste vide ou grise

L'adresse de votre restaurant dans la ligne est probablement inexacte. Comparez-la caractère par caractère avec celle de notre email : un tiret manquant suffit. Vérifiez également qu'elle commence bien par https://.

Je ne trouve aucun champ où coller la ligne

Certaines plateformes réservent cette possibilité à leurs offres payantes (Wix, Squarespace, Webflow), et Google Sites ne la propose pas du tout. Écrivez-nous : selon les cas, nous installons le chatbot pour vous, ou nous vous fournissons votre page de réservation hébergée, qui ne demande aucune installation.

✉️ Demander de l'aide ← Revenir au parcours

Vous préférez ne pas y toucher ? Nous réalisons l'installation complète pour un forfait unique de 250 € HT — précisez-le simplement lors de votre souscription.