How can I integrate SMOC flows into my website?

How can I integrate SMOC flows into my website?

Category: Guías de frontend

Puedes integrar flujos de SMOC en tu sitio web incrustándolos con código iframe o enlazando directamente a la URL del flujo.

1. Requisitos previos

  • Crea y configura tu flujo en SMOC Studio.
  • Ten acceso a tu sitio web/CMS, donde puedes añadir HTML personalizado.

2. Obtén el código de inserción (flujo actual de Studio)

  • Abre tu flujo en SMOC Studio.
  • Haz clic en Publicar (o vuelve a publicar después de las actualizaciones).
  • Abre el menú desplegable Abrir flujo.
  • Haz clic en Copiar el código de inserción.

(Si quieres una URL directa en su lugar, usa Abrir flujo -> Copiar enlace.)

3. Inserta en tu sitio web

  • Abre el editor de tu sitio web y ve a la sección donde debe aparecer el flujo.
  • Pega el código iframe copiado en un bloque de HTML/código personalizado.
  • Guarda y publica los cambios de tu sitio web.

4. Optimización de la visualización del iframe (recomendado)

  • En Studio, ve a Ajustes -> Insertar.
  • Activa el modo iframe cuando el flujo se usa dentro de un iframe.
  • Vuelve a publicar el flujo después de cambiar este ajuste.

5. Parámetro de URL opcional

  • iframe_mode=true se puede añadir a la URL del flujo para ocultar el encabezado habitual en contextos incrustados.