Skip to main content

Using AtomicPlayer with Systeme.io

Current supported workflow​

Systeme.io can host AtomicPlayer in a Custom HTML / raw code element that accepts HTML and external scripts. AtomicPlayer does not currently generate an iframe or a platform-specific snippet.

Configure and copy the player​

  1. Open Videos → video → Customize.
  2. Change the available player behavior and appearance, then publish the player configuration.
  3. Open Embed & Share (or select Get embed) and choose Copy code.
<div class="atomic-player" data-player-id="PLAYER_ID"></div>
<script async src="https://embed.atomicplayer.ai/player/v1.js"></script>

Place it on Systeme.io​

  1. Add a Custom HTML / raw code element where the player should appear.
  2. Paste the complete two-line snippet without changing the player ID or runtime URL.
  3. Save and publish the page. If the editor removes <script>, use its documented site-wide custom-code area for the runtime and keep the data-player-id container in the page body.

Publish and verify​

  1. Under Videos → video → Settings → Domain access, add every hostname that will serve the page and select Save & publish.
  2. Open the published page, confirm that the player loads, and verify the expected playback event in Analytics.

Frequently asked questions​

Which Systeme.io element should I use?

Use a Custom HTML / raw code element that accepts HTML and external scripts, then paste the complete generated snippet.

Does AtomicPlayer provide an iframe or Systeme.io plugin?

No verified iframe, plugin, app, widget, shortcode, or platform-specific connector is provided by the current dashboard. Use the JavaScript runtime snippet.

Why is the player blank after publishing?

Check that the page kept both snippet lines and add the exact published hostname under Settings → Domain access, then select Save & publish.