Extensão de Formulários Personalizados Magento 2 pelo Amasty
No post seguinte, nós vamos analisar a nova ferramenta Magento 2 desenvolvida pelo Amasty. A extensão foi criada para oferecer vários formulários Web que podem ser utilizados para coletar informações adicionais sobre os seus clientes. Para que você entenda melhor como funciona o módulo, vamos ilustrar uns casos de uso nesta revisão. A extensão Amasty Custom Form Magento 2 oferece um backend intuitivo com configurações flexíveis, para que você possa criar todos os formulários web necessários e personalizá-los conforme as necessidades de seu negócio e-commerce sem nenhum problema. Abaixo, lançamos luz sobre as características da extensão e descrevemos a sua interface de administração e a experiência de usuário (front-end).
Table of contents
Caraterísticas
- Formulários web personalizados com múltiplos elementos;
- Construtor “arrastar e soltar”;
- Especificação de campos importantes, fazendo-os obrigatórios;
- Disponibilidade de vários formulários em uma única página;
- A melhor maneira de reunir dados do cliente.
As oportunidades fornecidas pelo módulo Amasty Custom Form Magento 2 são quase infinitas. Como mencionado acima, você pode aproveitar o construtor “arrastar e soltar” que permite criar qualquer formulário da Web que não exige muito tempo nem esforço. Para obter a máxima flexibilidade, Amasty oferece 15 tipos de entrada que podem ser usados de maneira simultânea. Além disso, você pode adicionar vários formulários a uma única página, se necessário. Quando você subir o formulário, a extensão vai redirecionar um visitante de forma automática da sua loja para a que você especificou no backend.
Aqui está a lista de tipos de entrada suportados:
- Entrado de texto Entrada de texto / número, área de texto, texto oculto;
- Data de entrada: data, data e hora, intervalo de datas;
- Entrada de arquivo: anexo de arquivo (doc e docx, xls e xlsx, ppt e pptx, gif e bmp, png, jpg e jpeg, pdf e txt, etc.);
- Seleção suspensa: Dropdown;
- Entrada de caixa: caixa de listagem, caixa de seleção;
- Botões do rádio;
- Cabeçalhos: H1, H2 e H3.
Então agora vamos dar uma olhada nas principais características do módulo Amasty Custom Form Magento 2. No primeiro lugar, queríamos falar sobre a interface “arrastar e soltar”. Este elemento fornece uma administração amigável da extensão Magento 2. Assim, para criar um formulário, você só precisa arrastar e soltar elementos que deseja adicionar ao formulário, para que eles sejam exibidos no frontend. Em seguida, cada campo pode ser personalizado para satisfazer os requisitos de comércio eletrônico. Você pode até personalizar o texto nos botões de formulário.
Além disso, você pode sem nenhum problema crear campos obrigatórios. Como resultado, o usuário não poderá continuar a sessão sem especificar dados nesses campos. Assim, você sempre coletará a informação desejada sobre seus clientes. E para fornecer aos visitantes informações adicionais, a extensão Amasty Custom Form Magento 2 permite que você use dicas de contexto. Adicione todos os dados que serão úteis no formulário para aumentar a eficácia dele. Para fornecer aos seus clientes instruções suplementares, você pode especificar um espaço reservado para um texto. Além disso, você pode informar os clientes sobre a conclusão bem-sucedida do formulário com uma mensagem personalizada que pode ser adicionada a partir da interface de administração.
Os formulários personalizados são criados para ser colocados nas páginas do CMS. O módulo Amasty Custom Form Magento 2 deixa você adicionar vários formulários em qualquer página CMS existente. Ao mesmo tempo, você pode criar uma página separada com vários formulários. Todas as informações coletadas são reunidas em uma tabela (a descreveremos abaixo), onde você pode analisar todos os dados. Esperamos que a funcionalidade de exportação seja adicionada na tabela em seguintes atualizações.
Também é necessário mencionar que você pode encontrar facilmente todas as informações necessárias na tabela, ao utilizar os filtros. A seleção pode ser reduzida aos parâmetros seguintes: nome de formulário, ID ou data de criação.
Conforme mencionado acima, a extensão Amasty Custom Form Magento 2 pode redirecionar os clientes para qualquer página após todas as informações serem insertados em formulário. Consequentemente, você pode promover produtos ou categorias selecionados, bem como chamar atenção dos clientes para promoções ou algumas condições específicas.
Outro aspecto vital do módulo Amasty Custom Form Magento 2 é a validação. Uma vez que cada campo possui o formato exclusivo, é possível enviar apenas símbolos suportados pelo campo. Vários formatos de validação incluem Número Decimal, Número Integral, E-mail, URL, Letras (a-z, A-Z) ou Números (0-9). Assim, é impossível enviar uma mensagem de texto para um campo com validação de número decimal.
Para simplificar a maneira como os clientes interagem com um formulário personalizado, você pode especificar valores padrão para cada formulário. Nota que o módulo Custom Form Magento 2 lhe deixa aproveitar grupos de clientes e diversas exibições de loja para que você possa configurar completamente a exibição de formulário usando esses parâmetros. E para tornar cada formulário mais adequado para seus requisitos de design de loja de comércio eletrônico, use estilos personalizados. Assim, você poderá ajustar o layout dos formulários da maneira mais rápida.
E para proteger seus formulários de spammers, recomendamos que você instale o módulo Google Invisible reCaptcha que é completamente gratuito:
A extensão Amasty Custom Form Magento 2 é um módulo exclusivo que fornece características vitais que não estão disponíveis no Magento 2 por padrão, nem fornecidas por outros desenvolvedores principais de extensões. Para descobrir mais nuances, vamos proceder à exploração do backend da ferramenta.
Backend
Você pode achar a seção de configuração da extensão Amasty Custom Form Magento 2 em Stores -> Settings -> Configuration -> Amasty Extensions -> Custom Forms. Aqui, o módulo permite ativar as notificações de e-mail para administradores. Para fazê-lo você precisa apenas clicar na lista suspensa e escolher o valor “Sim”. Além disso, você pode inserir o correio eletrônico de administrador para qual as notificações serão enviadas, especificar o remetente de email e escolher um template de notificação
Quanto aos formulários, eles estão disponíveis em uma tabela (Conteúdo -> Formulários personalizados -> Formulários). A tabela exibe ID do formulário, título, código, exibição da loja (store view), hora da criação e o estado dele. Para criar um novo formulário, você tem que clicar em “Adicionar novo formulário” ou você pode fazer alterações em aqueles existentes. A tabela fornece a oportunidade de usar ações que serão aplicadas a muitos formulários ao mesmo tempo: ativação/desativação e eliminação de formulários.
Enquanto você edita um formulário, você precisa configurar as coisas seguintes: Informações do formulário, Conteúdo do formulário, Criador de formulário e Incorporação.
“Informações do formulário” lhe deixa especificar o título e o código do formulário. Em seguida, você pode adicionar um URL de sucesso. Se o campo estiver vazio, os clientes serão redirecionados para a página inicial. Se “/” for especificado – eles são redirecionados para a página anterior. Também é possível selecionar uma exibição de loja em qual você quer exibir o formulário.
Em seguida, seleciona grupos de clientes que poderão ver o formulário, define o estado do seu novo formulário e ativa/desativa notificações.
Na sessão “Form Content” (Conteúdo de Formulário), especifica um texto padrão do botão “Enviar” e insira uma mensagem de sucesso.
Quanto à guia Form Creator, ela é dividida em duas seções. A direita contém todos os tipos de entrada disponíveis divididos em 4 guias: Entrada, Seleção, Opções e Outros.
Escolhe um elemento necessário e arraste-o da seção direita para a parte esquerda da guia.
Agora, passe o cursor sobre o novo campo: os botões Editar, Copiar e Excluir serão exibidos. Além disso, você pode mudar a posição do campo.
Altere o rótulo do campo, adicione estilos personalizados e um espaço reservado, faça o campo obrigatório, inclui o texto de ajuda, selecione o tipo de validação, especifique o valor padrão, etc. Execute as seguintes personalizações com outros campos. Nota cada tipo de entrada tem suas próprias configurações.
Na guia Incorporação, você pode achar duas seções com código. O primeiro contém um snippet para o Editor de Página do CMS para inserir o formulário em qualquer página do CMS. O segundo bloco fornece código para modelos .phtml para exibir o formulário em qualquer bloco.
Agora, quando você sabe como criar novos formulários, vai para Conteúdo -> Formulários personalizados -> Dados enviados. A tabela contém todas as informações enviadas. Você pode visualizar todos os dados enviados de jeito separado. Observe que a seleção pode ser filtrada pelo tipo de formulário personalizado. Selecione-o em filtros para obter resultados de um formulário específico.
Dependendo de campos adicionados ao formulário, as tabelas vão diferenciar pelos dados enviados.
Frontend
Para um visitante da loja, o módulo Amasty Custom Form Magento 2 tem a seguinte aparência:
Isso foi o formulário de contato e agora vamos dar uma olhada para um exemplo do formulário de testemunho:
Todos os campos no frontend aparecem de forma seguinte:
Atualizações recentes
Magento 2 Custom Forms 1.1.0
- Agora, é possível enviar os resultados de cada formulário personalizado para diferentes endereços de e-mail.
Conclusão
A extensão Amasty Custom Form Magento 2 oferece muitas características únicas que irão ajudá-lo a se comunicar com visitantes e clientes da loja de uma maneira absolutamente nova. A ferramenta permite criar qualquer formulário personalizados que pode ser usado não só para coletar dados, mas também para permitir aos clientes informá-lo sobre algo ou fazer perguntas (por exemplo, Contate-nos formulário). A interface do backend é intuitiva e, ao mesmo tempo, rica. Ela fornece todas as ferramentas necessárias para criar formulários personalizados do Magento 2 de jeito rapido e conforme as necessidades da sua empresa. O módulo apenas US $189 e você pode obtê-lo aqui: