header-logo
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.
placeholder-preview-image
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.
placeholder-preview-image
  1. Início
  2. Crie o seu site
  3. Recursos avançados
  4. CMS
  5. Conecte conteúdo de coleções do CMS ao site
  6. CMS: exibir conteúdo da coleção em elementos de texto

CMS: exibir conteúdo da coleção em elementos de texto

20 min
Neste artigo
  • Conectar elementos de texto ao conteúdo da coleção
  • Conectar texto recolhível ao conteúdo da coleção
  • Conectar um letreiro ao conteúdo da coleção
  • Conectar uma máscara do texto ao conteúdo da coleção
  • Conectar efeitos de texto ao conteúdo da coleção
Com o CMS (sistema de gerenciamento de conteúdo), você pode exibir o conteúdo da sua coleção em vários elementos de texto no seu site. 

Conecte elementos de texto básicos como tema de texto, títulos e parágrafos ao conteúdo da sua coleção para criar um visual profissional. Use texto recolhível para apresentar muitas informações sem sobrecarregar os visitantes. Isso é ideal para blogs ou perguntas frequentes. Crie visuais dinâmicos com uma máscara de texto que exibe um vídeo dentro do texto, tornando seu conteúdo memorável. Use o letreiro para exibir textos de rolagem da sua coleção do CMS para atualizações de notícias ou avisos. 
Quer combinar texto formatado com mídia, arquivos, código HTML e muito mais?

Conectar elementos de texto ao conteúdo da coleção

Adicione elementos de texto, como tema de texto, títulos e parágrafos ao seu editor. Em seguida, conecte o elemento de texto a um conjunto de dados que se vincula ao campo da coleção relevante. 
Editor Wix
Editor do Wix Studio
  1. Vá para a página relevante no seu editor.
  2. Adicione um elemento de texto à sua página:
    1. Clique em Elementos no lado esquerdo do editor.
    2. Clique em Texto. 
    3. Clique no tipo de texto que deseja adicionar: Tema de texto, Títulos ou Parágrafos 
    4. Clique ou arraste a caixa escolhida para adicioná-la à página. 
Captura de tela do elemento de texto sendo adicionado no Editor Wix.
  1. Clique no ícone Conectar ao CMS  no elemento de texto. 
  2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, selecione Adicionar conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que você deseja conectar. 
Captura de tela do texto sendo conectado ao campo da coleção do CMS.
Dicas:
  1. (Apenas para tipos de campo "URL") Em Opções de link, selecione as opções relevantes: 
    • Abrir link: escolha como deseja que o link seja aberto: Na janela atual ou Em uma nova janela
    • Valores rel (SEO): selecione o tipo de atributo rel de link que você deseja usar:
      • noopener (recomendado): bloqueie o acesso à página de origem. 
      • noreferrer (recomendado): oculte informações sobre a fonte do link. 
      • nofollow: informe aos motores de busca que eles devem ignorar. 
      • sponsored: marque o link como patrocinado. 
  2. (Apenas para tipos de campo "Data e horário") Clique no dropdown Escolha um formato e selecione um formato para exibir a data e horário.
Captura de tela do formato sendo configurado para exibir um campo da coleção do CMS de data e horário.
  1. Em Cores, clique no dropdown A cor do texto se conecta a e selecione o campo "Cor" que você deseja conectar. 
Captura de tela da cor do texto sendo conectada a um tipo de campo
  1. Clique em Visualizar para testar suas conexões. 
  2. Clique em Publicar se as alterações estiverem prontas para ser publicadas. 

Conectar texto recolhível ao conteúdo da coleção

Adicione um elemento de texto recolhível que pode mostrar apenas as primeiras linhas de texto até que os visitantes cliquem para expandir todo o texto. Certifique-se de personalizar as configurações de Alterar texto para definir o botão "Mostrar mais" para se expandir antes de se conectar ao CMS. Como alternativa, você pode configurar o botão "Mostrar mais" para vincular a um único link estático que abre quando os visitantes clicam no link. 
Editor Wix
Editor do Wix Studio
  1. Vá para a página relevante no seu editor.
  2. Adicione um elemento de texto recolhível à sua página:
    1. Clique em Elementos no lado esquerdo do editor.
    2. Clique em Texto. 
    3. Clique em Texto recolhível.
    4. Clique e arraste um elemento de texto recolhível para sua página. 
Captura de tela da adição de um elemento de texto recolhível.
  1. Clique em Alterar texto e edite as configurações da caixa de texto recolhível: 
    • Alterar texto: você não precisa editar esse campo, pois você conectará o texto da sua coleção do CMS. 
    • O que o botão faz?: escolha o que acontece quando os visitantes clicam no botão:
      • Expandir: (recomendado) o texto recolhível se expande para revelar todo o texto. Edite os seguintes campos: 
        • Texto do botão Expandir: insira o texto que aparece no botão de expansão (por exemplo: "Ler mais").
        • Texto do botão Recolher: insira o texto que aparece no botão Recolher (por exemplo: "Ler menos").
      • Link: um link estático é aberto. Edite os seguintes campos:
        Observação: no momento, não é possível conectar esse link a um conjunto de dados ou campo de coleção. 
        • Texto do botão de link: insira o texto que aparece no botão de link (por exemplo: "Link para o artigo"). 
        • Para onde esse botão redireciona?: clique em Adicionar link e escolha um destino de link para o botão. 
    • SEO e acessibilidade: insira um nome acessível para o elemento e escolha a tag HTML. Saiba mais sobre como preparar a estrutura do seu site. 
Captura de tela das configurações de um elemento de texto recolhível sendo editadas.
  1. Clique no ícone  Conectar ao CMS no elemento de texto recolhível. 
  2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, selecione Adicionar conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que deseja conectar. 
    Dica: você pode conectar elementos de texto recolhível aos seguintes tipos de campos de coleção: Texto, Número, URL, Data e hora, Horário, Rich text e Endereço.
