Marina · Live Chat Widget

Paste this on your site

One line of code. Drops a cyan chat bubble on every page of your site. Same Marina brain as the phone line · just text. Refresh-safe · session persists. Customers can also tap Call Marina instead to switch to the phone line.

Your snippet

<script src="https://websiterecycling.com/marina-widget.js" data-customer-id="YOUR_CUSTOMER_ID" async></script>

Paste this just before </body> on every page · or once in your site-wide footer template.

Where to paste it

  • WordPress · Appearance → Theme File Editor → footer.php · paste before </body>.
  • Squarespace · Settings → Advanced → Code Injection → Footer · paste anywhere in the box.
  • Wix · Settings → Custom Code → Add Custom Code · place in Body - end, load on all pages.
  • Shopify · Online Store → Themes → Edit Code → theme.liquid · paste before </body>.
  • Webflow · Project Settings → Custom Code → Footer Code · paste in the box.
  • Static / hand-coded · drop in your global footer include · same place you'd put Google Analytics.

Test the widget

Click below to open a sandbox tab with the widget loaded on a blank page. Useful for testing before you paste on your live site.

What customers see

  • Floating cyan chat bubble · bottom right · doesn't conflict with your site CSS.
  • Click opens a chat panel · "Hi · I'm Marina · what can I help with?"
  • Replies stream in real time · same brain, same guard-rails as your phone line.
  • Refresh keeps the conversation · session persists for ~30 min in their browser.
  • "Call Marina instead" button · one tap to the phone line you gave us on intake.