LogoLogo
PlatformConnectivityFlowsLearn
  • Getting Started
    • Welcome to Fastn
    • How Fastn Works
  • Your First Automation
  • Customer-Facing Integrations
    • Introduction to Embedded Integrations
    • Custom Webhooks: Automatic Triggers
    • Configuring the Embedded Experience
    • Workspace Management
  • Analytics & Monitoring
  • Building Flows
    • Flow Setup Essentials
    • Designing a Flow
    • Using Templates
  • Connecting Apps
    • Connector Types & Setup
    • Managing & Using Connectors
  • Data & Storage
    • Connect to the Fastn DB
    • Connecting External Databases
  • UCL - Unified Command Layer
    • About Fastn UCL
    • Getting Started with UCL
  • Multitenancy
  • Embedding Fastn UCL onto your AI Agent
  • UCL Monitoring
  • Fastn UCL Use Cases
    • Create a Google Doc and Share it to Slack - using Fastn UCL
    • Connect Fastn UCL to AI Assistant Preview for task Assignment in Jira
    • Connect Fastn UCL to Cursor and access data from Notion
  • Tutorials
    • Setting Up a HubSpot Integration in Your Platform
  • Additional Resources
    • Glossary
    • FAQs
Powered by GitBook
On this page
  • What is the Embedded Experience?
  • Where Embedding Is Useful
  • Example Use Case: Sync Shopify Products to Elasticsearch
  • Setting up with Widget
  • Activating the flow
  • Integrating Widgets​

Was this helpful?

  1. Customer-Facing Integrations

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.

PreviousCustom Webhooks: Automatic TriggersNextWorkspace Management

Last updated 16 days ago

Was this helpful?

Integrating Widgets

​