Skip to Content

Webflow

Use this guide to add ShowHub to Webflow projects and keep player styling consistent.

How to embed ShowHub on Webflow

Copy your embed snippet

From ShowHub Dashboard -> Embed, copy the script snippet.

Add an Embed element

In Webflow Designer, drag an Embed component onto the page.

Paste and publish

Paste the snippet and publish your site to verify rendering.

See Install on Webflow for the full walkthrough.

How to change theme, colors, and layout

Use Embed Customization to configure:

  • Theme mode and visual density.
  • Player section style and sticky position.
  • Episode limits for performance and layout control.

Re-publish Webflow and validate spacing against your page grid.

Webflow best practices

  • Designer preview may not show script embeds exactly like production.
  • Test the published domain before sharing.
  • For global embeds, use Project Settings custom code where appropriate.
Last updated on