Confira como usar o Wix para construir seu site e negócio.

Personalize e gerencie seu site com os recursos do Wix.

Gerencie assinaturas, planos e faturas.

Administre seu negócio e conecte-se com os membros.

Compre, conecte ou transfira um domínio para o seu site.

Expanda seu negócio e presença online.

Aumente sua visibilidade com recursos de SEO e marketing.

Acesse recursos avançados e otimize sua produtividade.

Encontre soluções, problemas conhecidos ou contate-nos.

Domine novas habilidades com nossos cursos e tutoriais.

Confira nossas dicas de web design, marketing e mais.

Aumente o tráfego orgânico vindo dos motores de busca.

Desenvolva um site único com a nossa plataforma full-stack.

Alcance seus objetivos com a ajuda de um especialista.

Use o CMS (antigo Gerenciador de Dados)

CMS: adicionar e configurar campos de "rich content"

17 min

Neste artigo

Adicionar o tipo de campo "Rich content" à sua coleção
Adicionar o elemento de rich content à sua página
Opções e recursos de formatação no editor de rich content

Crie grandes blocos de conteúdo associados aos itens da sua coleção que você pode formatar no CMS (sistema de gerenciamento de conteúdo). Você pode combinar texto formatado com mídia, arquivos, código HTML, posts para redes sociais, soluções de negócios Wix e mais recursos. Quando você adiciona e conecta o elemento de rich content ao seu site, ele mantém a mesma formatação definida nos campos da coleção.

Para ter uma visão geral desse processo, confira nosso vídeo Ultimate CMS Guide (em inglês).

Adicionar o tipo de campo "Rich content" à sua coleção

Selecione o tipo de campo "Rich content" quando criar um novo campo na sua coleção. Você também pode editar os campos existentes para transformá-los em campos de "rich content". Após criar o campo "Rich content", adicione e formate seu conteúdo no campo para cada item em sua coleção.

Para adicionar um campo de "rich content":

Vá para CMS no painel de controle do seu site. Se preferir, você pode clicar em CMS no seu editor e clique em Suas coleções.
Clique na coleção relevante.
Clique em Gerenciar campos.
Clique em + Adicionar campo.
Selecione Rich content e clique em Escolher.
Insira um nome em Nome do campo.
(Apenas para Velo) Atualize o ID do campo, que é usado no código do site. Você não pode atualizar esse ID depois.
(Opcional) Insira um Texto de ajuda se quiser que um tooltip apareça na sua coleção ao lado do título do campo.
Clique em Salvar.

Clique no campo "Rich content" do item relevante em sua coleção.

Insira o texto que deseja usar para o item e escolha uma entre as opções de formatação disponíveis na parte superior. Você também pode adicionar imagens, vídeos, anexos e outros recursos a partir dos ícones na parte inferior.

Captura de tela da barra de formatação sendo usada na parte superior do editor de rich content.

Quer usar valores padrão com o campo "Rich content"?

Você pode adicionar valores padrão que são aplicados a cada novo campo "Rich content" de cada item. Ao criar ou editar um campo "Rich content", clique na aba Valor padrão e adicione o conteúdo que você deseja aplicar aos novos itens. Saiba mais sobre como adicionar valores padrão aos campos.

Adicionar o elemento de rich content à sua página

Adicione o elemento de rich content ao seu site. Em seguida, conecte-o a um conjunto de dados que se vincula à sua coleção. Agora você pode anexar o elemento de rich content a um repetidor para mostrar conteúdo dinâmico para vários itens de uma vez.

Editor Wix

Editor do Wix Studio

Vá para o seu editor.
Vá para a página ou seção à qual você deseja adicionar o elemento de rich content.
Clique em CMS no lado esquerdo do editor.
Clique em Adicionar elementos de conteúdo.
Clique em Rich content.
Clique no ícone Conectar ao CMS no elemento de rich content.
Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, clique em Adicionar conjunto de dados e escolha a coleção que deseja conectar, dê um nome ao conjunto de dados e clique em Criar.
Clique no dropdown Conectar conteúdo a e selecione o campo "Rich content" que você criou.
Clique em Configurações no elemento de visualização de rich content.

Captura de tela do elemento de visualização de rich content sendo conectado ao CMS.

Escolha como você deseja mostrar o conteúdo longo:
- Mostrar tudo: todo o conteúdo dos campos "Rich content" conectados é exibido no visualizador.
- Cortar: mostre apenas parte do conteúdo longo no visualizador:
  1. Escolha como recortar o conteúdo que aparece no visualizador:
    - Parágrafos: escolha o número de parágrafos mostrados. Ative Mostrar conteúdo do plugin se quiser mostrar conteúdo como imagens, vídeos e tabelas no visualizador.
    - Palavras: escolha o número de palavras mostradas.
  2. Clique na alavanca Botão "Mostrar mais" para escolher como o conteúdo pode ser expandido:
    - Ativada: se o conteúdo for cortado, os visitantes podem clicar em um link "Mostrar mais" para expandir o conteúdo exibido. Insira o texto a ser usado nos campos Mostrar mais/Menos texto.
    - Desativada: o texto é cortado e termina com "..." se todo o conteúdo não couber no visualizador. Os visitantes não podem clicar para expandir o conteúdo exibido.

Captura de tela das configurações do elemento visualizador de rich content sendo editadas.

Clique no ícone Layout no elemento de visualização de rich content e defina o preenchimento superior, inferior e lateral.
Clique no ícone Design para personalizar as cores do background e do botão "Mostrar mais", a borda, os cantos e substituir a formatação do texto.

Dica:

Em páginas dinâmicas de item, clique no dropdown Visualizar e selecione outros itens para ver como o campo "Rich content" será exibido em cada versão da página.

Opções e recursos de formatação no editor de rich content

Ao editar o campo de "rich content" da sua coleção, escolha entre as opções na parte superior para formatar seu texto. Você pode clicar nos ícones na parte inferior para adicionar recursos como tabelas, código HTML e posts para redes sociais.

Clique abaixo para saber mais sobre as opções disponíveis no editor de rich content.

Formatação de texto