EN

Accueil / Installation

Installer Octeasy

Choisissez votre outil : vous ne verrez que ce qui le concerne, de la création de votre espace à la vérification.

Quel outil utilise votre site ?

Votre outil n'est pas dans la liste ? Toute plateforme qui accepte une ligne de code convient.

Installer Octeasy sur WordPress

L'extension Octeasy : collez la clé de votre site, c'est tout.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezInstallez l'extension Octeasy et activez-la. Elle est en cours de relecture pour le répertoire WordPress.org ; d'ici là, elle s'obtient sur demande.Dans l'administration : Réglages, puis Octeasy. Collez la clé du site, puis Enregistrer la clé.
  4. VérifiezLe bouton apparaît sur toutes les pages du site. L'écran de réglages indique l'état de l'installation.

Bon à savoir

  • Fonctionne aussi pour une boutique WooCommerce : c'est un site WordPress.
  • L'écran de réglages de l'extension est traduit dans 24 langues ; le panneau du widget existe en français et en anglais.
  • Désinstaller l'extension retire le bouton et efface la clé.
Demander l'extension

Installer Octeasy sur PrestaShop

Un module gratuit pour PrestaShop 8 et 9, qui ne demande que la clé.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezTéléchargez le module (fichier zip de 16 Ko), sans le décompresser.Dans l'administration de la boutique : Modules, puis Gestionnaire de modules, puis le bouton d'envoi de module en haut à droite. Déposez le fichier.Cliquez sur Configurer, collez la clé du site, puis Enregistrer la clé.
  4. VérifiezLe bouton apparaît sur toutes les pages de la boutique. La page du module indique l'état.

Bon à savoir

  • Testé sur PrestaShop 8.2 et 9.0.
  • Désinstaller le module retire le bouton et efface la clé.
Télécharger le module

Installer Octeasy sur Shopify

Une ligne à coller dans le thème de la boutique. Une app est en préparation.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezCopiez la ligne d'installation donnée dans votre espace, avec la clé de votre site.Dans Shopify : Boutique en ligne, puis Thèmes. Sur le thème publié, ouvrez le menu « … » puis Modifier le code.Ouvrez le fichier layout/theme.liquid et collez la ligne juste avant la balise </body>. Enregistrez.
  4. VérifiezOuvrez la boutique : le bouton apparaît sur toutes les pages.
<script src="https://octeasy.com/widget.js" data-site="ot_votrecle" async></script>

Exemple de ligne : votre espace vous donne la ligne exacte, avec votre clé.

Bon à savoir

  • Fonctionne avec le thème Dawn et ses dérivés, qui masquent les blocs vides : le bouton reste visible.
  • Si vous changez de thème, recollez la ligne dans le nouveau thème.

Installer Octeasy sur Wix

Une ligne à ajouter dans le code personnalisé du site. Une app est en préparation.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezCopiez la ligne d'installation donnée dans votre espace, avec la clé de votre site.Dans le tableau de bord du site : Paramètres, puis Code personnalisé, puis Ajouter du code personnalisé.Collez la ligne, choisissez « Toutes les pages » et l'emplacement « Corps - fin ». Appliquez.
  4. VérifiezPubliez le site si besoin, puis ouvrez-le : le bouton apparaît.
<script src="https://octeasy.com/widget.js" data-site="ot_votrecle" async></script>

Exemple de ligne : votre espace vous donne la ligne exacte, avec votre clé.

Bon à savoir

  • Chez Wix, le code personnalisé demande un site Premium relié à un nom de domaine.
  • Déclarez dans votre espace Octeasy l'adresse publique du site (votre domaine).

Installer Octeasy sur Webflow

Une ligne dans le code de pied de page du site. Une app est en préparation.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezCopiez la ligne d'installation donnée dans votre espace, avec la clé de votre site.Dans les réglages du site : Custom code, zone « Footer code » (avant la balise </body>).Collez la ligne, enregistrez, puis publiez le site.
  4. VérifiezOuvrez le site publié : le bouton apparaît sur toutes les pages.
<script src="https://octeasy.com/widget.js" data-site="ot_votrecle" async></script>

Exemple de ligne : votre espace vous donne la ligne exacte, avec votre clé.

Bon à savoir

  • Chez Webflow, le code personnalisé demande une formule de site payante.
  • Le code ne s'applique qu'après publication, pas dans le Designer.

Installer Octeasy sur Squarespace

