Skip to main content
O Conteúdo Rico é onde você monta a apresentação completa de um produto — textos, fotos, vídeos, ficha técnica, PDFs, modelo 3D e mais — empilhando blocos num editor visual. Cada conteúdo fica ligado a um produto pelo SKU, e o mesmo material serve em três lugares:
  • Na página do produto da sua loja, exibido pela tag do site.
  • Nas mensagens das automações (e-mail, WhatsApp e push), por meio de variáveis.
  • Como base para os textos escritos por IA nas automações.
Não confunda com as mensagens ricas do WhatsApp (botões, lista e carrossel), que são montadas dentro da própria comunicação. Para essas, veja o guia de WhatsApp.

​
Antes de começar

  • Loja conectada. O Conteúdo Rico faz parte do E-commerce. Sem uma loja conectada (por exemplo, Nuvem Shop, Wake, Yampi ou Shopify), a tela mostra “Nenhuma loja conectada” e o botão Conectar loja, que leva a Configurações → Integrações. Veja Nuvem Shop e E-commerce.
  • Módulo opcional. O Conteúdo Rico é liberado por conta. Se o item não aparecer no menu ou a tela mostrar “Módulo não liberado”, fale com a OctaSend para ativar. Com o módulo bloqueado, o item some do menu e a seção sai do Dashboard.
  • Quem pode usar. Qualquer usuário com acesso ao painel da conta cria, edita e publica conteúdos. O histórico de cada conteúdo registra quem fez cada alteração.

​
Onde fica

No menu Conteúdo Rico. A tela tem três abas:

​
Aba Conteúdos

Cada linha mostra Imagem, Nome, SKU, Status, Última atualização, Visualizar e Ação.
  • Nome é o nome do produto sincronizado que tem aquele SKU. Quando nenhum produto da loja tem o SKU, aparece o próprio SKU com a indicação “Produto não encontrado” — o normal quando o conteúdo foi criado antes de o produto sincronizar.
  • Status é Rascunho ou Publicado (veja Publicar).
  • O ícone de olho em Visualizar abre a simulação da página do produto numa nova aba (veja Visualizar na simulação de loja, abaixo).
  • Clique na linha ou em Editar para abrir o editor.
  • A busca desta aba procura pelo nome do produto sincronizado ou pelo SKU.

​
Aba Produtos sem conteúdo

Lista os produtos sincronizados que ainda não têm conteúdo. Produtos com variantes aparecem uma vez só, pelo produto principal. A busca procura por nome ou SKU. Criar conteúdo abre a criação já com o SKU preenchido — ou, se o produto não tiver SKU, com o identificador do produto na plataforma. Quando todos os produtos já têm conteúdo, a aba mostra “Todo produto já tem conteúdo”.
Em E-commerce → Produtos, a coluna Conteúdo mostra um ícone de olho nos produtos que já têm conteúdo. Ele abre a mesma simulação.

​
Criar um conteúdo

1

Abra a criação

Em Conteúdo Rico, clique em Novo conteúdo — ou em Criar conteúdo na aba Produtos sem conteúdo.
2

Informe o produto

Em Buscar produto sincronizado, procure pelo nome ou SKU e clique no produto para preencher o SKU do produto. A busca mostra até 5 resultados, só entre os produtos que ainda não têm conteúdo. Se preferir, digite o SKU direto no campo.
3

Crie

Clique em Criar conteúdo. O conteúdo nasce como Rascunho, sem blocos, e o editor abre.
Regras do SKU:
  • Um conteúdo por SKU na conta. Se já existir, aparece “Já existe um conteúdo para este SKU”.
  • Espaços nas pontas são removidos e espaços repetidos no meio viram um só. Maiúsculas, minúsculas e pontuação são mantidas: CAM-1 e cam-1 são SKUs diferentes.
  • Você pode criar o conteúdo antes de o produto existir na loja. O vínculo acontece sozinho quando um produto com aquele SKU sincronizar.
  • Produto com variantes: crie o conteúdo para o produto principal, nunca com o SKU de uma variante. Quando a página da loja informa o SKU de uma variante, a OctaSend exibe o conteúdo do produto principal.
  • O SKU pode ser trocado depois, no topo do editor. Enquanto você digita, o nome do produto sincronizado aparece ao lado como confirmação.
Não há opção de excluir um conteúdo pelo painel. Para tirá-lo da loja e das mensagens, despublique (veja Publicar).

