> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# Embed Boomplay Music in Gutenberg

Step-by-step guide to embed Boomplay music in Gutenberg using the Custom iFrame WordPress plugin. No API key needed. No coding required.


## Overview

Custom iFrame lets you embed Boomplay music in Gutenberg by pasting any Boomplay share link into the block. Display tracks, albums, or playlists on your WordPress page without an API key.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Using Elementor instead? Follow the [Embed Boomplay Music in Elementor](/elementor/audio/embed-boomplay) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- WordPress with the Gutenberg block editor
- A Boomplay track, album, or playlist URL to embed

## Step 1: Get the Boomplay Music Link

<Steps>
  <Step title="Open Boomplay and find your music" icon="music" title-type="p">
    Go to [boomplay.com](https://www.boomplay.com) and open the track, album, or playlist you want to embed.
  </Step>
  <Step title="Copy the link" icon="link" title-type="p">
    For a single track: click the **Share** button and copy the link. For an album or playlist: copy the URL from the browser address bar.
  </Step>
</Steps>

## Step 2: Install the Plugin and Add the Block

<Steps>
  <Step title="Install and activate the plugin" icon="download" title-type="p">
    Go to your WordPress dashboard. Go to **Plugins > Add New**. Search for **Custom iFrame by Coderz Studio**, click **Install Now**, then click **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1777223431/getting-started/installation/Custom-iFrame-Installation.webp"
      alt="WordPress Add New Plugin screen showing Custom iFrame by Coderz Studio in search results with Install Now button"
      width="1024"
      height="396" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the music player. Click **Edit** to open the Gutenberg block editor.
  </Step>
  <Step title="Add the Custom iFrame block" icon="plus" title-type="p">
    Click the **Add Block** button. Search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
</Steps>

## Step 3: Embed Boomplay Music in Gutenberg

<Steps>
  <Step title="Paste the Boomplay URL" icon="clipboard" title-type="p">
    Select the Custom iFrame block. In the right panel, paste the Boomplay URL into the **Source URL** field. The music player appears inside the block in the editor.
  </Step>
  <Step title="Set the height" icon="move-vertical" title-type="p">
    Set **Height** to 200px for a single track, or 400px or more for playlists and albums.
  </Step>
</Steps>

<Callout kind="success">
  Click **Update** or **Publish**. Your Boomplay music is now live on your WordPress site.
</Callout>

For all block settings, see the [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup) guide.

This guide showed you how to embed Boomplay music in Gutenberg using the Custom iFrame plugin. From copying the Boomplay link to pasting the URL and publishing, the whole setup runs through the block editor without any code.

## FAQ

<ExpandableGroup>
  <Expandable title="Do I need a Boomplay account to embed music?" default-open="false">
    No. Boomplay's embedded player works for public content without an account. You do not need an API key.
  </Expandable>
  <Expandable title="Can I embed a Boomplay album or playlist?" default-open="false">
    Yes. Copy the album or playlist URL from the browser address bar and paste it into the Source URL field. Set height to at least 400px to show the full player.
  </Expandable>
  <Expandable title="The Boomplay player shows blank. What should I check?" default-open="false">
    Confirm the track or playlist is publicly accessible. Private content cannot be embedded.
  </Expandable>
  <Expandable title="What height should I use for Boomplay?" default-open="false">
    Use 200px for a single track. Use 400px or more for playlists or albums. Enable Auto Height to let the player resize automatically.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed Boomplay in Elementor" href="/elementor/audio/embed-boomplay" icon="layers" horizontal={false}>
    Guide for the Elementor widget.
  </Card>
  <Card title="Embed Spotify Audio in Gutenberg" href="/gutenberg/audio/embed-spotify" icon="music" horizontal={false}>
    Embed Spotify tracks and podcasts in Gutenberg.
  </Card>
</Columns>

## Related Guides

- [Embed Audio in Gutenberg - Overview](/gutenberg/embed-audio)
- [Embed Spotify Audio in Gutenberg](/gutenberg/audio/embed-spotify)
- [Embed SoundCloud in Gutenberg](/gutenberg/audio/embed-soundcloud)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)