Como criar formulários AMP no WordPress

Para que os sites carreguem mais rápido em dispositivos móveis, o Google criou um projeto chamado Accelerated Mobile Pages, ou AMP. E, embora ofereça uma ótima experiência de navegação móvel, tornando suas páginas da Web mais rápidas, também desativa muitos recursos úteis em seu site. Um desses recursos que podem ser considerados uma grande perda são os formulários de contato. Como o AMP usa um conjunto limitado de HTML e JavaScript, ele não consegue carregar seus formulários do WordPress corretamente nas páginas AMP. Felizmente, existe uma solução fácil disponível. WPForms é um plugin de formulário WordPress bastante amigável para iniciantes que ajuda você a criar formulários WordPress prontos para AMP. Portanto, no artigo a seguir, explicaremos detalhadamente como criar formulários AMP no WordPress usando WPForms .

Aprenda a criar formulários AMP no WordPress

Portanto, o AMP é bastante útil para tornar seu site compatível com dispositivos móveis. E instalar e ativar o plugin AMP oficial para WordPress é um pré-requisito para usar AMP com WordPress. Depois de ativá-lo, o plug-in adicionará automaticamente o suporte do Google AMP ao seu site WordPress . No entanto, você pode alterar as configurações de AMP do seu site acessando AMP > Geral no painel. Quando estiver na página de configurações de AMP, você pode ativar ou desativar o AMP em seu site, mas também escolher um modo de site para AMP e escolher modelos compatíveis. Depois de configurar o AMP, você terá que criar um formulário de contato compatível com AMP em seu site WordPress.

Criando um formulário WordPress com WPForms

Para iniciar o processo, você terá que instalar e ativar o plugin WPForms Lite em seu site. Esta é a versão lite do plugin WPForms Pro. As versões pro e lite do WPForms permitem que você crie um formulário de contato básico pronto para AMP. Aqui, vamos falar sobre a versão gratuita. Depois de instalar e ativar o plugin, você terá que ir para WPForms > Add New page para criar um novo formulário WordPress. Quando estiver na tela de configuração do formulário, você poderá escolher um modelo de formulário para começar rapidamente.

Se você quiser começar do zero, sugerimos que você vá para o Formulário em Branco. Em seguida, ele abrirá a página do construtor de formulários. A partir daqui, você pode adicionar ou remover campos de formulário. Para adicionar um novo campo ao seu formulário, basta clicar em um campo de formulário no painel esquerdo e ele aparecerá no painel do construtor de formulários à sua direita. Depois de terminar, você pode configurar as opções de campo. Para fazer isso, clique em um campo e, em seguida, as Opções de campo serão exibidas. De forma semelhante, você pode personalizar todos os outros campos.

Depois disso, clique na guia Configurações para definir as configurações do formulário. Por meio das Configurações gerais, você pode alterar o nome do formulário, enviar o texto do botão, enviar o texto de processamento do botão, ativar o Honeypot anti-spam e muito mais. Vá para a guia Notificações para configurar notificações por e-mail que informarão quando um usuário preencher o formulário. A guia Confirmações ajudará você a configurar uma mensagem de confirmação a ser exibida quando um usuário enviar o formulário. Após a conclusão da configuração, certifique-se de salvar seu formulário.

Adicionando formulário AMP a uma página

Tendo seu formulário WordPress pronto, você pode adicioná-lo a uma página. Você precisará, primeiro, criar uma nova página ou abrir uma existente onde deseja adicionar o formulário. Abra a tela de edição da página, clique no ícone Adicionar novo bloco e prossiga com a seleção do bloco WPForms. Ao fazer isso, você poderá ver o widget WPForms adicionado à tela de edição da sua página. Você só precisa selecionar o formulário que criou anteriormente e o widget o carregará imediatamente no editor de páginas. Você também pode publicar ou atualizar sua página. E isso é tudo. Você não precisa configurar mais nada. O plug-in WPForms Lite agora adicionará suporte completo a AMP ao seu formulário. Caso você esteja interessado em como fica, você pode abrir a página no seu celular.

Como adicionar o google reCAPTCHA ao seu formulário AMP

WPForms inclui honeypot anti-spam para capturar e bloquear spam por padrão. Além disso, você pode usar o Google reCAPTCHA para reduzir envios de spam. Para usar o Google reCAPTCHA com seus formulários AMP, você precisará registrar seu site no Google reCAPTCHA v3 e obter as chaves de API do Google. Para fazer isso, acesse o site do Google reCAPTCHA e clique no botão 'Admin Console' no canto superior direito da página. Em seguida, você terá que fazer login com sua conta do Google. Ao fazer isso, você verá a página 'Registrar novo site'. Comece a preenchê-lo digitando o nome do seu site no campo Rótulo. O Google AMP suporta apenas reCAPTCHA v3, portanto, você terá que escolhê-lo nas opções de tipo reCAPTCHA.

Depois de terminar, digite seu nome de domínio na seção Domínios. A seção Proprietários mostrará seu endereço de e-mail por padrão. Saiba que você também pode adicionar outro e-mail se desejar. Em seguida, você terá que aceitar os Termos de Serviço do reCAPTCHA para continuar. Além disso, não se esqueça de marcar a caixa de seleção 'Enviar alterações aos proprietários'. Isso permitirá que o Google notifique você sobre problemas como configuração incorreta e tráfego suspeito em seu site. Após terminar, clique no botão Enviar. Você verá uma mensagem de sucesso junto com a chave do site e a chave secreta para adicionar o reCAPTCHA ao seu site. Essa chave permite adicionar reCAPTCHA aos seus formulários.

Ajustes adicionais

No entanto, há mais um ajuste que você precisa cuidar. Isso garantirá a compatibilidade do AMP com o reCAPTCHA. Para acessá-lo, clique no link 'Ir para configurações' lá. Isso levará você às configurações do reCAPTCHA novamente com a caixa de seleção "Permitir que esta chave funcione com páginas AMP". Basta marcar a caixa e clicar no botão Salvar abaixo.

Agora que você tem as chaves de API do Google para adicionar reCAPTCHA em formulários AMP, vá para WPForms > Configurações > página reCAPTCHA em seu painel do WordPress. Em seguida, escolha a opção reCAPTCHA v3 e cole a chave do site e a chave secreta. Clique no botão Salvar configurações. Agora que o Google reCAPTCHA foi adicionado ao WPForms, você pode habilitá-lo em seus formulários quando necessário. Vá para WPForms > Todos os formulários e selecione o formulário onde você deseja que o reCAPTCHA seja ativado. Quando a tela de configuração do formulário aparecer, clique na guia Configurações e selecione a seção Configurações gerais. Você verá a caixa de seleção "Ativar reCAPTCHA do Google v3". Marque essa caixa e salve seu formulário. Depois disso, revisite sua página de contato e veja o formulário AMP com o reCAPTCHA em ação.

Não tanto para isso

Como você pode ver, para criar formulários AMP no WordPress, você não precisa passar por muitos problemas. Especialmente quando você tem este guia ao seu lado. Esperamos ter ajudado você e que você veja todos os benefícios dos formulários AMP depois de seguir essas etapas simples.