> ## Documentation Index
> Fetch the complete documentation index at: https://www.ayrshare.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# User Integration

> How to integrate with Ayrshare allowing your users, clients, or brands to link their social media accounts.

Ayrshare operates as an API-centric platform, designed to work discreetly in the background.

The *only interaction* your users will have with an Ayrshare interface is through the white-labeled social networks linking page.
This process is designed to be smooth and effortless for your users, without requiring them to create an account or log in.

Ayrshare organizes each of your users into an Ayrshare **User Profile**. A User Profile can have one connection to each social network.

## User Experience

Your users will authorize their social media accounts, such as Instagram or Facebook, to allow you to post, get analytics, etc. on their behalf via Ayrshare's API. **Each User Profile can have one connection to each of the social networks.**

1. Within your app, create a link or button, e.g. "Link Your Social Accounts", that your user will click to open the social linking page.
2. When the link is clicked, open a new browser tab, window, or webview with the URL returned from the[ /generateJWT endpoint](/apis/profiles/generate-jwt).
3. The social linking page will show all the available networks, which you can [control](/multiple-users/manage-user-profiles#set-social-networks-access). At the top will be your branded logo. You can [customize](/multiple-users/manage-user-profiles#user-profile-settings) many aspects of this page such as the title, help link, and profile image.
4. Your user will choose the social networks they want to link and close the tab once complete by clicking the All Done button.

<p align="center">
  <img src="https://mintcdn.com/ayrshare-docs/6mPR4kmwNEz1kMbX/images/multiple-users/linking-page.webp?fit=max&auto=format&n=6mPR4kmwNEz1kMbX&q=85&s=61a0936e0b28d14d89ef5226f386f5c0" alt="Ayrshare Social Linking Page" width="2540" height="2110" data-path="images/multiple-users/linking-page.webp" />
</p>

At the top of the page will be your branded logo.

**From the user's perspective they are done and have successfully linked their social media accounts**. With just a few clicks they will have their social media accounts linked and you'll be able to post on their behalf.

Behind the scenes, you'll create new profiles via the API or Dashboard, receive a Profile Key used to post on behalf of the users, and open the above Social Account linkage page by passing a JWT token to perform single sign on.

Please see the next page on API Integration for Business on how to do this.

<Card title="API Integration for Business" icon="link" href="/multiple-users/api-integration-business" horizontal />

## Social Linking Page Customization

You can customize many portions of the social linkage page for either all users
or specific users. Please see each section for details. There are also specific
details for Business Plan vs Business Plan with Max Pack.

### Business Plan Customizations

<ul class="custom-bullets">
  <li>
    Add your own [company
    logo](/multiple-users/manage-user-profiles#update-logo-on-social-linking-page) or remove
    entirely. Please see your onboarding integration guide for details.
  </li>

  <li>
    Select which social networks your users can access either
    [globally](/multiple-users/manage-user-profiles#set-social-networks-access) or at the [user
    profile level](/apis/profiles/overview#enable-or-disable-social-networks).
  </li>

  <li>
    Remove links to help pages and [add your own help
    pages](/multiple-users/manage-user-profiles#help-links-visible).
  </li>

  <li>
    Set the [page
    redirect](/multiple-users/api-integration-business#opening-and-closing-the-social-linking-url)
    for closing the social network linking page.
  </li>

  <li>
    Set the [top and sub headers](/apis/profiles/create-profile) on the social account linkage page.
    You can show your user's name, their business, another message, or remove entirely.
  </li>
</ul>

### Business Plan Max Pack Customizations

<ul class="custom-bullets">
  <li>
    Personalize your social accounts linking page appearance with your own [custom CSS
    file](/multiple-users/manage-user-profiles#customize-css) - modify colors, fonts, and control
    which features are displayed.
  </li>

  <li>
    Customize the browser tab by adding your own [favicon and
    title](/multiple-users/manage-user-profiles#change-page-title%2C-close-button%2C-and-favicon) to
    the social account linking page.
  </li>

  <li>
    Edit the ['Close' button text](/multiple-users/manage-user-profiles#change-page-title%2C-close-button%2C-and-favicon) on
    the social linkage page.
  </li>

  <li>
    Add [custom footer content](/multiple-users/manage-user-profiles#footer-text) to the social
    linkage page using text or HTML - perfect for your copyright notice or website links.
  </li>

  <li>
    Set up a staging server environment to test with up to 30 User Profiles using live social
    accounts.
  </li>
</ul>

**Business Plan** customers can purchase the [Max Pack](/additional/maxpack) for
more customization options.

**Enterprise Plan** customers get
[advanced features](/multiple-users/manage-user-profiles#enterprise-features).