Workflow iFrame and Script Integration
8. Workflow iFrame and Script Integration
iFrame or Script integration allows a workflow to be used within websites or web applications.
After selecting the integration method, use Get Started to proceed with the configuration.
The Customize screen allows you to configure how the workflow appears to users and how it behaves within the integration.
You can review your changes in the Preview area on the right.
8.1. Display Mode
The workflow can be displayed on the web page in Bubble or Container mode.
Bubble displays the workflow as a component that users can open and close on the page.
Container displays the workflow interface permanently within a specific section of the web page.
You can switch between Bubble and Container modes in the Preview area to review your changes.
8.2. Customizing the Appearance
The Customize Appearance section contains settings that determine how the workflow interface appears to users.
The options available in this section may vary depending on the selected integration type and workflow configuration.
8.3. Customizing the Behavior
The Customize Behavior section is used to configure how the workflow behaves within the integration.
Bubble Position determines where the Bubble is displayed on the page.
Maximum Width and Maximum Height determine the maximum amount of screen space the integration component can occupy.
Auto Open determines whether the component opens automatically when the page loads.
File Upload determines whether users can upload files through the workflow.
Initial Message defines the first message displayed when the user opens the integration.
Input Placeholder defines the helper text displayed in the user input field.
8.4. Saving Changes
You can review your changes in the Preview area on the right.
After completing the configuration, select Save Changes.
Unsaved changes may not be reflected in the live integration or deployment code.
8.5. Deployment with iFrame
After completing the customization, proceed to the Deploy step.
For iFrame integration, copy the iFrame code generated by SkyStudio for the Bubble or Container display mode and add it to the web page where you want the workflow to appear.
8.6. Deployment with Script
For Script integration, copy the Script code generated by SkyStudio and add it to the relevant web application.
The Script code allows the workflow to operate with the selected display and behavior settings.
Do not modify the key or identifier values in the code generated by SkyStudio. Changing these values may cause the integration to stop working or result in the wrong workflow being called.