Guía de instalación · Player

Guía de instalación — Systeme.io

Cómo incrustar un embed de Treisa Player en una página de embudo o blog de Systeme.io usando el elemento Raw HTML. EMBED_KEY es la key de tu embed (Player → Embeds); el host https://player.treisaflow.com es el por defecto (el snippet del panel trae el real).

1. Antes de empezar

Dominio registrado en Player → Dominios: el dominio que sirve la página — el de Systeme (ejemplo: tunegocio.systeme.io) o tu dominio personalizado. Sin https://.
Flag del workspace activo (treisa_player_external_embed_enabled).
El video debe estar publicado y en estado ready.

2. Paso a paso

El snippet que vas a pegar es exactamente este (de Player → Embeds → Copiar snippet, variante Script v2):

<!-- Treisa Player — embed -->
<div data-treisa-player="EMBED_KEY"></div>
<script async src="https://player.treisaflow.com/v2/player.js"></script>

En Systeme.io entra a Funnels (o Blog) y abre la página en el editor.
En la barra de elementos, arrastra el elemento Raw HTML al lugar exacto donde va el video.
Pulsa el elemento para abrir su panel de ajustes (izquierda) y pulsa Edit code.
En el editor emergente pega el snippet del inicio de esta sección, con tu EMBED_KEY real — ya trae su propio <div> y su <script>, que es como Systeme exige el código.
Pulsa Save en el editor y guarda la página.
Publica la página (o usa el link del embudo). Importante: el código insertado con Raw HTML no se muestra en el modo Preview del editor — verifica siempre en la página publicada.

Dónde NO pegarlo

Las secciones de Tracking Code de los ajustes de la página/embudo (cabecera y pie) inyectan en el <head>/<body> global: no sirven para el video, porque el <div data-treisa-player> debe vivir en el lugar de la página donde quieres que se vea. Usa el elemento Raw HTML.

3. Variante iframe plano

Systeme.io acepta iframes directamente en Raw HTML (sin etiquetas extra); pega la variante Iframe plano del panel:

<iframe
  src="https://player.treisaflow.com/e/EMBED_KEY"
  title="Treisa Player"
  allow="autoplay; fullscreen; encrypted-media; picture-in-picture"
  allowfullscreen
  referrerpolicy="strict-origin-when-cross-origin"
  sandbox="allow-scripts allow-same-origin allow-popups allow-forms allow-presentation"
  style="width:100%;aspect-ratio:16/9;border:0"></iframe>

4. CSP

Systeme.io no permite configurar una CSP propia para tus páginas: no hay que hacer nada. Las páginas se sirven sin restringir script-src ni frame-src hacia el player.

5. Troubleshooting

Síntoma	Causa probable	Qué revisar
En Preview no se ve nada	normal: el modo Preview no renderiza Raw HTML	verifica en la página publicada
Se ve el código como texto	pegado en un elemento de texto	usa el elemento Raw HTML
La página es de área de miembros y no aparece el elemento	Raw HTML no está disponible en las info pages	usa una página de embudo/blog normal
Error `EMBED_DOMAIN_NOT_ALLOWED`	el dominio de la página no está registrado	registra `tunegocio.systeme.io` o tu dominio custom en Player → Dominios
Error `EMBED_UNPUBLISHED` / `EMBED_NOT_READY`	video despublicado o procesándose	publica / espera `ready` en Treisa Flow

Códigos completos en la sección 6 del SDK.