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

# Configure o seu blog Webflow

> Doc Sorank - Configurar o seu blog Webflow

Siga estes passos para criar uma colecção de blogue no seu site Webflow e ligá-la ao Sorank, para que os artigos sejam publicados directamente no seu CMS.

## Passo 1: Abrir o painel do CMS

Abra o seu Webflow Designer. Clique em **CMS** na barra de navegação superior. Clique no botão **+** ao lado de "CMS Collections". Selecione **Create collection**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/b1811ff01cdc66e3e4f5.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=4d664d2f205d4f0ca932c128c1214dca" alt="Step 1 - Open CMS and click + to create a collection" width="918" height="298" data-path="images/documentation/b1811ff01cdc66e3e4f5.jpg" />

## Passo 2: Criar uma colecção de blogue

Na caixa de diálogo "New Collection", clique no modelo **Blog Posts**. Defina o nome da colecção como **Blog**. O URL passa automaticamente a ser **/blog**. Clique em **Create Collection**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/11feaaecf2eff29d0e60.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=53d173e2022e8939ce764eae4197d0a3" alt="Step 2 - Name the collection Blog and click Create Collection" width="3840" height="1900" data-path="images/documentation/11feaaecf2eff29d0e60.jpg" />

⚠️ O nome da colecção tem de ser exactamente **Blog**. O Sorank utiliza este nome para identificar a sua colecção.

## Passo 3: Adicionar os campos personalizados necessários

Clique em **+ Add new field**. Precisa de criar 3 campos personalizados, um a um.

### Campo 1: Post body

Clique em **+ Add new field**. Selecione **Rich text**. Dê-lhe o nome **Post body**. Clique em **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/f50a9678310e57590480.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=75e9ac68a056debf4989bb67a5f20b08" alt="Step 3a - Select Rich text field type for Post body" width="3840" height="1900" data-path="images/documentation/f50a9678310e57590480.jpg" />

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/e71b147bccea006ac2aa.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=741d63f9f42c2cd0f5d315db59d8e884" alt="Step 3b - Name the field Post body and save" width="3840" height="1900" data-path="images/documentation/e71b147bccea006ac2aa.jpg" />

### Campo 2: Image

Clique novamente em **+ Add new field**. Selecione **Image**. Dê-lhe o nome **Image**. Clique em **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/751efd5493c9cb253a12.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=984592635c70cb673e784f061754911d" alt="Step 3c - Select Image field type" width="3840" height="1900" data-path="images/documentation/751efd5493c9cb253a12.jpg" />

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/5656f10462d9994a5c21.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=1afa6d069ff2c5202bd52577a229da48" alt="Step 3d - Name the field Image and save" width="3840" height="1900" data-path="images/documentation/5656f10462d9994a5c21.jpg" />

### Campo 3: Metadescription

Clique novamente em **+ Add new field**. Selecione **Plain text**. Dê-lhe o nome **Metadescription**. Defina o tipo de campo de texto como **Multiple line**. Clique em **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/e0cb0c57e6a31505af72.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=5d9c36370517f81d05a7ce942c4104c2" alt="Step 3e - Select Plain text, name it Metadescription, set to Multiple line" width="3840" height="1900" data-path="images/documentation/e0cb0c57e6a31505af72.jpg" />

Clique em **Save Collection**. Os campos **Name** e **Slug** são criados por omissão. Não os elimine.

## Passo 4: Configurar as definições de SEO na página do modelo do blogue

Clique no ícone **Pages** no canto superior esquerdo do Designer. Em "CMS collection pages", clique em **Blog geos Template**. No painel da direita, vá a **Settings**. Desça até **SEO settings**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/7c993629c27982500d5f.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=f534bf73620bd63e0ed94eed6f9b1ec2" alt="Step 4a - Open Pages, select Blog geos Template, go to Settings then SEO settings" width="3840" height="1900" data-path="images/documentation/7c993629c27982500d5f.jpg" />

### Title tag

Clique em **+ Add field** e selecione **Name**.

### Meta description

Clique em **+ Add field** e selecione **META SEO**. Clique em **Guardar**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/5633f9d595e34d010143.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=6aa6af37c91189c9e3041be0cb2da016" alt="Step 4b - Link Name to Title tag and META SEO to Meta description, then Save" width="3840" height="1900" data-path="images/documentation/5633f9d595e34d010143.jpg" />

Isto garante que cada artigo que o Sorank publica recebe o seu próprio título e meta descrição únicos nos resultados de pesquisa do Google.

## Passo 5: Publicar o seu site Webflow

Clique em **Publicar** no canto superior direito do Designer. Selecione o seu domínio activo e confirme. A sua colecção de blogue está agora activa e pronta para receber artigos do Sorank.

## Passo 6: Ligar o Webflow ao Sorank

Vá à sua conta Sorank. Clique em **Publicar** em qualquer artigo, ou vá a **Configurações > Integração**. Clique em **Webflow** e depois em **Connect your CMS**. Autorize o Sorank a aceder à sua conta Webflow. Selecione a sua colecção **Blog**. Faça corresponder cada campo do Sorank ao campo equivalente do Webflow. Clique em **Confirm setup**.

Cada artigo que gera no Sorank pode agora ser publicado directamente no seu blogue Webflow com um clique, incluindo imagens, meta tags e slug.