Embed our tools on your site

1. Edit the post or page, add a Custom HTML block (or the Code/HTML element in your builder).
2. Paste the full snippet — including the <script> line for auto-resize.
3. Update/publish. Works on self-hosted WordPress and most page builders (Elementor, Divi, Gutenberg).

WordPress.com free plans and some builders strip <script> tags — use the no-script snippet (fixed height) if resizing is ignored.

1. Drag an Embed element onto your page (requires a paid site plan).
2. Paste the snippet and save.
3. Set the embed container width — the tool fills it up to 480px.

1. Add a Code Block where you want the tool (Business/Commerce plan required for code injection).
2. Paste the snippet. Keep 'Display Source Code' unchecked.
3. If the script is stripped, use the no-script snippet.

1. Add → Embed Code → Embed HTML (or 'Embed a Widget').
2. Choose 'Code' and paste the snippet.
3. Stretch the iframe element to your preferred height if auto-resize is sandboxed.

Wix sandboxes embeds in an iframe — the resize script can't reach the outer frame, so use the no-script snippet and set a fixed height.

1. For a page/blog post: switch the editor to HTML view (</> icon) and paste the snippet.
2. For theme sections: add a Custom Liquid block/section and paste there.
3. Use the no-script snippet — Shopify's content editor strips <script> tags.

1. Paste the snippet anywhere in your page's HTML where the tool should appear.
2. The iframe fills its container width up to a max of 480px.
3. Keep the resize script to let the tool grow/shrink with its content.