> For the complete documentation index, see [llms.txt](https://docs.airops.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.airops.com/docs/pt/acoes/workflow-concepts/workflow-steps/flow/content-comparison.md).

# Comparação de Conteúdo

AirOps Content Comparison step: compare visualmente duas versões HTML com revisão de aceitar/rejeitar, para QA editorial, controlo de qualidade de conteúdo e atualização de conteúdo na página.

## Etapa de Comparação de Conteúdo

A etapa "Comparação de Conteúdo" permite comparar visualmente dois blocos de conteúdo HTML e destacar as diferenças entre eles. Foi concebida para controlo de qualidade de conteúdo, QA editorial e fluxos de trabalho de atualização de conteúdo na página com revisão humana na última etapa.

<figure><img src="https://31915162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX2n5yPRPynbnWuO4SH0M%2Fuploads%2Fgit-blob-7388b5190fc3f7282f0de472f80682b3a6709d79%2FCleanShot%202025-05-26%20at%2012.10.21%402x.png?alt=media" alt=""><figcaption></figcaption></figure>

### O que é a Etapa de Comparação de Conteúdo?

A etapa de Comparação de Conteúdo permite comparar uma versão original de conteúdo HTML com uma versão modificada, visualizando claramente adições, eliminações e alterações. Isto é particularmente útil quando precisa de:

* Rever alterações de conteúdo sugeridas por IA
* Acompanhar edições feitas durante um processo de revisão de conteúdo
* Verificar atualizações de conteúdo antes da publicação
* Manter o controlo de qualidade sobre as versões do conteúdo
* **Executar fluxos de trabalho de atualização de conteúdo na página com revisão humana na etapa final**

### Como Configurar a Etapa de Comparação de Conteúdo

#### Conteúdo Original (HTML Obrigatório)

Especifique o conteúdo original **HTML** que servirá como base de comparação. Este campo espera conteúdo formatado em HTML e pode ser:

* Uma string HTML direta
* O output de uma etapa anterior que gera HTML (usando sintaxe Liquid como `{{ step_1.output }}`)
* Conteúdo HTML obtido da sua Base de Conhecimento ou de uma fonte externa

**Importante:** Este campo requer conteúdo HTML, não texto simples nem markdown.

#### Conteúdo Atualizado (HTML Obrigatório)

Especifique o conteúdo modificado ou atualizado **HTML** que será comparado com o original. Tal como o conteúdo original, este campo espera HTML e pode ser:

* Uma string HTML direta
* O output de uma etapa anterior que gera HTML (usando sintaxe Liquid como `{{ step_2.output }}`)
* Conteúdo HTML obtido da sua Base de Conhecimento ou de uma fonte externa

**Importante:** Este campo requer conteúdo HTML, não texto simples nem markdown.

#### Instruções de Atualização (Opcional - Qualquer Formato)

Este campo opcional permite-lhe fornecer contexto sobre o motivo das alterações. Ao contrário dos campos de conteúdo acima, este campo aceita **qualquer formato de texto** (não é necessário HTML). Pode incluir:

* Razões para as alterações de conteúdo
* Instruções que foram usadas para gerar o conteúdo atualizado
* Notas sobre modificações específicas feitas
* Prompts de IA ou orientações que levaram às alterações

Quando fornecido, a AirOps irá resumir estes motivos de alteração na vista final das diferenças, tornando mais fácil para os revisores compreenderem o contexto por trás das atualizações de conteúdo.

<figure><img src="https://31915162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX2n5yPRPynbnWuO4SH0M%2Fuploads%2Fgit-blob-05d784eea6ee98dd9cd4d2fd9f4bfadebbe873ff%2FCleanShot%202025-05-26%20at%2012.11.30%402x.png?alt=media" alt=""><figcaption></figcaption></figure>

### Vista em Grelha com Diferenças Visuais (Funcionalidade da Etapa Final)

**Quando a Comparação de Conteúdo é o passo FINAL no seu fluxo de trabalho**, a saída da grelha oferece uma experiência de revisão melhorada:

1. **Ícone de olho na coluna HTML**: a coluna HTML resultante na grelha apresentará um ícone de olho (👁️) ao lado de cada linha
2. **Vista de diferenças interativa**: clicar no ícone de olho abre um visualizador de diferenças visuais que mostra:
   * O conteúdo original com formatação rasurada para o texto removido
   * O novo conteúdo destacado para adições
   * Um resumo de "Melhoria Proposta" (com base nas suas Instruções de Atualização)
   * **Botões Aceitar/Rejeitar** para revisão humana final

{% @arcade/embed url="<https://app.arcade.software/share/bQYAXaaHWv1DalGqq6o6>" flowId="bQYAXaaHWv1DalGqq6o6" %}

Esta funcionalidade é **particularmente poderosa para casos de uso de atualização de conteúdo na página**, em que é necessário:

* Rever melhorias sugeridas pela IA ao conteúdo existente
* Manter o controlo de qualidade antes de publicar atualizações
* Garantir consistência e precisão da marca
* Tomar decisões finais de aceitar/rejeitar com contexto completo

### Boas práticas

1. **Utilize sempre conteúdo HTML** para os campos Conteúdo Original e Conteúdo Atualizado
2. **Coloque a Comparação de Conteúdo como a etapa final** no seu fluxo de trabalho para tirar partido do visualizador de diferenças visuais da grelha
3. **Forneça Instruções de Atualização claras** para ajudar os revisores a compreenderem por que motivo as alterações foram feitas
4. **Use para fluxos de trabalho de atualização de conteúdo** onde a revisão humana das alterações é crítica antes da publicação

Esta etapa transforma a comparação de conteúdo de um processo técnico numa experiência de revisão visual e intuitiva que capacita as equipas a atualizar e melhorar o seu conteúdo com confiança e em escala.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.airops.com/docs/pt/acoes/workflow-concepts/workflow-steps/flow/content-comparison.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