​
Montar o conteúdo

O Editor de conteúdo tem duas colunas: à esquerda, Blocos do conteúdo e a fileira Adicionar bloco; à direita, uma prévia ao vivo, que já mostra as edições ainda não salvas.
  • Adicionar: clique no tipo desejado em Adicionar bloco. O bloco entra no fim da lista.
  • Abrir e fechar: os blocos começam recolhidos. Use a seta do cartão para expandir.
  • Reordenar: arraste o bloco pela alça. Dentro de uma aba, use as setas para cima e para baixo.
  • Remover: ícone de lixeira no cartão.

​
Nome do bloco

Todo bloco tem um nome, editável no topo do cartão. Ele nasce automático — texto_1, imagem_1, ficha_1, galeria_1 e assim por diante — e é sempre convertido para minúsculas, sem acento, com _ no lugar de espaços e símbolos.
  • O nome precisa ser único no conteúdo inteiro, contando os blocos que estão dentro de abas. Nome repetido mostra um aviso no bloco e impede a publicação.
  • O nome identifica o bloco na variável usada nas mensagens (veja Variável de cada bloco, abaixo). Renomear um bloco muda a variável que o representa.

​
Interruptores de cada bloco

Cada bloco tem dois interruptores independentes, ambos ligados por padrão: Com os dois desligados, o cartão fica esmaecido. Desligar um bloco Abas vale para tudo o que está dentro dele.
Uma tabela de medidas que só faz sentido na página do produto? Desligue o Conteúdo IA dela. Uma observação que só a IA deve considerar? Desligue o E-commerce.

​
Envio de arquivos

Os blocos com imagem, PDF ou modelo 3D oferecem um botão de envio e, logo abaixo, um campo para colar a URL de um arquivo já hospedado.
  • Limite de 50 MB por arquivo.
  • Formatos aceitos no envio: JPEG, PNG, WebP e GIF (imagens), PDF, e GLB ou GLTF (modelo 3D). Outros formatos são recusados.
  • Os arquivos enviados ficam acessíveis por link público, porque são exibidos na sua loja. Não envie material confidencial.

​
Tipos de bloco

Texto formatado no editor de texto rico. Links sempre abrem em nova aba.
Uma imagem (envio ou URL), com texto alternativo (recomendado), legenda (opcional) e link ao clicar (opcional). Sem link, a imagem abre ampliada ao ser clicada.
Várias imagens lado a lado, com rolagem horizontal. Cada imagem tem texto alternativo, legenda e link opcionais. As imagens sem link abrem ampliadas, com navegação entre as fotos do bloco.
Escolha YouTube, Vimeo ou Arquivo e cole a URL. Links comuns do YouTube (página do vídeo, link curto, Shorts) e do Vimeo são convertidos para o player; um link do YouTube ou do Vimeo que não seja reconhecido não é exibido. Em Arquivo, a URL aponta direto para o arquivo de vídeo.
Lista de pares Rótulo e Valor, exibida como tabela de duas colunas. É o formato ideal para especificações, porque também vai para as mensagens.
Slides de imagem ou vídeo, com texto alternativo, título em destaque, subtítulo e link opcionais. Estilos: Deslizar, Fade, Pilha de cartões e Coverflow (3D). Na loja, o visitante navega pelas setas, pelos marcadores, pelo teclado ou arrastando.
Um grupo de botões de chamada para ação. Cada botão tem texto, link e estilo Preenchido ou Contornado. O editor avisa quando o texto ou o link está vazio. Botão sem link válido não aparece na loja.
Um PDF (envio ou URL) com título opcional e Modo de exibição:
  • Documento — o PDF aparece no visualizador do navegador.
  • Revista — as páginas são desenhadas como revista, com setas, contador de páginas e leitura em tela cheia.
