CMS: adicionar e configurar uma entrada de texto

8 min de leitura
Adicione uma entrada de texto, caixa de texto ou elemento de caixa rich text para coletar dados gerais de seus usuários, como um email ou número de telefone. Conecte o elemento de texto à sua coleção para que você possa armazenar e acessar as informações coletadas a qualquer momento.
Captura de tela de um exemplo de elementos de entrada de texto e um botão de envio.
Antes de começar:
Certifique-se de adicionar o CMS (sistema de gerenciamento de conteúdo) ao seu editor se você ainda não o tiver. 

Etapa 1 | Adicione e configure um elemento de entrada de texto

Adicione uma entrada de texto que usa uma única linha como entrada ou uma caixa de texto que fornece uma área maior para adicionar várias linhas de texto. Em seguida, personalize as configurações, o layout e o design da entrada para que combinem com o seu site. 
Editor Wix
Editor do Wix Studio
  1. Clique em Elementos no lado esquerdo do Editor.
  2. Clique em Entrada.
  3. Clique no tipo de entrada de texto que você deseja adicionar: 
    • Entrada de texto: permita que os visitantes insiram ou editem o texto em um campo com uma única linha.  
    • Caixa de texto: permita que os visitantes insiram ou editem texto em um campo que permite várias linhas de entrada. 
Captura de tela do elemento de entrada de texto sendo adicionado no Editor Wix.
  1. Clique e arraste para a página o elemento de entrada de texto que desejar. 
  2. Clique em Configurações no elemento de entrada e edite o seguinte: 
    • Tipo: (Somente para elemento de entrada de texto) selecione o tipo de informação que a entrada de texto permite: 
      • Texto: permite todos os tipos de caracteres na entrada, como nomes, endereços ou qualquer outra informação que não siga um padrão.
      • Senha: oculta todos os caracteres inseridos no campo de senha. 
      • Número: permite apenas números na entrada. 
      • Email: permite apenas endereços de email. Se um formato de endereço de email inválido for inserido, um tooltip avisa o usuário. 
      • URL: permite apenas endereços web. Se um formato de URL inválido for inserido, um tooltip avisa o usuário. 
      • Número de telefone: permite todos os tipos de caracteres na entrada.
    • Título do campo: insira o título que aparece acima do elemento de entrada. 
    • Mostrar texto inicial: escolha o texto inicial exibido no campo e insira o placeholder e o texto padrão, se necessário. 
    • Validações: escolha entre as seguintes opções: 
      • Tipo de campo: selecione as opções relevantes:
        • Obrigatório: torne obrigatório que os visitantes insiram um valor no campo antes de enviar. 
        • Somente leitura: defina o elemento para exibir apenas o conteúdo. Os visitantes não podem editar os valores, mas podem copiá-los.
      • Definir limite de caracteres: ative a alavanca para limitar os envios dos visitantes a um determinado número de caracteres e, em seguida, insira o máximo de caracteres.
      • Adicionar validação do padrão: (Somente elemento de entrada de texto) ative a alavanca e insira o código regex para adicionar sua própria validação do padrão à validação padrão do navegador.  
      • Formato da mensagem de erro: escolha como as mensagens de erro aparecem: Inline ou Tooltip
Captura de tela elemento de entrada de texto.
  1. Clique no ícone Layout  para editar o recuo, o espaçamento, a direção e o alinhamento do texto. 
  2. Clique no ícone Design para escolher um design predefinido. Em seguida, clique em Personalizar design para ajustar ainda mais o design. 

Etapa 2 | Conecte a entrada de texto ao CMS

Conecte sua entrada de texto a um conjunto de dados que se conecta à coleção e ao campo no qual você deseja salvar os envios. Defina o modo do conjunto de dados e permissões de coleção, se necessário. Em seguida, adicione um botão de envio no qual os visitantes devem clicar para enviar suas entradas para sua coleção. 
Editor Wix
Editor do Wix Studio
  1. No seu editor, clique no elemento de entrada de texto relevante.
  2. Clique no ícone Conectar ao CMS  .
  3. Clique no dropdown Escolha um novo 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.
  4. Clique no dropdown O valor se conecta com e selecione o campo da coleção em que você deseja armazenar os envios de entrada de texto.
    Dica: selecione Adicionar novo campo para adicionar um novo campo de coleção para armazenar os envios.
Captura de tela de uma entrada de texto conectada ao CMS.
  1. Defina o modo conjunto de dados e as permissões da coleção:
    1. Clique em Configurações do conjunto de dados
    2. Clique no dropdown Modo do conjunto de dados e selecione Gravação ou Leitura e gravação
    3. (Se necessário) Clique no tipo de permissão ao lado de Permissões da coleção e selecione Envios de formulário no primeiro dropdown. Você pode clicar nos dropdowns adicionais para refinar as permissões. Clique em Salvar quando terminar de configurar as permissões. 
  2. Crie um botão de envio em que os visitantes clicam para enviar suas entradas.

Esse artigo foi útil?

|