Estimated time: 5 to 10 minutes. You will need: a Mellowtel account and access to your site’s HTML (or a framework equivalent).
How it works
Before you start
- A Mellowtel account. Sign up here if you don’t have one.
- Your
invite_id, found on your dashboard after creating a support link. - Access to your site’s HTML, or the ability to add a
<script>tag through your framework or CMS.
Install the widget
Paste this into your site, replacingINVITE_ID with the value from your dashboard. Placing it just before </body> is recommended so it does not block page rendering.
Configuration options
Control the widget’s appearance through query parameters on the script URL.| Parameter | Required | Values | Description |
|---|---|---|---|
invite_id | Yes | Your ID from the dashboard | Attributes earnings to your account. |
type | Yes | button, icon, banner | Widget style shown on your site. |
position | Yes | bottom-right, bottom-left, top-right, top-left | Where the widget sits on the page. |
Verify it works
Confirm the widget renders
You should see the button, icon, or banner in the position you chose. If it is missing, check the browser console for blocked requests.
Click through the flow
Clicking the widget should take you to the extension install page with your
invite_id attached.Troubleshooting
The widget is not showing up
The widget is not showing up
- Confirm the script tag is inside
<body>and yourinvite_idis filled in. - Open DevTools and check the Network tab for a request to
cdn.mellow.tel/widget.js. If it is blocked, an ad blocker or content filter is likely the cause. - Check your Content Security Policy. You may need to allow
https://cdn.mellow.telunderscript-src.
I see a 'missing invite_id' warning
I see a 'missing invite_id' warning
The
invite_id parameter is empty or still contains the literal INVITE_ID placeholder. Copy the real value from your dashboard and paste it into the URL.It works locally but not in production
It works locally but not in production
Most often a CSP or CDN rule is stripping the script. Check response headers on your production host and allowlist
cdn.mellow.tel.How do I remove the widget?
How do I remove the widget?
Delete the
<script> tag (or the framework component wrapping it). There is nothing else to clean up.Disclose to your visitors
We recommend adding a short note to your privacy policy so visitors understand what opting in means. Something like:This site partners with Mellowtel. If you choose to install their extension, your browser may share unused bandwidth to support this site. Installation is optional and you can opt out at any time.See Privacy and Opt in / Opt out for the full details you can link to.