No modo Revista, prefira enviar o arquivo pelo painel: um PDF hospedado em outro site pode não abrir como revista e, nesse caso, aparece no visualizador comum.
Grade livre de linhas e colunas com cabeçalho. Adicione e remova colunas e linhas à vontade. Para pares rótulo/valor, prefira a Ficha técnica.
Seções que abrem e fecham, cada uma com título e corpo em texto rico. O editor avisa quando o título está vazio. Bom para perguntas frequentes.
Uma imagem com pontos clicáveis. Clique na imagem para marcar um pin e arraste para mover. Cada pin tem título, descrição, link e cor; o editor avisa quando o título está vazio. Você também escolhe as cores de fundo e de texto do balão.Na loja, o balão abre ao passar o mouse ou ao tocar no pin, e o link aparece como “Ver mais”. As cores do balão valem na loja; a prévia do painel usa o balão padrão.
Um arquivo .glb ou .gltf (envio de até 50 MB, ou URL), uma imagem de capa, texto alternativo e a opção Girar sozinho ao abrir. Na loja, o visitante vê a capa com o botão Ver em 3D; o visualizador 3D só é carregado depois desse clique, sem pesar na página.
Várias imagens em layout Masonry (colunas com alturas livres) ou Mosaic (grade com a primeira imagem em destaque). Cada imagem tem texto alternativo, legenda e link opcionais; as sem link abrem ampliadas.
Organiza o conteúdo em abas. Cada aba tem título e a própria lista de blocos, de qualquer tipo exceto Abas (não existe aba dentro de aba).
Um carrossel de vídeos na vertical, no estilo dos Shorts. Envie vídeos do celular (o painel os prepara para a loja) ou cole um link do YouTube Shorts. Até 20 vídeos por bloco.
  • Título do bloco (opcional): aparece acima dos vídeos.
  • Play automático: ligado por padrão. Os vídeos visíveis na página tocam sozinhos, sem som; desligado, mostram só a capa até o visitante tocar.
  • Cada vídeo pode ter um botão (texto e link completo, http:// ou https://). O editor avisa quando falta o texto ou o link, e um botão incompleto não aparece na loja.
  • O editor mostra as visualizações de cada vídeo e um Copiar link para compartilhar o vídeo.
O mesmo conteúdo dos Vídeos curtos, mas exibido num card no canto da tela quando o visitante rola a página. O primeiro vídeo da lista toca no card.
  • Canto da tela: Inferior esquerdo ou Inferior direito.
  • Depois de fechar, volta a aparecer: Ao recarregar a página, Na próxima visita ou Depois de alguns dias (de 1 a 30).
  • Play automático: o card toca o primeiro vídeo sozinho, sem som; desligado, mostra só a capa.
  • O Título do bloco não aparece no card: vai para o leitor de tela e para o e-mail.
Duas fotos lado a lado com um controle deslizante para o visitante comparar, como um resultado de tratamento, uma reforma ou um produto antes e depois do uso.
  • Imagem antes e Imagem depois: envie, escolha da biblioteca ou cole a URL. Cada uma tem Texto alternativo (recomendado).
  • Rótulos: o padrão é “Antes” e “Depois”; edite se quiser. Mostrar rótulos liga e desliga os dois.
  • Posição inicial: onde o controle deslizante começa (0 a 100, padrão 50).
  • Legenda (opcional).
  • Se as fotos têm proporções diferentes, o editor avisa que a “depois” será cortada para encaixar.
  • Se uma das fotos não carregar na loja, a outra é exibida no lugar.
  • Nas mensagens, o bloco vira as duas fotos em sequência, com os rótulos, no e-mail; as duas imagens como anexo no WhatsApp; e, na variável do bloco, a URL da foto “depois”.
Os avisos de campo vazio dentro de um bloco (texto ou link do botão, título da seção ou do pin, arquivo e capa do modelo 3D, arquivo do PDF) não impedem a publicação. Confira os blocos antes de publicar.

​
Publicar

O que está na loja é sempre a versão publicada. Editar e salvar um rascunho não muda nada no site até você publicar. No topo do editor:
  • Salvar — num rascunho, só salva (“Rascunho salvo.”). Num conteúdo publicado, salva e publica na hora (“Conteúdo salvo e publicado.”).
  • Chave Publicado / Não publicado:
    • Desligada: ao ligar, publica os blocos atuais.
    • Ligada, com alterações ainda não salvas: publica as alterações e continua ligada.
    • Ligada, sem alterações pendentes: despublica. O conteúdo volta a Rascunho e sai da loja e das mensagens, sem apagar nada — basta ligar de novo para republicar.
Para publicar, o conteúdo precisa ter pelo menos um bloco, o SKU preenchido e nenhum nome de bloco repetido. Num conteúdo já publicado, o Salvar exige o mesmo. Enquanto houver edição pendente, o editor mostra “Alterações não salvas” e o navegador pede confirmação antes de fechar ou recarregar a aba. A publicação vale para a loja a partir do próximo carregamento da página do produto.

​
Carregamento sob demanda

No cartão Carregar somente após clique:
  • Desligado (padrão) — o conteúdo carrega junto com a página do produto.
  • Ligado — o visitante vê só um botão. O conteúdo é buscado e exibido depois do clique, o que deixa a página mais leve. Vale a partir da próxima visita, sem mexer no código da loja.
O texto do botão segue esta ordem:
  1. O Rótulo do botão do próprio conteúdo, que aparece no editor quando o carregamento sob demanda está ligado.
  2. O rótulo padrão da conta, definido na aba Configuração, passo Rótulo do botão (opcional).
  3. Se os dois estiverem vazios, “Ver todo o conteúdo”.
Os dois rótulos aceitam até 60 caracteres.
O botão só aparece se pelo menos um bloco do primeiro nível estiver com o E-commerce ligado. Caso contrário, o editor avisa que o botão não vai aparecer para o visitante.

​
Histórico de alterações

O botão Histórico abre a lista de mudanças do conteúdo: a data, quem fez (o e-mail do usuário, ou “sistema”) e o que mudou — criou o conteúdo, alterou o SKU, os blocos, o status, o modo de carregamento ou o rótulo do botão.

​
Visualizar na simulação de loja

O botão Visualizar do editor (e o ícone de olho nas listas) abre, numa nova aba, uma página de produto simulada com o conteúdo no lugar da descrição.
  • Mostra o último rascunho salvo. Edições que ainda não foram salvas não aparecem: salve antes de visualizar.
  • Usa o nome, as fotos e o preço do produto sincronizado com aquele SKU. Sem produto sincronizado, a página mostra o SKU no lugar do nome, fica sem foto e exibe um preço fictício.
  • Segue as mesmas regras da loja: só aparecem os blocos com E-commerce ligado e, no carregamento sob demanda, primeiro aparece o botão com o rótulo que a loja usaria.
  • Se o módulo de Avaliações de produtos estiver ativo, a simulação mostra as avaliações aprovadas do produto e o selo de nota abaixo do SKU.
O formulário Avaliar este produto da simulação envia uma avaliação de verdade, que passa pela mesma moderação de uma avaliação feita por um visitante da loja.

​
Exibir na página do produto

A instalação fica na aba Configuração e tem três partes.
1

Cole a tag do site

Em Instalar no seu site, copie a tag e cole no <head> de todas as páginas da loja. Se ainda não tiver uma, clique em Gerar tag. É a mesma tag que carrega os demais recursos ligados na conta, como tours e assistente. Veja OctaTag.
2

Revise os domínios autorizados

Em Domínios autorizados, informe um domínio por linha. Com a lista vazia, o conteúdo aparece em qualquer site. Com a lista preenchida, só nos domínios dela. O www. é ignorado (minhaloja.com.br vale para www.minhaloja.com.br), mas outros subdomínios precisam ser cadastrados um a um. A lista é a mesma para todos os widgets da OctaSend: tours, avaliações, avaliações de produto, assistente, conteúdo rico, carrinho e notificações.
3

Marque o lugar do conteúdo

No modelo da página de produto, coloque este elemento onde o conteúdo deve aparecer:
Em data-product, use o mesmo SKU do conteúdo. O identificador do produto na plataforma também funciona, e o SKU de uma variante exibe o conteúdo do produto principal.
Por fim, publique o conteúdo. Enquanto o produto estiver em rascunho ou sem conteúdo, o elemento fica vazio e não altera o layout da página. Na loja:
  • Só os blocos com E-commerce ligado são enviados para a página.
  • Links do conteúdo sempre abrem em nova aba, para o visitante não sair da página do produto.
  • Imagens sem link abrem ampliadas, com zoom e navegação pelo teclado.
  • Em um site fora da lista de domínios autorizados, o conteúdo não aparece.
  • Dentro de um bloco Abas, a loja mostra todos os tipos de bloco, como a prévia e a simulação do painel.
Se o seu site ainda tem o script antigo do Conteúdo Rico, remova-o depois de colar a tag nova. Com os dois na página o conteúdo não aparece em dobro, mas o script antigo pode ser o que continua exibindo, no lugar da tag.

​
Inserção automática na vitrine

Em algumas plataformas, a OctaSend coloca o contêiner do Conteúdo Rico na página do produto sozinha, sem você colar <div data-octasend-content> no tema. Ligue o interruptor no cartão da loja, em Configurações → Integrações → a plataforma (o nome do interruptor é Inserir o Conteúdo Rico nas páginas de produto na Yampi, Shopify, Olist Ecommerce e Linx Commerce). Todos dependem da OctaTag instalada na loja e do módulo Conteúdo Rico liberado na conta.
  • Em todas, o campo Seletor CSS (opcional) do cartão define o elemento depois do qual o conteúdo entra. Clique em Salvar seletor para gravar. Na Olist e na Linx, o seletor é recomendado, porque o tema varia de loja para loja.
  • Um contêiner data-octasend-content colado à mão tem prioridade: a inserção automática não duplica.
  • Produto sem SKU, ou sem id identificável, não mostra conteúdo.
  • Na Linx e na Olist, o produto só é reconhecido se a página tiver um único produto nos dados estruturados, para não mostrar o conteúdo de outro item.

​
Métricas

As métricas ficam no Dashboard, na seção Conteúdo Rico, e seguem o período escolhido no topo da página (7, 30 ou 90 dias). O link Ver conteúdos leva de volta à lista. A seção traz ainda um gráfico diário com as três contagens e duas tabelas: Por domínio (o site onde o conteúdo foi exibido) e Por conteúdo (pelo SKU informado na página).
Em conteúdo com carregamento sob demanda, Visualizações só conta quem já clicou no botão. As métricas vêm dos sites onde a tag está instalada; a simulação do painel não conta.

​
Usar nas mensagens das automações

O conteúdo publicado chega às mensagens das automações de duas formas. Nas duas, só entram os blocos com o Conteúdo IA ligado; o conteúdo de dentro das abas entra, e o título das abas não.

​
Passo Conteúdo do produto

O passo Conteúdo do produto do editor de automações busca o conteúdo publicado — de um produto fixo, do produto do evento ou de todos os produtos de um pedido — e o prepara para cada canal nestas variáveis: Os demais tipos de bloco (slideshow, botões, PDF, tabela, acordeão, imagem com pins, modelo 3D e galeria) não entram nessas variáveis. As opções de origem do produto e as saídas do passo estão em Automações.

​
Variável de cada bloco

Quando o evento que disparou a automação traz o produto — por exemplo, um evento de produto da Nuvem Shop —, cada bloco do conteúdo publicado vira uma variável {{produto.conteudo.<nome_do_bloco>}}, como {{produto.conteudo.texto_1}} ou {{produto.conteudo.ficha_1}}. Não é preciso o passo Conteúdo do produto para isso. A variável sai vazia — nunca como o texto {{...}} — quando o produto não tem conteúdo publicado, quando o bloco não existe ou quando o Conteúdo IA do bloco está desligado.

​
Indexar para IA

O passo Texto por IA das automações escreve um texto com IA a partir do conteúdo dos produtos (veja Automações). O botão Indexar IA do editor prepara um resumo completo do conteúdo para esse passo usar.
  • Só funciona com o conteúdo publicado e lê a versão publicada.
  • O resumo inclui todos os blocos com Conteúdo IA ligado — tabelas, acordeões, botões, pins, slides, imagens, o texto extraído dos PDFs e o título das abas. Sem indexar, a IA recebe só o texto dos blocos de texto e de ficha técnica.
  • A indexação não é automática. Depois de publicar uma mudança, clique em Indexar IA de novo.
O topo do editor mostra a situação: Limites do resumo:
  • Até 3 PDFs por conteúdo são lidos; os demais aparecem só pelo nome e link.
  • Até 6.000 caracteres de texto por PDF. O PDF precisa estar acessível por link e ter até 15 MB; se não puder ser lido, entra só o nome e o link.
  • O resumo inteiro tem até 20.000 caracteres.
  • O passo Texto por IA usa até 12.000 caracteres desse material (resumo indexado ou texto montado na hora). Com vários produtos de um pedido, o limite vale para o conjunto. O que passar disso fica de fora, então deixe as informações mais importantes nos primeiros blocos do conteúdo.
Quando o passo Conteúdo do produto busca os produtos de um pedido, os resumos só são usados se todos os produtos com conteúdo estiverem indexados. Se faltar um, a IA recebe o texto montado na hora para o pedido inteiro.

​
Próximos passos

Automações

Use o conteúdo nas mensagens e no Texto por IA.

OctaTag

A tag única que exibe o conteúdo no seu site.

Dashboard

Acompanhe visualizações e cliques.

E-commerce

Produtos sincronizados da sua loja.