Captura de tela da conexão de um texto recolhível a um campo da coleção.
  1. Clique no ícone Layout  no texto recolhível e personalize o layout.
  2. Clique em Visualizar para testar suas conexões. 
  3. Clique em Publicar se as alterações estiverem prontas para ser publicadas. 

Conectar um letreiro ao conteúdo da coleção

Adicione um elemento de letreiro que exibe o texto em movimento da sua coleção do CMS. 
Editor Wix
Editor do Wix Studio
  1. Vá para a página relevante no seu editor.
  2. Adicione um elemento de máscara do texto à sua página:
    1. Clique em Elementos no lado esquerdo do editor.
    2. Clique em Texto. 
    3. Clique em Letreiro.
    4. Clique e arraste um elemento de letreiro para sua página. 
Captura de tela do elemento de letreiro sendo adicionado no Editor Wix.
  1. Clique no ícone Conectar ao CMS no letreiro. 
  2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, selecione Adicionar conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que deseja conectar. 
    Dica: você pode conectar letreiros aos seguintes tipos de campos da coleção: Texto, Número, URL, Data e horário, Horário e Endereço.
Captura de tela de um campo da coleção sendo conectado ao letreiro.
  1. Clique no ícone Design  para personalizar a formatação, o separador e o movimento do texto usados pelo texto do letreiro. Saiba mais sobre como fazer o design do letreiro. 
  2. Clique em Visualizar no canto superior direito para testar suas conexões. 
  3. Clique em Publicar se as alterações estiverem prontas para ser publicadas.

Conectar uma máscara do texto ao conteúdo da coleção

Adicione uma máscara do texto que exibe um vídeo dentro das letras do texto. Conecte sua máscara do texto ao campo de coleção do CMS que você deseja exibir. Depois vá para o painel Design para adicionar seu próprio vídeo ou escolha um vídeo do Wix.
Importante:
No momento, não é possível anexar máscaras de texto a repetidores. 
Editor Wix
Editor do Wix Studio
  1. Vá para a página relevante no seu editor.
  2. Adicione um elemento de máscara do texto à sua página:
    1. Clique em Elementos no lado esquerdo do editor.
    2. Clique em Texto. 
    3. Clique em Máscara de texto.
    4. Clique e arraste uma máscara de texto para sua página. 
Captura de tela da máscara de texto sendo adicionada no Editor Wix.
  1. Clique no ícone Conectar ao CMS  na máscara de texto. 
  2. 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 Criar um novo conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que deseja conectar. 
    Dica: você pode conectar máscaras de texto aos seguintes tipos de campos de coleção: Texto, Número, URL, Data e horário, Horário e Endereço.
Captura de tela de uma máscara do texto sendo conectada a um campo da coleção do CMS.
  1. Clique no ícone Design   e personalize o background, o formato do texto e a sombra. Saiba mais sobre como fazer o design da máscara de texto. 
Captura de tela de um vídeo usado em uma máscara do texto sendo alterado.
  1. Clique em Visualizar para testar suas conexões. 
  2. Clique em Publicar se as alterações estiverem prontas para ser publicadas. 

Conectar efeitos de texto ao conteúdo da coleção

Conecte o elemento de efeitos de texto ao seu conteúdo do CMS para exibir um texto dinâmico e atraente em todo o seu site. 

Para conectar efeitos de texto ao CMS:

  1. Vá para a página relevante no editor do Wix Studio.
  2. Adicione um elemento de efeitos de texto à sua página:
    1. Clique em Elementos  no lado esquerdo do editor.
    2. Clique em Texto.
    3. Clique em Efeitos de texto. 
    4. Clique e arraste o elemento de efeitos de texto escolhido para adicioná-lo à sua página. 
Captura de tela do elemento de efeitos de texto sendo adicionado no Editor do Wix Studio.
  1. Clique no ícone Conectar ao CMS no elemento de efeitos de texto. 
  2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, selecione Adicionar conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que deseja conectar. 
    Dica: você pode conectar efeitos de texto aos seguintes tipos de campos de coleção: Texto, Número, URL, Data e horário, Horário e Endereço.
  4. (Opcional) Clique no dropdown Link se conecta a e escolha o que acontece quando os visitantes clicam no elemento de efeitos de texto:
    • Ações: selecione a ação do conjunto de dados que ocorre quando os visitantes clicam no elemento de efeitos de texto (por exemplo: Ver mais, Aplicar filtros). Observação: as ações do conjunto de dados não estão disponíveis quando o elemento está anexado a um repetidor.
    • Páginas dinâmicas: selecione a página dinâmica para o qual os visitantes navegam quando clicam no elemento. Em seguida, escolha como o link é aberto: Na janela atual ou Em uma nova janela
    • Campos: selecione o tipo de campo "Documento", "URL", "Imagem" ou "Vídeo" que será aberto em uma nova aba quando os visitantes clicarem no elemento. 
Captura de tela das opções de conexão do conjunto de dados para um elemento de efeitos de texto.
  1. Faça o design do elemento de efeito de texto. 
  2. Formate o texto do elemento. 
  3. Clique no ícone Visualizar  no canto superior direito para testar suas conexões do CMS. 
  4. Clique em Publicar se as alterações estiverem prontas para ser publicadas. 

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Conectar elementos de texto ao conteúdo da coleção
  • Conectar texto recolhível ao conteúdo da coleção
  • Conectar um letreiro ao conteúdo da coleção
  • Conectar uma máscara do texto ao conteúdo da coleção
  • Conectar efeitos de texto ao conteúdo da coleção

Esse artigo foi útil?

|