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

# Integración del usuario

> Cómo integrar Ayrshare para permitir que tus usuarios, clientes o marcas vinculen sus cuentas de redes sociales.

Ayrshare opera como una plataforma centrada en la API, diseñada para funcionar discretamente en segundo plano.

La *única interacción* que tus usuarios tendrán con una interfaz de Ayrshare es a través de la página de vinculación social de marca blanca, que tú abres para ellos mediante una [URL JWT](/multiple-users/api-integration-business#single-sign-on-with-jwt-authentication).
Este proceso está diseñado para que sea fluido y sencillo para tus usuarios, sin necesidad de que creen una cuenta ni inicien sesión.

<Note>
  Tus clientes nunca acceden al dashboard de Ayrshare — está reservado para tu
  equipo interno. Puedes [personalizar con marca blanca la página de conexión de cuentas](/multiple-users/manage-user-profiles#white-label-the-connect-accounts-page)
  con tu logotipo, colores, cabeceras y mucho más para que se sienta como una parte nativa de
  tu producto.
</Note>

Ayrshare organiza a cada uno de tus usuarios en un **User Profile** de Ayrshare. Un User Profile puede tener una conexión a cada red social.

## Experiencia del usuario

Tus usuarios autorizarán sus cuentas de redes sociales, como Instagram o Facebook, para permitirte publicar, obtener analíticas, etc., en su nombre mediante la API de Ayrshare. **Cada User Profile puede tener una conexión a cada una de las redes sociales.**

1. Dentro de tu app, crea un enlace o botón, por ejemplo "Link Your Social Accounts", en el que tu usuario hará clic para abrir la página de vinculación social.
2. Cuando se haga clic, abre una nueva pestaña, ventana o webview con la URL devuelta por el [endpoint /generateJWT](/apis/profiles/generate-jwt).
3. La página de vinculación social mostrará todas las redes disponibles, que puedes [controlar](/multiple-users/manage-user-profiles#set-social-networks-access). Arriba estará tu logotipo con tu marca. Puedes [personalizar](/multiple-users/manage-user-profiles#user-profile-settings) muchos aspectos de esta página, como el título, el enlace de ayuda y la imagen del perfil.
4. Tu usuario elegirá las redes sociales que quiere vincular y cerrará la pestaña al terminar haciendo clic en el botón 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="Ayrshare Social Linking Page" width="2540" height="2110" data-path="images/multiple-users/linking-page.webp" />
</p>

En la parte superior de la página aparecerá tu logotipo con tu marca.

**Desde la perspectiva del usuario, ha terminado y ha vinculado con éxito sus cuentas de redes sociales.** Con solo unos clics tendrán sus cuentas de redes sociales vinculadas y tú podrás publicar en su nombre.

Entre bastidores, crearás nuevos perfiles mediante la API o el dashboard, recibirás una Profile Key que se usa para publicar en nombre de los usuarios y abrirás la página de vinculación social anterior pasando un token JWT para realizar single sign-on.

Consulta la siguiente página sobre Integración de API para Business para saber cómo hacerlo.

<Card title="Integración de API para Business" icon="link" href="/multiple-users/api-integration-business" horizontal />

## Personalización de la página de vinculación social

Puedes personalizar muchas partes de la página de vinculación social para todos los usuarios
o para usuarios específicos. Consulta cada sección para más detalles. También hay detalles específicos
para los planes Business y Launch, con y sin Max Pack.

### Personalizaciones del Business Plan y Launch Plan

<ul class="custom-bullets">
  <li>
    Añade tu propio [logotipo de
    empresa](/multiple-users/manage-user-profiles#update-logo-on-social-linking-page) o quítalo
    por completo. Consulta tu guía de integración de onboarding para más detalles.
  </li>

  <li>
    Selecciona a qué redes sociales pueden acceder tus usuarios, ya sea de forma
    [global](/multiple-users/manage-user-profiles#set-social-networks-access) o a nivel de [user
    profile](/apis/profiles/overview#enable-or-disable-social-networks).
  </li>

  <li>
    Elimina los enlaces a páginas de ayuda y [añade tus propias páginas de
    ayuda](/multiple-users/manage-user-profiles#help-links-visible).
  </li>

  <li>
    Configura la [redirección de la
    página](/multiple-users/api-integration-business#opening-and-closing-the-social-linking-url)
    al cerrar la página de vinculación social.
  </li>

  <li>
    Define las [cabeceras principal y secundaria](/apis/profiles/create-profile) en la página de vinculación social.
    Puedes mostrar el nombre de tu usuario, su empresa, otro mensaje o eliminarlas por completo.
  </li>
</ul>

### Personalizaciones con Max Pack en Business Plan y Launch Plan

<ul class="custom-bullets">
  <li>
    Personaliza la apariencia de tu página de vinculación social con tu propio [archivo CSS
    personalizado](/multiple-users/manage-user-profiles#customize-css): modifica colores, fuentes y controla
    qué funciones se muestran.
  </li>

  <li>
    Personaliza la pestaña del navegador añadiendo tu propio [favicon y
    título](/multiple-users/manage-user-profiles#change-page-title-close-button-and-favicon) a
    la página de vinculación social.
  </li>

  <li>
    Edita el [texto del botón 'Close'](/multiple-users/manage-user-profiles#change-page-title-close-button-and-favicon) en
    la página de vinculación social.
  </li>

  <li>
    Añade [contenido personalizado al pie de página](/multiple-users/manage-user-profiles#footer-text) en la página
    de vinculación social mediante texto o HTML — perfecto para tu aviso de copyright o enlaces a tu web.
  </li>

  <li>
    Configura un entorno de staging para hacer pruebas con cuentas sociales reales, hasta el tope de
    User Profiles de tu plan.
  </li>
</ul>

Los clientes del **Business Plan** y del **Launch Plan** pueden adquirir el [Max Pack](/additional/maxpack) para
más opciones de personalización.

Los clientes del **Enterprise Plan** obtienen
[funciones avanzadas](/multiple-users/manage-user-profiles#enterprise-features).
