Skip to Content

Framer

Use this guide to add ShowHub to Framer pages and tune embed appearance.

How to embed ShowHub on Framer

Copy your ShowHub snippet

From Dashboard -> Embed, copy the script.

Add an Embed block in Framer

Insert an embed/code block on the page where you want the player.

Paste snippet and publish

Publish the Framer site and confirm the player appears on the live URL.

How to change theme, colors, and layout

Adjust settings in Embed Customization:

  • data-theme for light, dark, or auto.
  • Layout style and metadata density.
  • Sticky position and episode count.

Re-publish after updates to verify the final layout.

Framer best practices

  • Keep embed containers full-width on smaller breakpoints.
  • Leave enough vertical spacing for expanded episode lists.
  • Validate color contrast for your selected Framer theme.
Last updated on