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

# Ligar o Webflow ao SORANK

> Crie uma aplicação Webflow, configure as permissões e ligue o seu site ao SORANK.

Ligue o Webflow ao Sorank para publicar artigos diretamente no seu CMS. Vai criar uma aplicação Webflow, conceder as permissões necessárias e ligá-la com o Client ID e o Client Secret.

## Antes de começar

O seu site Webflow deve cumprir estes requisitos:

* Publique o site online pelo menos uma vez.
* Crie uma coleção CMS chamada **Blog Posts**.
* Associe **SEO Title** e **Meta Description** aos campos CMS correspondentes no Webflow Designer.

Sem estas associações, o Webflow publica os artigos sem tags de título e descrição no HTML. Siga o [guia de configuração do blogue Webflow](/pt/documentation/setup-your-webflow-blog) se o seu site ainda não estiver pronto.

No Sorank, abra [Plataformas de publicação](https://app.sorank.com/settings/integrations/publishing), selecione **Webflow** e mantenha o guia de configuração visível durante os passos seguintes.

## Passo 1: abrir o desenvolvimento de aplicações Webflow

Aceda ao [painel do Webflow](https://webflow.com/dashboard/). Abra **Apps & Integrations**, selecione **Develop** e clique em **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 no painel do Webflow e selecionar Develop" width="1310" height="1120" data-path="images/documentation/16c307037793abc49c33.webp" />

## Passo 2: criar a aplicação

Em **App Development**, clique em **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="Clicar em Create an App no Webflow App Development" width="1738" height="1184" data-path="images/documentation/ed48b9af82f15762e3eb.webp" />

## Passo 3: introduzir as informações da aplicação

Introduza **App name**, **Description** e **App homepage URL**. Pode utilizar o URL do seu site como página inicial. Clique em **Continue**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/b6ec403e952ff14fda57.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=bc18a0969a0cd4b3449d0985b233bc74" alt="Introduzir o nome, a descrição e o URL da página inicial da aplicação Webflow" width="1552" height="1364" data-path="images/documentation/b6ec403e952ff14fda57.webp" />

## Passo 4: ativar Data Client e adicionar o redirect URI

Abra **Building blocks** e ative **Data Client**. Copie o redirect URI apresentado no guia do Sorank e cole-o em **Redirect URI**.

Para a aplicação Sorank em produção, o 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="Ativar Data Client e adicionar o redirect URI do Sorank no Webflow" width="2116" height="1680" data-path="images/documentation/fca6dde9e82b2e0c9a29.webp" />

## Passo 5: configurar as permissões CMS e Custom Code

Defina estas permissões:

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

## Passo 6: configurar as permissões Pages e Sites

Defina estas permissões:

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

Mantenha as restantes permissões em **No access** e clique em **Create App**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/7392c0c3788f7d184e85.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=bb0b1e1084ebba9c5d09205f757b0507" alt="Definir Pages como Read and write e Sites como Read-only e criar a aplicação" width="1552" height="1362" data-path="images/documentation/7392c0c3788f7d184e85.webp" />

## Passo 7: editar a aplicação

Em **App Development**, abra o menu da aplicação e clique em **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 o menu da aplicação Webflow e clicar em Edit App" width="1892" height="1180" data-path="images/documentation/a8da55e195190661253c.webp" />

## Passo 8: copiar as credenciais

Abra **Building blocks**. Copie o **Client ID**. Em seguida, revele e copie o **Client Secret**. Mantenha o Client Secret privado.

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

## Passo 9: ligar o Webflow ao Sorank

Regresse ao Sorank. Cole o **Client ID** e o **Client Secret** e clique em **Connect**.

<img src="https://mintcdn.com/sorank/o4YSM4TfAauGtbuM/images/documentation/7a79d7d4cf912b8c35c2.webp?fit=max&auto=format&n=o4YSM4TfAauGtbuM&q=85&s=13a88acbc8f77917cde6babc86d515b6" alt="Colar o Client ID e o Client Secret do Webflow no Sorank e clicar em Connect" width="1164" height="882" data-path="images/documentation/7a79d7d4cf912b8c35c2.webp" />

Após a autorização, selecione o site Webflow que corresponde ao seu site Sorank. Em seguida, selecione a coleção CMS onde o Sorank deve publicar os artigos. Não pode continuar com um site que nunca tenha sido publicado online.

A ligação ao Webflow está pronta. Pode publicar ou agendar artigos a partir do Sorank.
