COUNTSCENE GUIDES

A countdown, wherever you need it.

Start with the sharing settings

  1. Save your countdown and open Share & publish.
  2. Choose Public or Unlisted and publish it. Private countdowns are for their owner.
  3. The overall CountScene Site must also be open to the intended audience. A private Site will block outside visitors and embeds.
  4. Copy the embed code or the /embed/ URL, depending on your destination.

Set width to 100% and choose enough iframe height for your content. The countdown adapts inside that box, but a cross-origin iframe does not automatically resize its parent. Increase height for galleries, players or large text, and verify mobile.

WordPress

Add a Custom HTML block where the timer should appear, then paste the iframe from Share & publish.

Some hosted plans or roles restrict custom HTML. Check the editor’s published result, not only its preview.Official platform guidance ↗

Shopify

In the theme editor, add a Custom Liquid section or block and paste the iframe.

Use a test theme first. Theme code and custom section availability vary; never replace unrelated checkout or theme code.Official platform guidance ↗

Wix

Choose Add elements → Embed code → Embed HTML, paste the iframe, then adjust the embed box height.

Check the mobile editor too; the Wix embed container controls the available space.

Squarespace

Add a Code block, select HTML, and paste the iframe.

Custom-code support depends on your plan and editor. Embedded content may not run inside editing mode.Official platform guidance ↗

Webflow

Add an Embed element inside the intended section and paste the iframe.

Custom-code features may require an eligible plan. Publish to test the final page.Official platform guidance ↗

Notion

Use /embed and paste the countdown’s /embed/ URL—not the iframe markup.

The countdown must be externally reachable. Resize the Notion block. Some workspace restrictions can prevent embeds.Official platform guidance ↗

Google Sites

Choose Insert → Embed → Embed code, paste the iframe, and resize the resulting block.

Publish your Google Site to test it. Both sites need an audience that can access the content.

Canva

Use a link to the hosted countdown in your design. Only use an interactive embed if Canva accepts that URL in the current design type.

Custom iframe HTML is not universally supported by Canva. A countdown link is the supported fallback; do not assume an exported PDF or image will contain a live timer.Official platform guidance ↗

Custom HTML

Paste the iframe in your page’s body or your framework’s HTML/embed component. Set width="100%" and choose an appropriate height.

Your Content Security Policy must allow the CountScene origin in frame-src. Do not paste the code into an attribute or script string without escaping.

If an embed is blank

  • Check the link in a separate window and confirm audience access.
  • Use the /embed/ link, not the editor URL.
  • Check whether your destination permits iframe HTML on its current plan.
  • Check container height, browser extensions and destination security policies.
  • For an internal YouTube/Vimeo/Twitch/Spotify player, the creator must allow embedding. Twitch needs a matching parent domain and enough display space.
  • Custom embeds have not been live-tested in every listed platform. If a platform rejects them, use a normal link to the countdown.
Get help with an embed