Configuring the Embedded Experience
Whether you're embedding a button to start a flow or integrating a widget that connects a third-party services, Fastn gives you the tools to build smooth, secure, and intuitive interactions.
What is the Embedded Experience?
The Embedded Experience in Fastn allows you to bring your automated workflows directly into your product or platform. This gives your users a seamless, interactive way to trigger and manage workflows, without needing to log into Fastn or understand its backend logic.
It’s designed to create a white-labeled, native experience, helping you deliver integrations and automation as a built-in feature of your own app.
Where Embedding Is Useful
You can embed Fastn to:
Let customers trigger workflows from within your app (e.g., sync product data, send alerts, or request reports).
Allow users to authenticate with third-party services (like Shopify, Slack, or Jira) without leaving your platform.
Display workflow status or results using your own UI components, keeping everything in one place.
Let’s walk through a real-world scenario of using Fastn’s embedded experience.
Example Use Case: Sync Shopify Products to Elasticsearch
Imagine you're building a platform for e-commerce merchants, and you want to offer product sync from Shopify to Elasticsearch—without building the integration yourself.
Here’s how you can do it using Fastn:
Use a Prebuilt Template
Go to the Flows page in Fastn.
Click on Templates in the top-right corner.
Switch to the Community Templates tab and select the Shopify label.
Find the "Activate Shopify Export" template, click the three dots, and select Import.
Activate with a Widget
Once the flow is imported, attach it to a Widget.
Embed the widget in your app using a simple
<script>or<iframe>.Your users can now click a button to authenticate with Shopify and instantly enable the sync—without any dev work on your side.
This embedded flow will keep Elasticsearch updated automatically whenever new products are added to Shopify.
The Activate Shopify Export flow will perform multiple actions. It will prep the Elasticsearch database by handling index creation and import our required flows such as the exporting Shopify products, updating Shopify products and searching for Shopify products in Elasticsearch. Additionally, it will create the required webhooks in fastn and Shopify allowing product updates to be sent.
Once the flow is imported, it will show up on the Flows page. Next we are going to open the flow and update the projectId in the Variables step to match the current project id which can found in the URL as shown in the images below.
Next we are going to deploy the flow by clicking on the Deploy button on the top right.
Once the flow is deployed we are now ready to create our widget to trigger it.
Setting up with Widget
Go to the Connectors page, and find the Shopify connector under fastn connectors. Click on the three dots to see additional options and click on Publish.
This will open the create a widget page with Shopify's info pre-filled. Next add the Activate Shopify Exports flow as an activate action as shown below and update the widget.
After the update the widget will be published. The published widget can be viewed by going to the Widgets page.
Click on the Integrate button, generate a key and click preview to open the preview page and see the created widget.
Activating the flow
Clicking on the Activate button will trigger the authentication of Shopify connector. Which will ask for the store name and authenticate using oauth.
Once the authentication is successful the activate flow will be triggered.
This step will import the required flows, which can be seen deployed in the Flows page.
A webhook with the desired configurations, will be created, that can be seen on the Webhooks page
The example above demonstrates how widgets can be used to trigger multiple flows against a particular use case.
The Shopify widget can be integrated into a user's application to allow client to export data into their own Shopify accounts by using Widget to trigger authentication and connecting to their specific accounts.
Widgets can be integrated as scripts or iframes.
Their styling can also be customized to suit a user's requirements.
Additional content can be added to widgets as part of pop-ups triggered when a client presses the action buttons.
Last updated
Was this helpful?
