Bonjour la toile
Menu
Modules Documentation Pricing Log in Create my account Language Français · English

Documentation / Getting started

On your platform

A module's code is ordinary HTML. Any platform that lets you insert a block of custom HTML into a page can display it. Menus differ from one platform to the next and from one version to the next: this page says what to look for, not where to click.

The principle, everywhere

  1. Copy the code shown by your site's "Modules" screen, or by the module's editor.
  2. In your page editor, look for a block or an element that accepts HTML: it is often called "HTML", "Custom HTML", "Code", "Embed" or "Integration".
  3. Paste the two lines as they are into that block, where the module should appear.
  4. Publish the page, then open it on the domain you registered.

The preview built into your platform's editor often runs on a different address from your site. The module stays empty there, since that address is not allowed to show it (see Where the module shows). Judge on the published page, at its real address.

WordPress

In the block editor, WordPress offers a "Custom HTML" block. Paste the code into it. If your theme or your page-builder plugin uses another editor, look for its "HTML" or "Code" element.

For the ownership proof by tag, a line has to go in the <head> of the home page: some themes and plugins offer a field to add code to the header. If you have FTP access or a file manager, the proof by file is often simpler. See Proving the site is yours.

Wix

Wix lets you add an HTML embed element to a page. Paste the two lines into it. If that element has a fixed size that you set by hand in the editor, give it enough height for the whole module: our script adjusts the height of its own frame, not that of a frame the platform wraps around it.

Wix gives no access to files at the root of the site: for the ownership proof, use the tag (if your plan lets you add code to the header) or the DNS record.

Squarespace

Squarespace offers a "Code" block to insert into a page. Paste the code into it. Depending on your plan, header code injection can serve for the proof by tag; otherwise, use the DNS record.

Shopify

In Shopify, the code can go into a section or a block that accepts custom HTML or "Liquid", depending on your theme, or directly into the theme file if you edit it. For the proof by tag, the line goes in the <head> of the theme's main layout.

A static HTML site

Open the page's file, paste the <div data-bl> element where you want it, and the <script> line just before </body>. Upload the file to your hosting as usual. For the ownership proof, dropping the provided file at the root of the site is the most direct route.

If nothing shows

  • Some editors strip <script> tags pasted into content. Check in the published page's source code that both lines are there, intact.
  • Check that the page is open on an allowed domain: the registered domain, one of its subdomains, or an address added under "Allowed addresses".
  • See the frequently asked questions.