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.
Nesta página
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.
| Tipo de formulário | Descrição | Requisitos |
|---|---|---|
| Formulários pop-up | Exibe 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 embutidos | Exibe 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. |
Criar e adicionar um formulário pop-up à loja
É 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 de app do Forms para o tema
- Etapa 2: criar um formulário pop-up
- Etapa 3: traduzir o formulário para outros idiomas (opcional)
- Etapa 4: pré-visualizar e ativar o formulário pop-up
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:
No admin da Shopify, acesse Loja virtual > Temas.
No tema ativo, clique em Editar tema.
Na barra lateral do editor de temas, clique no ícone Incorporações de apps.
Ative a opção Forms.
Clique em Salvar.
Etapa 2: criar um formulário pop-up
No admin da Shopify, acesse Apps > Forms.
Clique em Criar formulário.
Selecione Formulário pop-up.
Insira um nome para o formulário e clique em Criar.
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.
Configure as seguintes partes do formulário:
- Configurações da Chamada
- Configurações do Formulário
- Gerenciar os campos do formulário
- Configurações de Êxito
- Configurações de Estilo
- Configurações de Imagem
- Configurações de Comportamento
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.
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.
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.
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:
- 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:
- Clique em configurações de idioma.
- Na página Idiomas, clique em Adicionar um idioma.
- Selecione um idioma no menu suspenso e atribua-o a um domínio.
- Clique em Concluído.
- Clique em <-- Forms para voltar ao app Forms e abra o formulário que você quer continuar editando.
- Dependendo da sua preferência e do método de tradução disponível, siga um destes procedimentos:
- Usar a tradução automática:
- 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.
- Clique em Analisar para pré-visualizar as traduções.
- Clique em Salvar.
- Adicionar as próprias traduções manualmente:
- Clique em Traduzir ao lado do idioma para o qual você quer traduzir.
- Em cada campo na coluna do idioma para o qual você quer traduzir, adicione a tradução.
- Clique em Salvar.
- Usar a tradução automática:
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
- Etapa 2: traduzir o formulário para outros idiomas (opcional)
- Etapa 3: escolher o posicionamento do formulário embutido
- Etapa 4: visualizar e ativar o formulário embutido
Etapa 1: criar um formulário embutido
No admin da Shopify, acesse Apps > Forms.
Clique em Criar formulário.
Selecione Formulário embutido.
Insira um nome para o formulário e clique em Criar.
Configure as seguintes partes do formulário:
- Configurações do Formulário
- Gerenciar os campos do formulário
- Configurações de Êxito
- Configurações de Estilo
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.
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.
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.
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:
- 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:
- Clique em configurações de idioma.
- Na página Idiomas, clique em Adicionar um idioma.
- Selecione um idioma no menu suspenso e atribua-o a um domínio.
- Clique em Concluído.
- Clique em <-- Forms para voltar ao app Forms e abra o formulário que você quer continuar editando.
- Dependendo da sua preferência e do método de tradução disponível, siga um destes procedimentos:
- Usar a tradução automática:
- 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.
- Clique em Analisar para pré-visualizar as traduções.
- Clique em Salvar.
- Adicionar as próprias traduções manualmente:
- Clique em Traduzir ao lado do idioma para o qual você quer traduzir.
- Em cada campo na coluna do idioma para o qual você quer traduzir, adicione a tradução.
- Clique em Salvar.
- Usar a tradução automática:
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:
No admin da Shopify, acesse Apps > Forms.
Clique no formulário embutido cujo posicionamento você quer atualizar.
Na seção Posicionamento das configurações do formulário, clique em Criar página de destino.
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.
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.
- Depois de salvar as alterações, na seção Posicionamento das configurações do formulário, selecione Página existente.
- Clique no ícone da área de transferência para copiar o ID do formulário.
- Clique em Ir para o editor de temas.
- Na seção Modelo seção, adicione o formulário embutido ao modelo de página:
- Clique em ⊕ Adicionar seção.
- Selecione a aba Apps.
- Selecione Forms.
- Nas configurações do bloco, cole o ID do formulário copiado no campo ID do formulário.
- Opcional: ajuste as configurações de cores, estilo e layout do bloco.
- 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:
No admin da Shopify, acesse Apps > Forms.
Clique em … no formulário que você quer duplicar.
No menu suspenso, selecione Duplicar formulário.
Insira um nome para o novo formulário duplicado.
Edite as configurações do formulário que você quer alterar e clique em Salvar.
Clique em Ativar formulário para exibi-lo na loja.