> ## 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.

# Integração do Usuário

> Como integrar com a Ayrshare permitindo que seus usuários, clientes ou marcas vinculem suas contas de redes sociais.

A Ayrshare opera como uma plataforma API-centric, projetada para trabalhar discretamente em segundo plano.

A *única interação* que seus usuários terão com uma interface Ayrshare é por meio da página de vinculação social com marca personalizada, que você abre para eles com uma [URL JWT](/multiple-users/api-integration-business#single-sign-on-with-jwt-authentication).
Esse processo é projetado para ser fluido e sem esforço para seus usuários, sem exigir que criem uma conta ou façam login.

<Note>
  Seus clientes nunca acessam o dashboard da Ayrshare — ele é reservado para sua
  equipe interna. Você pode [fazer white-label da página de conexão de contas](/multiple-users/manage-user-profiles#white-label-the-connect-accounts-page)
  com seu logotipo, cores, cabeçalhos e mais para que pareça uma parte nativa do
  seu produto.
</Note>

A Ayrshare organiza cada um dos seus usuários em um **Perfil de Usuário** Ayrshare. Um Perfil de Usuário pode ter uma conexão para cada rede social.

## Experiência do Usuário

Seus usuários autorizarão suas contas de redes sociais, como Instagram ou Facebook, para permitir que você publique, obtenha análises, etc. em nome deles via API da Ayrshare. **Cada Perfil de Usuário pode ter uma conexão para cada uma das redes sociais.**

1. No seu app, crie um link ou botão, por exemplo "Link Your Social Accounts", no qual seu usuário clicará para abrir a página de vinculação social.
2. Quando o link for clicado, abra uma nova aba, janela ou webview do navegador com a URL retornada pelo [endpoint /generateJWT](/apis/profiles/generate-jwt).
3. A página de vinculação social exibirá todas as redes disponíveis, que você pode [controlar](/multiple-users/manage-user-profiles#set-social-networks-access). No topo estará seu logotipo com marca personalizada. Você pode [personalizar](/multiple-users/manage-user-profiles#user-profile-settings) muitos aspectos dessa página, como título, link de ajuda e imagem de perfil.
4. Seu usuário escolherá as redes sociais que deseja vincular e fechará a aba ao terminar clicando no botão All Done.

<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="Página de Vinculação Social Ayrshare" width="2540" height="2110" data-path="images/multiple-users/linking-page.webp" />
</p>

No topo da página estará seu logotipo com marca personalizada.

**Do ponto de vista do usuário, eles terminaram e vincularam com sucesso suas contas de redes sociais**. Com apenas alguns cliques eles terão suas contas de redes sociais vinculadas e você poderá publicar em nome deles.

Nos bastidores, você criará novos perfis via API ou Dashboard, receberá uma Profile Key usada para publicar em nome dos usuários, e abrirá a página de vinculação social acima passando um token JWT para realizar o single sign-on.

Consulte a próxima página sobre Integração de API para Empresas para saber como fazer isso.

<Card title="Integração de API para Empresas" icon="link" href="/multiple-users/api-integration-business" horizontal />

## Personalização da Página de Vinculação Social

Você pode personalizar muitas partes da página de vinculação social para todos os usuários
ou usuários específicos. Consulte cada seção para detalhes. Há também detalhes específicos
para os Planos Business e Launch, com e sem Max Pack.

### Personalizações do Plano Business e Plano Launch

<ul class="custom-bullets">
  <li>
    Adicione seu próprio [logotipo
    da empresa](/multiple-users/manage-user-profiles#update-logo-on-social-linking-page) ou remova
    completamente. Consulte seu guia de integração de onboarding para detalhes.
  </li>

  <li>
    Selecione quais redes sociais seus usuários podem acessar, seja
    [globalmente](/multiple-users/manage-user-profiles#set-social-networks-access) ou no [nível do
    perfil de usuário](/apis/profiles/overview#enable-or-disable-social-networks).
  </li>

  <li>
    Remova links para páginas de ajuda e [adicione suas próprias páginas de
    ajuda](/multiple-users/manage-user-profiles#help-links-visible).
  </li>

  <li>
    Defina o [redirecionamento da
    página](/multiple-users/api-integration-business#opening-and-closing-the-social-linking-url)
    ao fechar a página de vinculação social.
  </li>

  <li>
    Defina os [cabeçalhos superior e sub](/apis/profiles/create-profile) na página de vinculação social.
    Você pode mostrar o nome do seu usuário, sua empresa, outra mensagem ou remover completamente.
  </li>
</ul>

### Personalizações Max Pack do Plano Business e Plano Launch

<ul class="custom-bullets">
  <li>
    Personalize a aparência da sua página de vinculação social com seu próprio [arquivo CSS
    personalizado](/multiple-users/manage-user-profiles#customize-css) - modifique cores, fontes e controle
    quais recursos são exibidos.
  </li>

  <li>
    Personalize a aba do navegador adicionando seu próprio [favicon e
    título](/multiple-users/manage-user-profiles#change-page-title-close-button-and-favicon) à
    página de vinculação social.
  </li>

  <li>
    Edite o [texto do botão 'Close'](/multiple-users/manage-user-profiles#change-page-title-close-button-and-favicon) na
    página de vinculação social.
  </li>

  <li>
    Adicione [conteúdo de rodapé personalizado](/multiple-users/manage-user-profiles#footer-text) à
    página de vinculação social usando texto ou HTML - perfeito para seu aviso de direitos autorais ou links para o site.
  </li>

  <li>
    Configure um ambiente de servidor de staging para testar com contas sociais reais, até o limite
    de Perfis de Usuário do seu plano.
  </li>
</ul>

Clientes do **Plano Business** e do **Plano Launch** podem adquirir o [Max Pack](/additional/maxpack) para
mais opções de personalização.

Clientes do **Plano Enterprise** obtêm
[recursos avançados](/multiple-users/manage-user-profiles#enterprise-features).
