Creating a web embed

Embedding reels into your website simply requires generating a piece of iframe code. The iframe should work in most website platforms, like WordPress, Squarespace, Wix or even custom site builds. If you need help embedding the reel, please contact support for your particular platform and let them know you are trying to add an iframe to your site.

Creating a web embed

  1. Click “Create Web Embed”
  2. Choose Light or Dark theme
  3. Add a custom hex color for play button and volume control, if desired
  4. Add a custom hex color for the background, if desired
  5. Set the height for your iframe (this can be edited later to best fit your site)
  6. Click “Generate Embed Code”
  7. Copy the generated code and paste it into the appropriate place in your website’s code

Pro Tip: If your iframe is shorter than your playlist, it will become scrollable when placed on your website. It will also auto-advance as the listener plays through the tracks.

Editing your embedded reels

Any edits you make to your tracks or track names will instantly be pushed to your embedded reel, so no need to mess around with your iframe code again.

For edits to the colors or height of your iframe, you will need to regenerate your code and replace it on your website. If you are tech-savvy, you can also manually made these changes in the code already on your website. To regenerate the code, click the “Edit Web Embed” button on the reel.

Deleting your embedded reel

To remove a reel from your website you must delete the iframe code from your site. If you are on the Basic plan and have already the maximum allowed reels, you will also need to delete the embed code in ReelCrafter before you can embed an additional reel. Click “Edit Web Embed” to access the embed code and delete it—you will be prompted twice to delete the code. As soon as the code is deleted, the iframe on your website will appear to be broken, so be sure to make any appropriate edits to your website if you won’t be replacing the reel right away!

Still need help? Contact Us Contact Us