Skip to content
Podcasts Studio
Podcasts Studio
Transcription Guidelines
More
Share
Explore
Podcasts Studio

icon picker
Embed your transcript into your website


Embed your transcripts using javascript

Just click the 3-dots on the top right of the editor, and select Embed Transcripts.
This will give you access to the code that you can paste into your website.
Check out an example of an embed
here.
⁠
⁠
⁠
image.png
⁠
⁠
The code snippet will look like this:
<div
id="mxm-podcasts-embed"
data-episode-id="tf68nrBsV_gZLChmycz66A"
data-mode="full-size"
data-theme="light"
data-player="false"
style="width: 100%; height: 600px"
></div>

<script async type="module" src="https://s.mxmcdn.net/podcasts-embed/prod/v1.js"></script>

Embed parameters

data-mode="full-size" or "button"
Embedding the widget in the page (
example
⁠
), or as a popup from a button (
example
⁠
).
data-theme="light" or "dark"
The color of the embed background
data-player="true" or "false"
If exposing the audio player or just displaying the transcript

Embed your transcripts as an iFrame

It's pretty easy. From the code you copied in the embedding functionality, just copy the data-episode-id and paste it in the following code:
<iframe
src="https://podcasts-embed.musixmatch.com?episodeId=<data-episode-id>=full- size&theme=dark&player=true"
frameborder="0"
width="100%"
height="600px"
></iframe>

For instance:
<iframe
src="https://podcasts-embed.musixmatch.com?episodeId=tf68nrBsV_gZLChmycz66A&mode=full-size&theme=dark&player=true"
frameborder="0"
width="100%"
height="600px"
></iframe>

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.