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

# Conectar Webflow a SORANK

> Cree una aplicación de Webflow, configure sus permisos y conecte su sitio a SORANK.

Conecte Webflow a Sorank para publicar artículos directamente en su CMS. Creará una aplicación de Webflow, concederá los permisos necesarios y la conectará con su Client ID y su Client Secret.

## Antes de empezar

Su sitio de Webflow debe cumplir estos requisitos:

* Publique el sitio en línea al menos una vez.
* Cree una colección CMS llamada **Blog Posts**.
* Vincule **SEO Title** y **Meta Description** a los campos CMS correspondientes en Webflow Designer.

Sin estas vinculaciones, Webflow publica los artículos sin etiquetas de título y descripción en el HTML. Siga la [guía de configuración del blog de Webflow](/es/documentation/setup-your-webflow-blog) si su sitio todavía no está preparado.

En Sorank, abra [Plataformas de publicación](https://app.sorank.com/settings/integrations/publishing), seleccione **Webflow** y mantenga visible la guía de configuración durante los siguientes pasos.

## Paso 1: abrir el desarrollo de aplicaciones de Webflow

Vaya al [panel de Webflow](https://webflow.com/dashboard/). Abra **Apps & Integrations**, seleccione **Develop** y haga clic en **Create an App**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/16c307037793abc49c33.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=31e1c29cdc1d66b1bb2a9d3b8548795d" alt="Abrir Apps & Integrations en el panel de Webflow y seleccionar Develop" width="1310" height="1120" data-path="images/documentation/16c307037793abc49c33.webp" />

## Paso 2: crear su aplicación

En **App Development**, haga clic en **Create an App**.

<img src="https://mintcdn.com/sorank/OSVZWwcYdAu1-5az/images/documentation/ed48b9af82f15762e3eb.webp?fit=max&auto=format&n=OSVZWwcYdAu1-5az&q=85&s=e62e039996dd39b91413636fd067274b" alt="Hacer clic en Create an App en Webflow App Development" width="1738" height="1184" data-path="images/documentation/ed48b9af82f15762e3eb.webp" />

## Paso 3: introducir la información de la aplicación

Introduzca **App name**, **Description** y **App homepage URL**. Puede utilizar la URL de su sitio web como página de inicio. Haga clic en **Continue**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/b6ec403e952ff14fda57.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=bc18a0969a0cd4b3449d0985b233bc74" alt="Introducir el nombre, la descripción y la URL de inicio de la aplicación de Webflow" width="1552" height="1364" data-path="images/documentation/b6ec403e952ff14fda57.webp" />

## Paso 4: activar Data Client y añadir la URI de redirección

Abra **Building blocks** y active **Data Client**. Copie la URI de redirección que aparece en la guía de Sorank y péguela en **Redirect URI**.

Para la aplicación de Sorank en producción, la URI es:

`https://app.sorank.com/api/v1/cms-integrations/webflow/callback`

<img src="https://mintcdn.com/sorank/OSVZWwcYdAu1-5az/images/documentation/fca6dde9e82b2e0c9a29.webp?fit=max&auto=format&n=OSVZWwcYdAu1-5az&q=85&s=35fb6435d2651933c5cabc8e4b49fff1" alt="Activar Data Client y añadir la URI de redirección de Sorank en Webflow" width="2116" height="1680" data-path="images/documentation/fca6dde9e82b2e0c9a29.webp" />

## Paso 5: configurar los permisos de CMS y Custom Code

Configure estos permisos:

* **CMS:** Read and write
* **Custom Code:** Read-only

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/83883ca1cf934b30cfa7.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=88bb36a7dc748b7c32f8aa006599b437" alt="Configurar CMS como Read and write y Custom Code como Read-only" width="1558" height="1364" data-path="images/documentation/83883ca1cf934b30cfa7.webp" />

## Paso 6: configurar los permisos de Pages y Sites

Configure estos permisos:

* **Pages:** Read and write
* **Sites:** Read-only

Mantenga los demás permisos en **No access** y haga clic en **Create App**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/7392c0c3788f7d184e85.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=bb0b1e1084ebba9c5d09205f757b0507" alt="Configurar Pages como Read and write y Sites como Read-only y crear la aplicación" width="1552" height="1362" data-path="images/documentation/7392c0c3788f7d184e85.webp" />

## Paso 7: editar la aplicación

En **App Development**, abra el menú de su aplicación y haga clic en **Edit App**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/a8da55e195190661253c.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=3e6e607bdde31bf7b26c50ace603ef2b" alt="Abrir el menú de la aplicación de Webflow y hacer clic en Edit App" width="1892" height="1180" data-path="images/documentation/a8da55e195190661253c.webp" />

## Paso 8: copiar sus credenciales

Abra **Building blocks**. Copie el **Client ID**. Después, muestre y copie el **Client Secret**. Mantenga el Client Secret en privado.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/de7d25e5f3545ee4e27.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=8e113dd6c56bf326d7f1679e674496ce" alt="Copiar el Client ID y mostrar el Client Secret en Webflow" width="1852" height="1272" data-path="images/documentation/de7d25e5f3545ee4e27.webp" />

## Paso 9: conectar Webflow a Sorank

Vuelva a Sorank. Pegue el **Client ID** y el **Client Secret** y haga clic en **Connect**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/7a79d7d4cf912b8c35c2.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=13a88acbc8f77917cde6babc86d515b6" alt="Pegar el Client ID y el Client Secret de Webflow en Sorank y hacer clic en Connect" width="1164" height="882" data-path="images/documentation/7a79d7d4cf912b8c35c2.webp" />

Después de la autorización, seleccione el sitio de Webflow que corresponde a su sitio de Sorank. Seleccione después la colección CMS donde Sorank debe publicar sus artículos. No puede continuar con un sitio que nunca se haya publicado en línea.

Su conexión con Webflow ya está lista. Puede publicar o programar artículos desde Sorank.
