Install DropWidget

1 WordPress

1. Install a header/footer scripts plugin such as WPCode (formerly "Insert Headers and Footers") or Header Footer Code Manager.
2. Open the plugin and find the Footer / Body (end) scripts area.
3. Paste your DropWidget snippet there and save.

Prefer editing your theme directly? Add the snippet just before </body> in your theme's footer.php (use a child theme so updates don't overwrite it).

2 Shopify

1. From your admin, go to Online Store → Themes.
2. On your active theme, click ⋯ → Edit code.
3. Open layout/theme.liquid.
4. Paste your snippet immediately before the closing </body> tag and click Save.

Adding it to theme.liquid makes the widget appear on every page of your store.

3 Wix

1. In your Wix dashboard, go to Settings → Custom Code (under "Advanced").
2. Click + Add Custom Code and paste your DropWidget snippet.
3. Set it to load on All pages and place it in Body - end.
4. Give it a name and click Apply.

4 Squarespace

1. Go to Settings → Advanced → Code Injection.
2. Paste your snippet into the Footer box.
3. Click Save.

The Footer injection loads on every page, so the widget shows site-wide.

5 Webflow

1. Open Project Settings → Custom Code.
2. Paste your snippet into the Footer Code box (this loads before </body> on all pages).
3. Save, then Publish your site for the change to go live.

Want it on a single page only? Use that page's Settings → Custom Code → Before </body> tag instead.

6 Generic HTML

1. Open the HTML file (or template) for your site.
2. Paste your DropWidget snippet on its own line directly before the closing </body> tag.
3. Save and upload the file. That's it — no build step, no dependencies.

Using a template engine or shared layout? Add it to the shared footer/layout so it appears on every page automatically.