Skip to main content

How to embed an audio transfer on your website

Audio transfers can be embedded directly into any page. The player adjusts its height automatically and stays centered within a readable max width.

S
Written by Santhia Roo

Audio transfers in Tarkle Send come with a dedicated player. You can embed that player into a website, a client portal, or any page that accepts HTML, so your recipients can listen without leaving the page.


Before you start

The audio embed option only appears when the transfer is set to Public. The option will not show for private or password-protected transfers.


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 audio transfer.

  3. Click Embed audio.

The code is now in your clipboard.


Paste it into your site

Add a custom HTML block or embed section on your page. Paste the code. The player appears inline and adjusts its height to fit the audio track list and controls.


What the embed looks like

<div style="border-radius:6px;overflow:hidden;width:100%;max-width:768px;margin:0 auto;">
<iframe
src="https://yourworkspace.send.tarkle.com/embed/a/SLUG"
style="width:100%;border:none;display:block;min-height:500px;"
allow="accelerometer; encrypted-media; picture-in-picture;"
allowfullscreen="true">
</iframe>
</div>

<script>
window.addEventListener('message', (e) => {
if (e.data.type === 'sb-height' && e.data.id === 'SLUG') {
document.getElementById('sb-audio-SLUG').style.height = e.data.height + 'px';
}
});
</script>


Replace SLUG with your actual transfer slug. Tarkle Send fills this in for you when you click Embed audio. The URL uses your branded domain automatically.


Width and layout

The embed is capped at 768px wide and centered on the page. On mobile it fills the full width. This keeps the player compact and readable on all screen sizes.

Did this answer your question?