--- title: "Ayrshare Connect" description: "Let your users connect Instagram, LinkedIn, TikTok and 14+ networks without leaving your app. One script tag, your styling, OAuth and token refresh handled by the Ayrshare API." canonical: https://www.ayrshare.com/connect/ lastModified: 2026-10-26 pageType: alternative --- # Ayrshare Connect > Let your users connect Instagram, LinkedIn, TikTok and 14+ networks without leaving your app. One script tag, your styling, OAuth and token refresh handled by the Ayrshare API. ## In-App Social Connections, Embedded in Your UI Let your users link Instagram, LinkedIn, TikTok, and 14+ networks without ever leaving your product. We manage the entire OAuth lifecycle and background token refreshes, requiring only a single script and backend call to get your dashboard connected effortlessly. [Read the docs](/docs/multiple-users/connect-widget) [Start a 28-day trial](/pricing/) - **>99.99%** — API uptime - **30M+** — API calls per day - **14+** — Social media networks - **AI-Native** — Native MCP server ## Keep Account Connections In‑App Prevent onboarding drop-offs with Ayrshare Connect. Keep the account linking process entirely on your screen, in your layout, and completely native to your product. - **Embedded frames**: Our tiles render inline in your layout and already show which accounts are linked. The only popup is the network's own login. Pick this when your settings page has a row per network and you want linking to happen in place. - **Your own button**: Keep your own button and styling. A click opens one brief popup of ours that inherits your appearance, then closes. Pick this when you want nothing of ours in your layout. - **Hosted linking page**: A page we host with your logo and colours. Your user leaves your app to use it. Pick this when you want a single link to send, or you onboard by email. Nothing to build. Need it without our script? [Direct mode](/docs/multiple-users/connect-direct-mode) gives you the same popup from a URL, for strict Content-Security-Policy pages, server-rendered apps and native apps. - **Compare the three surfaces in our API docs** ## Secure Integration in Three Steps You can let users connect their social accounts directly inside your app in three simple steps while keeping your security keys safely hidden on your server. - **Add the script**: Add a single line of code to your website to load Ayrshare Connect. It updates automatically. ```markup ``` - **Create a secure session**: Have your backend securely request a connection session for the signed-in user. You only need one call to cover all social networks, and it is strictly locked to your website's address for security. ```javascript app.get("/my-api/ayrshare-session", async (req, res) => { const response = await fetch("https://api.ayrshare.com/api/profiles/link-sessions", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${process.env.AYRSHARE_API_KEY}`, "Profile-Key": profileKeyFor(req.user), }, body: JSON.stringify({ mode: "connect", origin: "https://app.example.com" }), }); res.json(await response.json()); }); ``` - **Choose your layout**: Use that secure session on your frontend to display flexible connection tiles or a simple popup button. The connections auto-renew in the background, adapt to fit your layout, and work with any framework. [Full guide in the docs](/docs/multiple-users/connect-widget). ```javascript const connect = AyrshareConnect.init({ session: () => fetch("/my-api/ayrshare-session").then(r => r.json()), }); // Embedded frames in your layout connect.mount("#instagram-slot", { network: "instagram" }); connect.mount("#the-rest", { networks: ["linkedin", "tiktok", "x"] }); // Your own button: call popup() inside the click handler linkedInButton.addEventListener("click", () => { connect.popup({ network: "linkedin" }); }); ``` ## Real-Time Events, Directly to Your Backend Send every click, success, failure, and state change directly to your codebase. Forward events to your own analytics to track onboarding behavior, and drive real-time UI updates without ever needing to poll. Every failure comes with a specific reason, like a blocked popup or a declined permission, so your support team can resolve issues in one reply. [Full event table](/docs/multiple-users/connect-widget#events) ## Fully Branded, Top to Bottom Maintain user trust with a completely white-labeled experience. Style the connection flow to match your app perfectly by passing design tokens at initialization to customize fonts, colors, and spacing. Add your logo and product name so the hand-off screen carries your brand, ensuring users never feel like they left your platform. ## New Native UI, Same Powerful Backend - **Zero Credential Liability**: Users authenticate directly with the social networks. Passwords never touch your servers, keeping your platform completely secure and out of scope. Ayrshare is GDPR compliant, with a signed [Data Processing Agreement](/data-processing-agreement/) available for your own compliance review. - **Automated Token Management**: Ayrshare automatically refreshes OAuth tokens in the background. Secure, short-lived sessions handle user sign-ins effortlessly so you never have to manage expirations. - **Locked to Your Origin**: Frames render exclusively on the domains you declare during session creation. Embedded anywhere else, they remain safely blank, with no complex allowlists to manage. - **Zero-Maintenance Updates**: When social networks update their APIs, we deploy the fixes instantly within our frames. Your integration stays pristine without requiring a single code redeploy. - **Platform Quirks, Handled**: We smooth out complex network requirements, like Meta's mandatory extra click, by seamlessly guiding users through the process natively under your own brand and logo. Ayrshare is an official, approved partner of the social networks, so your users connect through our already-approved apps and you skip each network's app review. - **Built for Multi-Tenant Apps**: The ideal self-serve onboarding flow for SaaS products, AI content tools, and agencies that need end-users to securely link their own social profiles directly inside your platform. ## Common Technical Questions ### Can I drop this into a React, Vue, or Next.js app? Yes. The script is framework-agnostic. Load it once outside your component tree, mount inside an effect, and call destroy() on cleanup. The docs include a complete React component. ### What are the CSP requirements for the frames? Two entries, both naming https://app.ayrshare.com: script-src and frame-src. No connect-src entry, because our frames reach our API from inside themselves. ### Does this work inside iOS and Android native apps? Yes. A native app can't load the web widget, so you use [direct mode](/docs/multiple-users/connect-direct-mode) instead. Your backend creates a link session as usual, and your app opens the link it gets back in the phone's own browser. It has to be the real browser, not a web view inside your app, because the social networks block logins from web views. When the user is done, your app calls [Get a Link Session](/docs/apis/profiles/get-link-session) to see which accounts were connected. ### Do I have to rewrite my existing API integrations? No. Everything you have built keeps working. Posting, analytics, and the rest of the Ayrshare API are unchanged, and the hosted linking page and generateJWT stay fully supported with no removal date. Ayrshare Connect is an addition, not a replacement. It uses the same link session you already create, shown inside your app instead of on our hosted page. If you later want to move from generateJWT to [link sessions](/docs/apis/profiles/create-link-session), it is a small change: send your API key and the user's Profile-Key to the new endpoint, and read url from the response where you used to read token. ### What tier do I need to be on to access this? Ayrshare Connect requires the Max Pack on the Business plan. The hosted linking page is included in Business without the Max Pack. [See pricing](/pricing/). ## Test it in your app today Generate a session on your backend, mount a single slot, and run it right alongside your current UI. Your onboarding can stay exactly as it is. [Read the Connect docs](/docs/multiple-users/connect-widget) [Book a demo](/contact/)