Embed
Learn how to integrate viaSocket's functionalities directly into your applications. This section offers guidance on embedding viaSocket Flow, enabling seamless interaction within your platform.
Go to Integrations, you will find it in Developer Hub options.
Create an Integration
Choose your service and its actions or triggers it allows for other apps to integrate, if you are choosing a webhook as trigger you can also choose the response format.
Adjust Display Configuration
You can configure the Via-socket embed component in the Configuration Tab, where you have the ability to set dimensions, select the default or custom Button, to determine whether it should be styled by us or not. This gives you control over various aspects of the component's appearance and functionality, allowing for a tailored integration that aligns with your preferences and design requirements.
Generate JWT token
To generate a JWT token, please refer to the Configuration Tab for the required data. Additionally, ensure to include the user_id, which serves as a unique identifier for each user instance. Users will only have access to view flows associated with their respective user_id. You can create a token simply with jwt.io.
Copy SDK code
Please integrate the following code snippet into your application's existing codebase. It is essential to maintain consistency with the provided IDs and attributes. You can skip to pass the open button's ID if button is set to custom.
The openViasocket function is versatile and can be utilized to open a specific flow by passing the flow ID as a parameter.
Sharing Data to Parent
Using the window.addEventListener('message'), shown in the above SDK image, you can get the valuable information about a particular flow when any action is performed by the user in the below format.
|
"action" will show the status about a flow.
"initiated" : This will show if the flow is created for the first time or has not been published yet.
"published" : This action will tell user that the flow has been published.
"deleted" : This is for when the flow gets deleted.
"description" will tell us about what this flow does.
"id" is a unique flow identifier.
"webhookurl" is flow invocation URL.
"payload" : It consist the payload which is used to hit the webhookurl of flow.
Follow More Articles like this:-
Steps to integrate Embed
Apr 30, 2025viaSocket makes it easy for you to display and enable integrations between your platform and the apps your users frequently automate with. By embedding a simple script, you can provide a seamless way for users to discover and connect integrations directly from your platform.
This script can be used on your website, blogs, or even within your product to highlight key use cases.
Integration Script
To implement this functionality, add the following script to your website:
<script
primaryApp ="app_slug_name"
appName1="app_slug_name"
appName2=""app_slug_name"
id ='viasocket_integrations'
crossorigin="anonymous"
src="https://integrations.viasocket.com/integrations.js"></script>
How It Works
primaryApp– Defines your platform as the main app for which integrations will be displayed.appName1toappName5– Specifies the app’s slug name that your users frequently integrate with.How many apps can you integrate?
You can integrate up to 10 apps with the primary app using a script.
How to Find Slug Name of the App?
To find the slug name of the app viaSocket, follow these steps:
Go to the integration page of viaSocket.
Search for the app you are interested in (e.g., GoHighLevel).
In the URL, after "https://viasocket.com/integrations/", you will find the slug name of the app.
For example, if the URL is
https://viasocket.com/integrations/gohighlevel, the slug name of the app isgohighlevel.
Simply copy the last part of the URL after "integrations/" to get the correct slug name.
Benefits of Adding This Script
Showcase Relevant Integrations – Display the most commonly used integrations for your platform.
Enhance User Experience – Allow users to discover and set up automation without leaving your platform.
Quick Implementation – Simply copy and paste the script, customize it, and go live.
Flexible Placement – Use it on your website, blogs, or inside your product to illustrate real-world use cases.
Getting Started
Copy the script above and paste it into your website’s HTML.
Replace
your-appwith your actual platform’s name.Update
appName1toappName5with the apps your users commonly automate with.Save and deploy the changes to your website, blog, or product interface.
Once implemented, this will provide an interactive way for your users to explore and set up integrations effortlessly.
For any assistance, feel free to reach out.
Explore Automation Possibilities with viaSocket
Apr 30, 2025What is a Billing Partner?
A Billing Partner is a SaaS application that partners with viaSocket to provide Single Sign-On (SSO) login for their users. Through this integration:
Users of the Billing Partner’s SaaS app can seamlessly access viaSocket without needing separate signups.
These users are automatically recognized as viaSocket users through redirection and SSO authentication.
The Billing Partner assumes the responsibility for billing viaSocket on behalf of these users.
How Does the Billing Partner Model Work?
SSO Integration
The Billing Partner integrates with viaSocket’s SSO system, enabling their users to log in to viaSocket directly from their platform.User Redirection & Identification
When a user attempts to access viaSocket, they are redirected via the Billing Partner’s authentication flow. viaSocket identifies these users through the SSO token and grants access accordingly.User Status & Access
Once authenticated, the user gains access to viaSocket’s services as a valid user without needing a separate viaSocket account creation.Billing Responsibility
The Billing Partner is responsible for paying viaSocket for all usage generated by their redirected users, based on agreed pricing and usage metrics.
Benefits of Becoming a Billing Partner
Seamless User Experience: Your users get immediate access to viaSocket features without creating new accounts or managing additional credentials.
Increased User Engagement: Offering viaSocket through SSO enhances your product’s value proposition and ecosystem.
Simplified Billing: Consolidate billing through your organization, eliminating the need for individual user billing management.
Revenue Sharing & Growth: Build a recurring revenue stream by partnering with viaSocket and enabling your users to leverage cutting-edge workflow automation.
Responsibilities of the Billing Partner
Implement and Maintain SSO Integration: Ensure reliable and secure SSO connectivity with viaSocket.
User Data Accuracy: Provide accurate user identity information for billing and access management.
Billing Payment: Pay viaSocket based on the usage of your users as per the terms of the partnership agreement.
Support Collaboration: Work collaboratively with viaSocket’s support and technical teams to resolve user access or billing issues promptly.
Technical Overview
SSO Protocol: viaSocket supports standard SSO protocols (e.g., SAML, OAuth 2.0, OpenID Connect). Integration details will be provided upon partnership initiation.
User Identification: viaSocket uses SSO tokens to map users to the corresponding Billing Partner account for usage tracking.
Usage Reporting: viaSocket provides usage data reports attributing consumption to the Billing Partner for accurate billing reconciliation.
Next Steps for SaaS Apps Interested in Becoming Billing Partners
Contact viaSocket Partnership Team: Reach out at [email protected] for an initial discussion.
Technical Integration Planning: Collaborate on SSO setup and integration timelines.
Define Billing Terms: Agree on pricing, billing cycles, and usage reporting processes.
Launch & Monitor: Go live with the integration and monitor user activity and billing data collaboratively.
