Guía de instalación · Player

Guía de instalación — ClickFunnels

Cómo incrustar un embed de Treisa Player en una página de embudo de ClickFunnels usando el elemento HTML/JS. 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).

Los pasos siguen la interfaz de ClickFunnels actual (CF 2.0), donde el elemento se llama HTML/JS. En ClickFunnels Classic se llamaba Custom JS/HTML y vive en el mismo lugar del editor.

1. Antes de empezar

Dominio registrado en Player → Dominios: el dominio que sirve la página del embudo — el subdominio de ClickFunnels (ejemplo: tunegocio.clickfunnels.com) o tu dominio personalizado si le apuntaste al embudo. 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>

Desde el dashboard de ClickFunnels entra a Funnels y abre tu embudo.
Pulsa Edit en la página donde va el video para abrir el editor.
Añade (o usa) una Section en el lugar del video y dentro una Row.
Pulsa el botón naranja + Plus / Add New Element de la fila.
En el panel de elementos, en la categoría MISC (Miscellaneous), elige HTML/JS.
Pulsa el elemento agregado en el lienzo para abrir su panel de ajustes (barra lateral).
Pulsa Open Code Editor y pega el snippet del inicio de esta sección, con tu EMBED_KEY real. No envuelvas el código en etiquetas <html> ni <body> — va tal cual.
Guarda el editor de código y luego Save en el editor de página (o Preview para verificar).
Publica el paso del embudo (Publish) y abre la URL pública de la página.

3. Variante iframe plano

El mismo elemento HTML/JS acepta la variante sin script si tu política de página no tolera scripts de terceros:

<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

ClickFunnels no permite configurar una CSP propia para las páginas del embudo: 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
Se ve el código como texto	pegado en un elemento de texto (paragraph/heading)	usa el elemento HTML/JS, no un elemento de texto
El elemento queda vacío en el editor	normal en el lienzo de CF	verifica con Preview o en la página publicada
Error `EMBED_DOMAIN_NOT_ALLOWED`	el dominio del embudo no está registrado	registra `tunegocio.clickfunnels.com` (o tu dominio custom) en Player → Dominios
Error `EMBED_UNPUBLISHED` / `EMBED_NOT_READY`	video despublicado o procesándose	publica / espera `ready` en Treisa Flow
Funciona en Preview pero no publicado	paso sin publicar	publica el paso del embudo

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