Une ligne dans l'injection de code du site, en pied de page.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezCopiez la ligne d'installation donnée dans votre espace, avec la clé de votre site.Dans Squarespace : Paramètres, puis Développeur (ou Avancé), puis Injection de code.Collez la ligne dans la zone « Pied de page » et enregistrez.
  4. VérifiezOuvrez le site : le bouton apparaît sur toutes les pages.
<script src="https://octeasy.com/widget.js" data-site="ot_votrecle" async></script>

Exemple de ligne : votre espace vous donne la ligne exacte, avec votre clé.

Bon à savoir

  • L'injection de code n'existe pas dans la formule Squarespace la plus simple.

Installer Octeasy sur Joomla et Drupal

Une ligne dans le gabarit du site, ou via une extension de code personnalisé.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezCopiez la ligne d'installation donnée dans votre espace, avec la clé de votre site.Joomla : dans le gabarit (index.php du template), juste avant </body>, ou avec une extension d'ajout de code.Drupal : dans le gabarit html.html.twig du thème, juste avant </body>, ou avec un module d'ajout de code.
  4. VérifiezVidez le cache du site, puis ouvrez-le : le bouton apparaît.
<script src="https://octeasy.com/widget.js" data-site="ot_votrecle" async></script>

Exemple de ligne : votre espace vous donne la ligne exacte, avec votre clé.

Bon à savoir

  • Modifier un gabarit peut être écrasé par une mise à jour du thème : une extension d'ajout de code évite ce risque.

Installer Octeasy sur React et Next.js

La même ligne, dans le document HTML commun à toutes les pages.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezCopiez la ligne d'installation donnée dans votre espace, avec la clé de votre site.React (Vite, Create React App…) : collez la ligne dans index.html, juste avant </body>.Next.js : ajoutez la balise dans le layout racine (app/layout.tsx), à la fin du corps de page.
  4. VérifiezRechargez le site : le bouton apparaît, y compris après une navigation entre pages.
<script src="https://octeasy.com/widget.js" data-site="ot_votrecle" async></script>

Exemple de ligne : votre espace vous donne la ligne exacte, avec votre clé.

Bon à savoir

  • Si votre site a une politique de sécurité (CSP), ajoutez l'adresse d'Octeasy aux directives indiquées plus bas.

Installer Octeasy sur Site sur mesure

Partout où l'on peut ajouter une ligne au code des pages, le widget fonctionne.

  1. Créez votre espaceAvec votre adresse e-mail, sans mot de passe. Créer mon espace
  2. Ajoutez votre siteSon nom et son adresse : vous obtenez sa clé, qui commence par « ot_ ».
  3. InstallezCopiez la ligne d'installation donnée dans votre espace, avec la clé de votre site.Collez-la juste avant la balise </body>, sur toutes les pages (dans le gabarit commun si votre site en a un).
  4. VérifiezOuvrez une page : le bouton apparaît. Le panneau s'ouvre aussi au clavier avec Alt + Maj + A.
<script src="https://octeasy.com/widget.js" data-site="ot_votrecle" async></script>

Exemple de ligne : votre espace vous donne la ligne exacte, avec votre clé.

Bon à savoir

  • Votre site a une politique de sécurité (CSP) ? Les directives à ajouter sont plus bas.

Pour tous les outils

  • La clé est publique : elle se voit dans le code de vos pages et ne donne accès qu'aux réglages du widget.
  • Vos réglages s'appliquent en quelques minutes, sans réinstaller.
  • Si le service d'Octeasy ne répond pas, le widget s'affiche quand même avec ses réglages par défaut : vos visiteurs gardent toutes les fonctions.
  • Sur un domaine que vous n'avez pas déclaré, le widget affiche les réglages par défaut et la mention « Propulsé par Octeasy ».
  • Pour retirer le widget, supprimez la ligne ou désinstallez l'extension : rien d'autre n'est installé sur votre site.

Votre site a une politique de sécurité (CSP)

Ajoutez l'adresse d'Octeasy à ces directives. Le widget n'a besoin d'aucune autre origine, ni de 'unsafe-inline' : pas d'eval, pas de script ni de style en ligne, aucun cookie.

script-src https://octeasy.com
connect-src https://octeasy.com
style-src https://octeasy.com
font-src https://octeasy.com

Les marques citées appartiennent à leurs propriétaires : Octeasy n'est ni affilié ni approuvé par elles.