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

# Collegare Webflow a SORANK

> Crei un'app Webflow, configuri le autorizzazioni e colleghi il suo sito a SORANK.

Colleghi Webflow a Sorank per pubblicare gli articoli direttamente nel suo CMS. Creerà un'app Webflow, concederà le autorizzazioni richieste e la collegherà con il Client ID e il Client Secret.

## Prima di iniziare

Il suo sito Webflow deve soddisfare questi requisiti:

* Pubblichi il sito online almeno una volta.
* Crei una raccolta CMS chiamata **Blog Posts**.
* Colleghi **SEO Title** e **Meta Description** ai campi CMS corrispondenti nel Webflow Designer.

Senza questi collegamenti, Webflow pubblica gli articoli senza tag title e description nell'HTML. Segua la [guida alla configurazione del blog Webflow](/it/documentation/setup-your-webflow-blog) se il suo sito non è ancora pronto.

In Sorank, apra [Piattaforme di pubblicazione](https://app.sorank.com/settings/integrations/publishing), selezioni **Webflow** e mantenga visibile la guida di configurazione durante i passaggi seguenti.

## Passaggio 1: aprire lo sviluppo delle app Webflow

Acceda alla [dashboard di Webflow](https://webflow.com/dashboard/). Apra **Apps & Integrations**, selezioni **Develop** e faccia clic su **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="Aprire Apps & Integrations nella dashboard di Webflow e selezionare Develop" width="1310" height="1120" data-path="images/documentation/16c307037793abc49c33.webp" />

## Passaggio 2: creare l'app

In **App Development**, faccia clic su **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="Fare clic su Create an App in Webflow App Development" width="1738" height="1184" data-path="images/documentation/ed48b9af82f15762e3eb.webp" />

## Passaggio 3: inserire le informazioni dell'app

Inserisca **App name**, **Description** e **App homepage URL**. Può utilizzare l'URL del suo sito web come homepage. Faccia clic su **Continue**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/b6ec403e952ff14fda57.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=bc18a0969a0cd4b3449d0985b233bc74" alt="Inserire il nome, la descrizione e l'URL della homepage dell'app Webflow" width="1552" height="1364" data-path="images/documentation/b6ec403e952ff14fda57.webp" />

## Passaggio 4: attivare Data Client e aggiungere il redirect URI

Apra **Building blocks** e attivi **Data Client**. Copi il redirect URI visualizzato nella guida di Sorank e lo incolli in **Redirect URI**.

Per l'applicazione Sorank in produzione, l'URI è:

`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="Attivare Data Client e aggiungere il redirect URI di Sorank in Webflow" width="2116" height="1680" data-path="images/documentation/fca6dde9e82b2e0c9a29.webp" />

## Passaggio 5: configurare le autorizzazioni CMS e Custom Code

Imposti queste autorizzazioni:

* **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="Impostare CMS su Read and write e Custom Code su Read-only" width="1558" height="1364" data-path="images/documentation/83883ca1cf934b30cfa7.webp" />

## Passaggio 6: configurare le autorizzazioni Pages e Sites

Imposti queste autorizzazioni:

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

Lasci le altre autorizzazioni su **No access**, quindi faccia clic su **Create App**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/7392c0c3788f7d184e85.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=bb0b1e1084ebba9c5d09205f757b0507" alt="Impostare Pages su Read and write e Sites su Read-only e creare l'app" width="1552" height="1362" data-path="images/documentation/7392c0c3788f7d184e85.webp" />

## Passaggio 7: modificare l'app

In **App Development**, apra il menu dell'app e faccia clic su **Edit App**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/a8da55e195190661253c.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=3e6e607bdde31bf7b26c50ace603ef2b" alt="Aprire il menu dell'app Webflow e fare clic su Edit App" width="1892" height="1180" data-path="images/documentation/a8da55e195190661253c.webp" />

## Passaggio 8: copiare le credenziali

Apra **Building blocks**. Copi il **Client ID**, quindi visualizzi e copi il **Client Secret**. Mantenga privato il Client Secret.

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

## Passaggio 9: collegare Webflow a Sorank

Torni in Sorank. Incolli il **Client ID** e il **Client Secret**, quindi faccia clic su **Connect**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/7a79d7d4cf912b8c35c2.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=13a88acbc8f77917cde6babc86d515b6" alt="Incollare il Client ID e il Client Secret di Webflow in Sorank e fare clic su Connect" width="1164" height="882" data-path="images/documentation/7a79d7d4cf912b8c35c2.webp" />

Dopo l'autorizzazione, selezioni il sito Webflow che corrisponde al suo sito Sorank. Selezioni quindi la raccolta CMS in cui Sorank deve pubblicare gli articoli. Non può continuare con un sito che non è mai stato pubblicato online.

La connessione Webflow è pronta. Ora può pubblicare o pianificare gli articoli da Sorank.
