FR

Home / Installation

Install Octeasy

Pick your platform: you will only see what applies to it, from creating your account to checking it works.

Which platform does your site use?

Your platform is not listed? Any platform that accepts a line of code will do.

Install Octeasy on WordPress

The Octeasy plugin: paste your site key, that's all.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallInstall the Octeasy plugin and activate it. It is being reviewed for the WordPress.org directory; until then, it is available on request.In the dashboard: Settings, then Octeasy. Paste the site key, then Save key.
  4. Check it worksThe button appears on every page of the site. The settings screen shows the installation status.

Good to know

  • Also works for a WooCommerce shop: it is a WordPress site.
  • The plugin settings screen is translated into 24 languages; the widget panel is available in French and English.
  • Uninstalling the plugin removes the button and deletes the key.
Request the plugin

Install Octeasy on PrestaShop

A free module for PrestaShop 8 and 9 that only needs your key.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallDownload the module (a 16 KB zip file), without unzipping it.In your shop's back office: Modules, then Module Manager, then the module upload button at the top right. Drop the file in.Click Configure, paste the site key, then Save key.
  4. Check it worksThe button appears on every page of the shop. The module page shows the status.

Good to know

  • Tested on PrestaShop 8.2 and 9.0.
  • Uninstalling the module removes the button and deletes the key.
Download the module

Install Octeasy on Shopify

One line to paste into the shop theme. An app is in the works.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallCopy the installation line from your customer area, with your site key.In Shopify: Online Store, then Themes. On the published theme, open the "…" menu, then Edit code.Open layout/theme.liquid and paste the line just before the </body> tag. Save.
  4. Check it worksOpen the shop: the button appears on every page.
<script src="https://octeasy.com/widget.js" data-site="ot_yourkey" async></script>

Example only: your customer area gives you the exact line, with your key.

Good to know

  • Works with the Dawn theme and its variants, which hide empty blocks: the button stays visible.
  • If you switch themes, paste the line again into the new theme.

Install Octeasy on Wix

One line to add in the site's Custom Code. An app is in the works.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallCopy the installation line from your customer area, with your site key.In the site dashboard: Settings, then Custom Code, then Add Custom Code.Paste the line, choose "All pages" and the "Body - end" placement. Apply.
  4. Check it worksPublish the site if needed, then open it: the button appears.
<script src="https://octeasy.com/widget.js" data-site="ot_yourkey" async></script>

Example only: your customer area gives you the exact line, with your key.

Good to know

  • On Wix, Custom Code requires a Premium site connected to a domain.
  • Declare the site's public address (your domain) in your Octeasy customer area.

Install Octeasy on Webflow

One line in the site's footer code. An app is in the works.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallCopy the installation line from your customer area, with your site key.In Site settings: Custom code, "Footer code" area (before the </body> tag).Paste the line, save, then publish the site.
  4. Check it worksOpen the published site: the button appears on every page.
<script src="https://octeasy.com/widget.js" data-site="ot_yourkey" async></script>

Example only: your customer area gives you the exact line, with your key.

Good to know

  • On Webflow, custom code requires a paid site plan.
  • The code only applies after publishing, not in the Designer.

Install Octeasy on Squarespace

One line in the site's code injection, in the footer.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallCopy the installation line from your customer area, with your site key.In Squarespace: Settings, then Developer tools (or Advanced), then Code Injection.Paste the line in the "Footer" area and save.
  4. Check it worksOpen the site: the button appears on every page.
<script src="https://octeasy.com/widget.js" data-site="ot_yourkey" async></script>

Example only: your customer area gives you the exact line, with your key.

Good to know

  • Code injection is not available on the most basic Squarespace plan.

Install Octeasy on Joomla and Drupal

One line in the site template, or through a custom code extension.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallCopy the installation line from your customer area, with your site key.Joomla: in the template (the template's index.php), just before </body>, or with a code-insertion extension.Drupal: in the theme's html.html.twig template, just before </body>, or with a code-insertion module.
  4. Check it worksClear the site cache, then open it: the button appears.
<script src="https://octeasy.com/widget.js" data-site="ot_yourkey" async></script>

Example only: your customer area gives you the exact line, with your key.

Good to know

  • A theme update can overwrite template edits: a code-insertion extension avoids that.

Install Octeasy on React and Next.js

The same line, in the HTML document shared by every page.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallCopy the installation line from your customer area, with your site key.React (Vite, Create React App…): paste the line in index.html, just before </body>.Next.js: add the tag to the root layout (app/layout.tsx), at the end of the page body.
  4. Check it worksReload the site: the button appears, including after navigating between pages.
<script src="https://octeasy.com/widget.js" data-site="ot_yourkey" async></script>

Example only: your customer area gives you the exact line, with your key.

Good to know

  • If your site has a Content Security Policy (CSP), add the Octeasy address to the directives shown below.

Install Octeasy on Custom-built site

Wherever a line can be added to your pages' code, the widget works.

  1. Create your accountWith your email address, no password needed (the customer area is in French for now). Create my account
  2. Add your siteIts name and address: you get its key, which starts with "ot_".
  3. InstallCopy the installation line from your customer area, with your site key.Paste it just before the </body> tag, on every page (in the shared template if your site has one).
  4. Check it worksOpen a page: the button appears. The panel also opens from the keyboard with Alt + Shift + A.
<script src="https://octeasy.com/widget.js" data-site="ot_yourkey" async></script>

Example only: your customer area gives you the exact line, with your key.

Good to know

  • Does your site have a Content Security Policy (CSP)? The directives to add are below.

For every platform

  • The key is public: it can be seen in your pages' code and only gives access to the widget settings.
  • Your settings take effect within seconds, with no need to reinstall.
  • If the Octeasy service does not respond, the widget still appears with its default settings: your visitors keep every feature.
  • On a domain you have not declared, the widget shows the default settings and the "Powered by Octeasy" credit.
  • To remove the widget, delete the line or uninstall the plugin: nothing else is installed on your site.

Your site has a Content Security Policy (CSP)

Add the Octeasy address to these directives. The widget needs no other origin and no 'unsafe-inline': no eval, no inline script or style, no cookies.

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

The brands mentioned belong to their respective owners: Octeasy is neither affiliated with nor endorsed by them.