Installation

Installing the widget on your website

Lisää vimpain mille tahansa sivustolle kahdella koodirivillä. Toimii WordPressissä, Shopifyssa, Webflowissa, Wixissä ja omissa toteutuksissa.

3 min read Updated 1 week ago

Octo

LeadOcto loads from two small lines of code that you paste just before the closing </body> tag. Your site fetches the current settings on every visit, so any change you make in the dashboard goes live immediately, with nothing to re-upload.

Step 1 · Copy your embed code

Open your widget's Installation page in the dashboard. The snippet is ready to copy and already carries your API key and widget ID:

<script>
  window.LeadOcto = { key: "YOUR_API_KEY", widget: "WIDGET_ID" };
</script>
<script src="https://app.leadocto.io/widget/widget.js" async></script>

Step 2 · Paste it into your site

Paste both lines just before </body>. The exact spot depends on your platform:

WordPress — use a snippet plugin such as WPCode and paste it into the Footer section.
Shopify — Online Store, Themes, Edit code, Layout, theme.liquid, before </body>.
Wix, Webflow, Squarespace — open the Custom Code or footer code injection settings and paste it there.
Custom site — paste it before </body> in your main template.

One paste covers every page

You only add the snippet once. Your whole site lights up, every page at the same time.

Step 3 · Check it is working

Open your site in a fresh incognito window. Within a few seconds the floating button appears in the corner. Click it and confirm your buttons are visible.

Don't see the button?

Check that the widget is set to Active in the dashboard and that no script blocker is running. If you use a Content Security Policy, allow app.leadocto.io on both script-src and connect-src.