Criar formulários

É possível criar formulários para ajudar no crescimento da sua empresa das seguintes maneiras:

  • Incentivar os clientes a entrar na sua lista de e-mail marketing.
  • Integrar varejistas de atacado usando um formulário de solicitação de conta empresarial.
  • Coletar dados importantes sobre os clientes para a empresa.
  • Criar formulários de contato para consultas de atendimento.

Os formulários podem ser personalizados no editor para combinar com a loja virtual e capturar as informações dos clientes em conformidade com as políticas de privacidade. Antes de criar um formulário, analise as diversas configurações de formulário disponíveis para cada tipo.

É possível exibir vários formulários pop-up, formulários embutidos ou ambos os tipos ao mesmo tempo na loja.

Considerações para criar formulários com o Shopify Forms

Analise as seguintes considerações para criar formulários com o Shopify Forms:

  • Os formulários são exibidos na loja somente depois de ativados.
  • É possível ter até 25 formulários por loja.
  • Não há compatibilidade com formulários de várias etapas.
  • Não há compatibilidade com lógica condicional nos formulários.
  • Quando um cliente existente envia um formulário, o e-mail e o número de telefone cadastrados não são modificados, mesmo que o formulário inclua um e-mail ou número de telefone diferente. Outros campos, como a permissão para marketing, também podem não ser atualizados. Para alterar o e-mail ou o número de telefone de um cliente existente, edite o perfil diretamente no admin da Shopify.

Tipos de formulário

É possível criar um formulário pop-up ou embutido. Analise as diferenças entre eles e os requisitos para exibi-los.

Visão geral dos tipos de formulário, das descrições e dos requisitos.
Tipo de formulárioDescriçãoRequisitos
Formulários pop-upExibe um conteúdo que flutua como uma sobreposição acima da página. Saiba mais sobre as configurações que podem ser definidas para formulários pop-up.Para exibir formulários pop-up na loja, é preciso instalar a incorporação de app de tema do Forms no seu tema.
Formulários embutidosExibe um conteúdo incorporado em uma seção específica do tema, como em uma página. Saiba mais sobre as configurações que podem ser definidas para formulários embutidos.Para exibir formulários embutidos na loja, é preciso usar um tema compatível e instalar a incorporação de app de tema do Forms no seu tema.

É possível criar um formulário pop-up para exibição na loja pelo app Forms, no admin da Shopify. Depois de criar e ativar o formulário, ele aparecerá automaticamente na loja.

Siga as etapas abaixo para criar um formulário pop-up e adicioná-lo à loja:

Etapa 1: ativar a incorporação do app Forms para o tema

Se você estiver criando um formulário pop-up pela primeira vez, precisará ativar a incorporação do app Forms para o tema. Enquanto a configuração de incorporação do app Forms estiver ativada, todos os formulários pop-up ativos serão exibidos na loja virtual.

Se você já tiver ativado a configuração de incorporação do app Forms, pule para a Etapa 2: criar o formulário pop-up.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. No tema ativo, clique em Editar tema.

  3. Na barra lateral do editor de temas, clique no ícone Incorporações de apps.

  4. Ative a opção Forms.

  5. Clique em Salvar.

Etapa 2: criar um formulário pop-up

  1. No admin da Shopify, acesse Apps > Forms.

  2. Clique em Criar formulário.

  3. Selecione Formulário pop-up.

  4. Insira um nome para o formulário e clique em Criar.

  5. Nas configurações de Exibição de pop-up, siga um destes procedimentos:

    • Para criar um formulário pop-up flutuante, selecione Flutuante e, no menu suspenso, uma posição na loja.
    • Para criar um formulário pop-up de sobreposição, selecione Sobreposição e use o seletor de cores para definir uma cor para a sobreposição.
  6. Configure as seguintes partes do formulário:

  7. Opcional: para criar uma tag de cliente depois que um cliente enviar o formulário, no campo Tags, insira uma tag para selecioná-la ou criar uma nova.

  8. Opcional: se você quiser receber notificações por e-mail sempre que o formulário for enviado, na seção Notificações por e-mail, selecione Enviar um e-mail para cada envio deste formulário.

  9. Opcional: para gerenciar as automações e os workflows associados ao formulário, na seção Automações e workflows, clique em Gerenciar ao lado de qualquer workflow.

  10. Clique em Salvar.

