Embedding Website Growth Widgets

Embed a widget on WordPress

Add any SmartFlo Systems widget to a page, post or your whole site using a Custom HTML block.

4 min read

  1. 1

    Copy your snippet

    Open the widget in your dashboard and copy the embed code from the Embed tab.

  2. 2

    Edit the page

    In WordPress, open the page or post and add a Custom HTML block where the widget should appear.

  3. 3

    Paste and publish

    Paste the snippet, then update the page. Inline widgets fill the width they are given.

  4. 4

    Site-wide floating widgets

    For chat or popup widgets, paste the script once in Appearance → Theme File Editor before </body>, or use a header/footer scripts plugin.

Inline widget

<div data-smartflow-widget="YOUR_WIDGET_ID"></div>
<script src="https://www.smartflosystems.com/widget.js" async></script>

Floating widget

<script src="https://www.smartflosystems.com/widget.js" data-widget-id="YOUR_WIDGET_ID" async></script>

Changes you make in the dashboard go live instantly — you never need to re-paste the snippet.

Try the tools in this guide

Interactive Cost Calculator

Embeddable interactive sliders that provide instant price models and capture contact details.

All-in-One Review Feed

Collect, moderate, and publish your strongest customer reviews to build trust and win more sales.

WhatsApp Chat Widget

Turn website visitors into direct WhatsApp conversations and qualified enquiries in one tap.

Troubleshooting & FAQs