Skip to main content

How to embed a file transfer

Any public file transfer can be embedded directly into a website or client portal. Tarkle Send generates the code for you. Copy it from the action menu and paste it into any page that accepts HTML.

S
Written by Santhia Roo

A file transfer embed lets your recipients view and download files directly from your website, without leaving the page. No login required on their end. No redirect to a separate link.


Before you start

The embed option only appears when a transfer is set to Public. If your transfer is private or password protected, the embed option will not be visible in the menu.


How to get the embed code

  1. Go to your Transfers list or open the transfer detail page.

  2. Click the three-dot action menu on the transfer.

  3. Click Copy embed code.

The code is now in your clipboard.


Paste it into your site

Open the page editor on your website builder. Add an HTML embed block or a custom code section. Paste the code there. The transfer will appear inside the page exactly as your recipient would see it.

The embed adjusts its height automatically to fit the content. You do not need to set a fixed height manually.


What the embed looks like

<iframe
src="https://yourworkspace.send.tarkle.com/embed/t/SLUG"
style="width:100%;border:none;min-height:600px;"
loading="lazy"
allowfullscreen>
</iframe>
<script>
window.addEventListener('message', function(e) {
if (e.data && e.data.type === 'sb-height' && e.data.id === 'SLUG') {
var f = document.getElementById('sb-transfer-SLUG');
if (f) f.style.minHeight = e.data.height + 'px';
}
});
</script>


Replace SLUG with your actual transfer slug. Tarkle Send does this automatically when you click Copy embed code. The URL will use your branded subdomain or custom domain if you have one set.


Works on any builder

Paste the code into Webflow, Framer, Wix, Notion, Umso, or any platform that accepts a custom HTML block. The embed renders inline without a visible border or frame.

Did this answer your question?