Etapa 3: traduzir o formulário para outros idiomas (opcional)

É possível adicionar ao formulário traduções em idiomas compatíveis. As etapas para traduzir o formulário dependem do método de tradução que você quer usar e de você já ter adicionado outros idiomas à loja.

Se a tradução automática não estiver disponível para um idioma, a mensagem “Tradução automática não disponível para este idioma” será exibida.

Etapas:

  1. Na seção Idiomas do formulário, siga um destes procedimentos:
    • Se você já tiver publicado outros idiomas na loja e eles forem exibidos na seção Publicados, pule para a próxima etapa.
    • Se nenhum idioma disponível for exibido na seção Publicados ou Não publicados , primeiro será preciso adicionar um novo idioma à loja:
      1. Clique em configurações de idioma.
      2. Na página Idiomas, clique em Adicionar um idioma.
      3. Selecione um idioma no menu suspenso e atribua-o a um domínio.
      4. Clique em Concluído.
      5. Clique em <-- Forms para voltar ao app Forms e abra o formulário que você quer continuar editando.
  2. Dependendo da sua preferência e do método de tradução disponível, siga um destes procedimentos:
    • Usar a tradução automática:
      1. Clique em Traduzir ao lado do idioma para o qual você quer traduzir. Se houver mais de um idioma para o qual você quer traduzir, selecione Traduzir tudo automaticamente.
      2. Clique em Analisar para pré-visualizar as traduções.
      3. Clique em Salvar.
    • Adicionar as próprias traduções manualmente:
      1. Clique em Traduzir ao lado do idioma para o qual você quer traduzir.
      2. Em cada campo na coluna do idioma para o qual você quer traduzir, adicione a tradução.
      3. Clique em Salvar.

Etapa 4: pré-visualizar e ativar o formulário pop-up

Depois de criar um formulário, o status padrão dele é Inativo. Antes de ativar o formulário, use a pré-visualização para confirmar como cada parte será exibida aos clientes.

Quando estiver tudo pronto para exibir o formulário na loja virtual, clique em Ativar formulário. Depois que você ativa o formulário, o status dele é exibido como Ativo.

Saiba mais sobre ativar ou desativar formulários.

Criar e adicionar um formulário embutido à loja

É possível criar um formulário embutido para adicioná-lo a uma nova página da loja ou incorporá-lo a uma página já existente. Siga as etapas abaixo para criar um formulário embutido e adicioná-lo à loja:

Etapa 1: criar um formulário embutido

  1. No admin da Shopify, acesse Apps > Forms.

  2. Clique em Criar formulário.

  3. Selecione Formulário embutido.

  4. Insira um nome para o formulário e clique em Criar.

  5. Configure as seguintes partes do formulário:

  6. Opcional: para criar uma tag de cliente depois que um cliente enviar o formulário, no campo Tags, insira uma tag para selecioná-la ou criar uma nova.

  7. Opcional: se você quiser receber notificações por e-mail sempre que o formulário for enviado, na seção Notificações por e-mail, selecione Enviar um e-mail para cada envio deste formulário.

  8. Opcional: para gerenciar as automações e os workflows associados ao formulário, na seção Automações e workflows, clique em Gerenciar ao lado de qualquer workflow.

  9. Clique em Salvar.

Etapa 2: traduzir o formulário para outros idiomas (opcional)

É possível adicionar ao formulário traduções em idiomas compatíveis. As etapas para traduzir o formulário dependem do método de tradução que você quer usar e de você já ter adicionado outros idiomas à loja.

Se a tradução automática não estiver disponível para um idioma, a mensagem “Tradução automática não disponível para este idioma” será exibida.

