Native Embedding

1. Introduction

viaSocket Embed lets you bring automation and integrations directly inside your product—no external tools needed.
It transforms your platform into an automation-first ecosystem, where workflows and AI-powered actions feel like they were built natively.


2. Why Native Embedding?

Most users juggle multiple apps, switch contexts, and face friction when integrating. viaSocket Embed solves this by enabling users to:

  • ✅ Automate tasks without leaving your app

  • ✅ Connect their favorite tools instantly

  • ✅ Boost productivity with pre-built workflows

For your business, this means:

  • 🔄 Higher retention – users stay engaged in your product

  • 💰 New revenue streams – monetize automation as a feature

  • ✨ Differentiation – stand out as automation-first.

Explore More:

🔹 With SaaS Applications

viaSocket Embed enables you to connect your SaaS with 5,000+ apps using three data flow models:

  • Fetch data from external apps into your SaaS

  • Send data from your SaaS to external apps

  • Bidirectional flow for complete sync

Steps to get started:

  1. Build your SaaS Application: First, build your application inside the viaSocket marketplace. To do this:

    • Go to Login >> Click on your company name at the top-right corner.

    • Select Plugin Builder and start building your application.

    • Here’s a help link

      to guide you through the app/plugin-building process.

  2. Create the Embed:

    • Once your app is built, create an Embed by going to Login >> Click on your company name (top-right corner).

    • Select Integration Embed and choose the app you built.

    • Select the actions and events you want to make available to your end users.

    • In the Embed Settings, choose which third-party apps you want to show to your users.

    • Tip: If this is your first time testing, start with just one third-party app. You can increase this number later (up to 5000+ apps).

    • Learn using video

      Guide video

For detailed help with the Embed setup,

check this link

.

Demo integration: Here’s an example of how the Embed will look inside your app:

viaSocket Embed Demo

  • Note: The demo uses Webhook as the primary app. You can replace this with your own app.

  • For testing with your configuration, replace org_id, projectid, and secret with your embedding credentials, which you'll receive when creating the embed.

  • The demo currently selects a few popular apps, but you can customize the selection based on your embed setup. It works in real time.


🔹 With AI & LLM Applications

viaSocket Embed connects AI systems with external apps instantly and in real time.

How it works:

  1. Your AI/LLM sends data to a Webhook URL generated by viaSocket.

  2. viaSocket performs the required operation (fetch/send).

  3. The result is returned on the same Webhook URL.

  4. Flow can be customized via the CONNECT TYPE tab in Embed Settings.

Why Webhooks?

  • ✅ Trigger AI chatbot responses dynamically

  • ✅ Enable live data processing

  • ✅ Execute custom events in real time

Steps to set up:

  1. Go to Login → Company Menu → Integration Embed

  2. Choose Webhook as the primary app

  3. Select third-party apps to connect

  4. Test with your credentials (org_id, project_id, secret)

Demo: Here's a demo showing how the Webhook is connected to third-party apps via viaSocket. Embed:

viaSocket AI/LLM Embed Demo

  • Note: The demo uses Webhook as the primary app. You can replace this with your own app.

  • For testing with your configuration, replace org_id, projectid, and secret with your embedding credentials, which you’ll receive during the embed creation process.

  • The demo shows a few popular apps, but your configuration can include more apps based on your embed setup.


🔹 Secure Data Transfer

viaSocket ensures secure communication with JWT (JSON Web Tokens):

  • Each automation flow is tied to a unique JWT token

  • Generated using org_id, user_id, project_id, and access_key

  • Encrypted with HS256

  • Passed as the embedToken parameter inside the script tag viasocket-embed-main-script

This ensures every user’s workflow is isolated, secure, and authenticated.

Integration Guide: SaaS, AI & Security
Sep 11, 2025

🔹 What is a JWT token, and why is it used in viaSocket Embed?

A JWT (JSON Web Token) is a compact, URL-safe way of securely transmitting user and project information between two parties.
In viaSocket Embed, the JWT token:

  • Ensures secure and authenticated communication between your SaaS/AI app and third-party services

  • Contains user and project details for flow isolation

  • Is encrypted with HS256 to keep sensitive data safe during transmission.


🔹 How do I generate a JWT token in viaSocket Embed?

Follow these steps:

  1. Obtain the org_id, user_id, project_id, and access key from the viaSocket SDK.

  2. Create a JSON object with the required details, like this:

{

  "org_id": "Tix4zpLRv9vq",

  "project_id": "projQRZP6Nzm",

  "user_id": "

idrisbohasdfasdf@gmail.com

"

}

  1. Use the JSON data along with your access key to generate the JWT token using HS256 encryption.

  2. Embed the JWT token in the embedToken parameter of the script tag (viasocket-embed-main-script) in your application.


🔹 What happens if I don’t pass a unique user_id for each user?

Every user must have a unique user_id. Without it:

  • Different users may share the same workflows or data

  • Data conflicts and security risks can occur

  • Personalization is lost

Assigning a unique user_id ensures each user gets a separate, secure, and personalized workflow experience.


🔹 Where can I find the list of apps available for integration?

You can browse through the list of over 5000+ apps available for integration with viaSocket Embed by visiting the following link:

viaSocket Integrations

Authentication & Security
Sep 11, 2025