Install guide
Add your twin to your portfolio
Your twin lives behind one line of code. Paste it once and a chat launcher appears in the corner of your portfolio. The same snippet works on every platform, so there is nothing to configure.
Your snippet
<script src="https://www.telltwin.com/embed.js" data-twin="your-twin" async></script>This example uses your-twin. Copy your real snippet from your dashboard, where your twin's address is already filled in.
No site, or can't paste code? You don't need to.
Every twin has its own page you can share anywhere a link goes: Behance, Dribbble, LinkedIn, a resume, an email. No embedding required.
Find your twin's link on your dashboard.
Where to paste it
Wherever you paste it, use the same snippet above. You are always adding it just before your page's closing </body> tag; each platform just calls that spot something different.
- In your project, open the site settings, then Custom Code.
- Add a script and paste the snippet.
- Set its placement to End of <body> on all pages, then save.
- Publish your site.
Custom code only runs on the published site, not in Framer's preview.
- Open Site settings, then the Custom code tab.
- Paste the snippet into the Footer code box.
- Save changes, then publish your site.
Custom code needs a paid Site plan, or a Core, Growth, Agency or Freelancer Workspace.
- Open the Pages panel, then Custom Code at the bottom of it, then Code Injection. On version 7.0 it sits under Website Tools instead.
- Paste the snippet into the Footer box.
- Save.
Code Injection needs a Core plan or higher. It is not on Basic.
- Go to Settings, then Custom Code (under Advanced).
- Click + Add Custom Code and paste the snippet.
- Set it to load on All pages, placed in Body - end.
- Apply, then publish.
- Easiest: install a headers-and-footers plugin (such as WPCode), then paste the snippet into its footer / before-</body> box.
- Or, in the block editor, add a Custom HTML block to your footer and paste it there.
- Save or update the page.
- Open the HTML for your page.
- Paste the snippet on its own line, just before the closing
</body>tag. - Save and redeploy.
Good to know
You never need different code for different sites.
The launcher sits in the bottom-right; visitors click it to chat, and it stays out of the way until they do.
Changing your twin updates it everywhere the snippet is pasted. You never paste again.