Skip to main content

Workflow Integration

This page explains how to integrate a SkyStudio Workflow into your own systems using an iframe or script.

Prerequisite​

The workflow must be published before it can run after being integrated.

How to Integrate a Workflow​

  1. After the workflow is published, go to the Script Configuration section in the upper-right corner.
  2. Configure the workflow’s appearance and behavior settings on this screen.
  3. For an iframe:
    • Select either Bubble iframe or Container iframe.
    • Copy the generated iframe code. You can test it in a browser or integrate it into your own systems.
  4. For a script:
    • Integrate the script code provided by SkyStudio into your system.
    • Run it using either the Bubble or Container option.

Example Iframes​

These codes are examples and cannot be executed as provided. You can find your custom iframe codes in SkyStudio.

Bubble​

<iframe
  src="https://skystudio.skymod.tech/workflow-integration-iframe.html?key=****&variant=bubble&title=****"
  width="100%"
  height="500"
  frameborder="0">
</iframe>

Container​

<iframe
  src="https://skystudio.skymod.tech/workflow-integration-iframe.html?key=****&variant=container&title=****"
  width="100%"
  height="500"
  frameborder="0">
</iframe>

Example Scripts​

These codes are examples and cannot be executed as provided. You can find your custom script codes in SkyStudio.

Bubble​

<script
  src="https://skystudio.skymod.tech/assets/scripts/workflow-integration.js"
  data-workflow-key="*******"
  data-variant="bubble"
  data-title="****">
</script>

Container​

<script
  src="https://skystudio.skymod.tech/assets/scripts/workflow-integration.js"
  data-workflow-key="******"
  data-variant="container"
  data-title="****">
</script>

Execution Checklist​

  • Has the workflow been published?
  • Is data-workflow-key correct?
  • Does data-title contain the correct workflow name?
  • Is the variant correct: bubble or container?