Integry Docs
  • Welcome
  • Sign up for a free trial
  • Apps
    • Overview
    • Authentication
      • Access Control and Testing
    • Passthrough Requests
    • Supported Apps
      • Accelo
      • Aircall
      • Constant Contact
      • Copper
      • Elastic Email
      • Fireflies
      • Insightly
      • Instantly
      • Ontraport
      • RingCentral
      • Sendy
      • ServiceTitan
      • ActiveCampaign
      • Jotform
      • ActiveTrail
      • Agile CRM
      • Aha!
      • Airtable
      • Amazon SES
      • Asana
      • Basecamp3
      • BirdSend
      • Breezy HR
      • Brevo
      • Campaign Monitor
      • Capsule CRM
      • Chargify
      • CleverReach
      • ClickUp
      • ClickSend
      • Cliengo
      • Coda
      • Constant Contact
      • ConvertKit
      • Copper
      • Customer.io
      • Delighted
      • Demio
      • Drip
      • E-goi
      • Eventbrite
      • EverAction
      • Everhour
      • Formstack
      • Freshdesk
      • Freshworks CRM
      • Mautic
      • Customer.guru
      • Front
      • FTP
      • GetResponse
      • GitHub
      • Google Contacts
      • Google Sheets
      • GoToTraining
      • Groove
      • Help Scout
      • HubSpot
      • Keap
      • Mailchimp Transactional
      • Mailjet
      • MailUp
      • MeisterTask
      • Monday.com
      • MoonMail
      • Moosend
      • Nimble
      • Notion
      • Ontraport
      • PagerDuty
      • Pipedrive
      • Pipeline
      • Salesforce
      • SendPulse
      • Slack
      • Snappy
      • SolarWinds
      • Stripe
      • SurveySparrow
      • Teamgate
      • Unbounce
      • Zoho Books
      • Zoho Campaigns
      • Zoho CRM
      • Zoho Mail
      • Zoom
  • Flows
    • Overview
    • Flow Tutorials
      • Sync data TO another app from your app
      • Sync data FROM another app to your app
      • Create a two-way flow
    • Build a Flow
    • Trigger a Flow
      • Multiple Triggers in a Flow
    • Steps in a Flow
    • Integrations
      • Runs
  • Functions
    • Overview
    • Try Functions in 60 seconds
    • Quickstart for AI
    • Viewing Function Calls
    • Source Functions
    • Agent Frameworks
      • LangChain/LangGraph
      • CrewAI
      • AutoGen
      • LlamaIndex
      • Haystack
      • Smolagent
      • LiteLLM
      • Mistral AI
  • Embedded UI
    • Embed Integry Apps Marketplace
    • Add Integry Apps to an Existing Marketplace
    • Render modes, layouts and styling
    • Embedding FAQs
  • APIs and SDKs
    • JS SDK Reference
      • React Web Apps
    • API Reference
  • Workspaces
    • Overview
    • Workspace Variables
    • User Variables
  • Users
    • Testing with Beta Users
Powered by GitBook
On this page
  • Can the SDK be integrated in any framework of my choice?
  • How do I embed Integry in different deployment environments?
  • How do I make the rendered HTML from SDK match my app's look and feel?
  • Can I customize the styling with my own CSS?
  • How do I remove extra HTML elements being rendered by the SDK, e.g. a few headings that we don't need, etc.?
  • Why are my users being asked to provide an API key for my app?
  • How do I edit an existing integration?

Was this helpful?

Export as PDF
  1. Embedded UI

Embedding FAQs

PreviousRender modes, layouts and stylingNextJS SDK Reference

Last updated 5 months ago

Was this helpful?

Can the SDK be integrated in any framework of my choice?

Yes. The SDK package is framework-agnostic and can be installed in any framework that supports Javascript and HTML. It is also compatible with server-side rendering and can be used with frameworks such as NextJS and Nuxt.

How do I embed Integry in different deployment environments?

You will embed the same code in all your environments. Integry will use the same base URL and use the same API key(s) when calling your API endpoints.

If you want different flows to show in different environments, you can tag the flows, and filter on the tag(s) in the embed code.

If you want Integry to consider each environment to be completely separate, you can create . This feature is only available on the Enterprise license.

How do I make the rendered HTML from SDK match my app's look and feel?

SDK returns a basic HTML structure that you have full control over. As the SDK's output becomes part of your app, so you can override the CSS styles to make any changes required to match your own app's look and feel.

Can I customize the styling with my own CSS?

Of course! Go .

How do I remove extra HTML elements being rendered by the SDK, e.g. a few headings that we don't need, etc.?

You can simply inspect the HTML returned by the SDK and set the elements to hidden which are not required.

Why are my users being asked to provide an API key for my app?

How do I edit an existing integration?

Integry requires an API key to be able to call your app to make HTTP calls. If you pass an API key when you , the prompt will disappear.

Call .

additional workspaces
here
initialize IntegryJS()
editIntegration()