> 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 Elementor

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


## Overview

Custom iFrame lets you embed Boomplay music in Elementor by pasting any Boomplay share link into the widget. 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 Gutenberg WordPress instead? Follow the [Embed Boomplay Music in Gutenberg WordPress](/gutenberg/audio/embed-boomplay) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- Elementor installed
- A Boomplay track, album, or playlist URL to embed

## Video Tutorial

<iframe
  src="https://www.youtube.com/embed/2ka7jMnv-Uk"
  width="720"
  height="405"
  frameBorder="0"
  allowFullScreen
/>

## 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: Add the Custom iFrame Widget

<Steps>
  <Step title="Open your page in Elementor" icon="layout" title-type="p">
    Go to the page where you want the music player. Click **Edit with Elementor**.
  </Step>
  <Step title="Drag the widget onto your page" icon="move" title-type="p">
    Search for **Custom iFrame** in the Elementor widget panel. Drag the widget into your layout.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776867149/getting-started/elementor-setup/Guide-Add-Custom-iFrame.webp"
      alt="Custom iFrame widget being dragged from the Elementor panel into a page section in the editor"
      width="1024"
      height="337" priority={true} fetchPriority="high" />
  </Step>
</Steps>

## Step 3: Embed Boomplay Music in Elementor

<Steps>
  <Step title="Paste the Boomplay URL" icon="clipboard" title-type="p">
    In the Content tab, paste the Boomplay URL into the **Source URL** field. The music player appears in the editor.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1776912417/elementor/audio/boomplay/paste-boomplay-url.webp"
      alt="Custom iFrame widget in Elementor editor showing Boomplay URL in Source URL field with live Boomplay music player preview"
      width="1024"
      height="443" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Set the height" icon="move-vertical" title-type="p">
    Adjust the **Height** to fit your layout.
  </Step>
</Steps>

## Step 4: Customize and Configure Settings

For styling, smart loading, and advanced options, see the [Style Custom iFrame](/getting-started/styling) guide. Adjust dimensions, backgrounds, borders, and more.

## Step 5: Save and Publish

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

Want to add a custom watermark (Pro), device frame (Pro), or fine-tune widget behavior? See the [Set Up Custom iFrame in Elementor](/getting-started/elementor-setup) guide for all widget options.

This guide showed you how to embed Boomplay music in Elementor using the Custom iFrame plugin. From copying the Boomplay link to pasting the URL and publishing, the whole setup runs through the Elementor 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 Gutenberg WordPress" href="/gutenberg/audio/embed-boomplay" icon="layout" horizontal={false}>
    Guide for the WordPress block editor.
  </Card>
  <Card title="Embed Spotify Audio in Elementor" href="/elementor/audio/embed-spotify" icon="music" horizontal={false}>
    Embed Spotify tracks and podcasts in Elementor.
  </Card>
</Columns>

## Related Guides

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