Other platforms

This page covers every site builder and CMS we haven't written a dedicated guide for — Carrd, Notion sites, Bubble, Cargo, Super, Universe, Tilda, Readymag, and dozens of others. The pattern is the same on all of them.

The universal pattern

1. Find the platform's "HTML embed" / "Custom code" / "Embed block" element.
2. Paste this snippet inside it.
3. Replace plyr_acme with your player ID.

<div id="playgent-host"></div>
<script src="https://static.playgent.com/player/v2.js"></script>
<script>
  Playgent.init({
    containerId: "playgent-host",
    player: "plyr_acme",
    game: "sudoku",
    mode: "daily",
  });
</script>

If you can see the game in preview, you're done. If you can't, run through the checks below.

Compatibility checks

1. Does the platform allow <script> tags?

Some no-code builders strip scripts from user-pasted HTML on free plans, or only allow them in a paid "custom code" feature. Check the platform's documentation for "custom HTML", "embed code", or "scripts".

2. Does the embed render in a sandboxed iframe?

Wix's classic HTML embed and a few others wrap your snippet in a sandboxed <iframe srcdoc>. The game itself will still render, but SDK events (onComplete, onStart, etc.) won't reach code running on your outer page — they only reach the sandbox. If you don't need to listen to events on the host page, sandboxed embeds are fine.

3. Is there a Content Security Policy?

If a CSP is in place, allow these origins:

• static.playgent.com (SDK + shell)
• pgl.playgent.com (leaderboard)

Most no-code builders don't impose a CSP, but some enterprise platforms (and Webflow's enterprise tier) do.

4. Is custom code gated by plan tier?

Many builders restrict custom HTML to paid plans:

• Carrd — Pro tier required for the "Embed" element with custom code.
• Squarespace — Business plan or higher for Code blocks (see the Squarespace guide).
• Wix — Premium plan for site-wide custom code (see the Wix guide).
• Webflow — Site plan required for the Embed element (see the Webflow guide).
• Framer — Custom code only on paid sites.

Dedicated games page

Same pattern, larger snippet. Mount one player and swap content with player.load():

<div id="playgent-host"></div>

<div style="display:flex; gap:8px; margin-top:12px;">
  <button onclick="player.load({ game: 'sudoku', mode: 'daily' })">Sudoku</button>
  <button onclick="player.load({ game: 'wordsearch', mode: 'daily' })">Wordsearch</button>
</div>

<script src="https://static.playgent.com/player/v2.js"></script>
<script>
  const player = Playgent.init({
    containerId: "playgent-host",
    player: "plyr_acme",
    game: "sudoku",
    mode: "daily",
  });
</script>

See Calling methods for the full set of runtime controls.

Origin allowlist

Before the embed loads, add your site's domain to the player's allowed origins in Hub → Configuration → Players. For builders that serve previews on a platform subdomain (e.g. acme.carrd.co, acme.notion.site), add the preview origin too.

Players reference →