Etapas:

  1. Na seção Idiomas do formulário, siga um destes procedimentos:
    • Se você já tiver publicado outros idiomas na loja e eles forem exibidos na seção Publicados, pule para a próxima etapa.
    • Se nenhum idioma disponível for exibido na seção Publicados ou Não publicados , primeiro será preciso adicionar um novo idioma à loja:
      1. Clique em configurações de idioma.
      2. Na página Idiomas, clique em Adicionar um idioma.
      3. Selecione um idioma no menu suspenso e atribua-o a um domínio.
      4. Clique em Concluído.
      5. Clique em <-- Forms para voltar ao app Forms e abra o formulário que você quer continuar editando.
  2. Dependendo da sua preferência e do método de tradução disponível, siga um destes procedimentos:
    • Usar a tradução automática:
      1. Clique em Traduzir ao lado do idioma para o qual você quer traduzir. Se houver mais de um idioma para o qual você quer traduzir, selecione Traduzir tudo automaticamente.
      2. Clique em Analisar para pré-visualizar as traduções.
      3. Clique em Salvar.
    • Adicionar as próprias traduções manualmente:
      1. Clique em Traduzir ao lado do idioma para o qual você quer traduzir.
      2. Em cada campo na coluna do idioma para o qual você quer traduzir, adicione a tradução.
      3. Clique em Salvar.

Etapa 3: escolher o posicionamento do formulário embutido

É possível exibir formulários embutidos em uma nova página de destino ou em um modelo de página existente. Saiba mais sobre o posicionamento de formulários embutidos.

Depois de salvar as alterações no formulário, defina uma das opções de posicionamento abaixo, dependendo de como você quer que ele apareça na loja:

Adicionar uma nova página à loja virtual para o formulário

Quando você cria uma página de destino no app Forms, um novo modelo de página é criado e, a partir dele, uma nova página é gerada com um identificador personalizável, por exemplo: example.com/pages/sua-URL-de-formulario-personalizada.

Etapas:

  1. No admin da Shopify, acesse Apps > Forms.

  2. Clique no formulário embutido cujo posicionamento você quer atualizar.

  3. Na seção Posicionamento das configurações do formulário, clique em Criar página de destino.

  4. Na caixa de diálogo, insira um título e um URL para a página de destino e clique em Salvar. Uma nova página será criada e adicionada à lista Páginas no admin da Shopify.

  5. Opcional: para atualizar o título, o conteúdo ou o identificador da página de destino, clique em Editar página. Também é possível fazer alterações na lista Páginas no admin ou editar o modelo de página no editor de temas a qualquer momento.

Adicionar o formulário a um modelo de página existente

É possível adicionar um formulário embutido a um modelo de página existente como um bloco no editor de temas usando o ID do formulário associado. O ID do formulário é um número de 6 dígitos que representa um formulário específico em sua loja. O formulário embutido é exibido em todas as páginas que usam o modelo selecionado.

  1. Depois de salvar as alterações, na seção Posicionamento das configurações do formulário, selecione Página existente.
  2. Clique no ícone da área de transferência para copiar o ID do formulário.
  3. Clique em Ir para o editor de temas.
  4. Na seção Modelo seção, adicione o formulário embutido ao modelo de página:
    1. Clique em ⊕ Adicionar seção.
    2. Selecione a aba Apps.
    3. Selecione Forms.
    4. Nas configurações do bloco, cole o ID do formulário copiado no campo ID do formulário.
    5. Opcional: ajuste as configurações de cores, estilo e layout do bloco.
  5. Clique em Salvar.

Etapa 4: visualizar e ativar o formulário embutido

Depois de criar um formulário, o status padrão dele é Inativo. Antes de ativar o formulário, use a pré-visualização para confirmar como cada parte será exibida aos clientes.

Quando estiver tudo pronto para exibir o formulário na loja virtual, clique em Ativar formulário. Depois que você ativa o formulário, o status dele é exibido como Ativo.

Saiba mais sobre ativar ou desativar formulários.

Duplicar um formulário existente

É possível duplicar um formulário para criar um novo que inclua todos os campos e configurações de um formulário existente, com exceção de traduções e do posicionamento do formulário embutido.

Depois de duplicar um formulário, ele é definido como Inativo por padrão. Saiba como ativar um formulário.

Etapas:

  1. No admin da Shopify, acesse Apps > Forms.

  2. Clique em no formulário que você quer duplicar.

  3. No menu suspenso, selecione Duplicar formulário.

  4. Insira um nome para o novo formulário duplicado.

  5. Edite as configurações do formulário que você quer alterar e clique em Salvar.

  6. Clique em Ativar formulário para exibi-lo na loja.