Como criar um formulário AMP no WordPress (passo a passo)

como criar um formulário de amplificador no WordPress


Deseja criar um formulário de contato compatível com AMP (Accelerated Mobile Pages) em seu site WordPress?

É aí que o plug-in WPForms é útil. O WPForms é um dos plug-ins de construtor de formulários mais fáceis de usar que permite criar belos formulários de contato amigáveis ​​para AMP para o seu site em algumas etapas rápidas e fáceis.

Neste artigo, mostraremos como usar o plug-in WPForms para criar um brilhante formulário de contato compatível com APM em seu site WordPress. Mas antes disso, vamos entender rapidamente a importância do AMP.

Por que criar páginas AMP e formulários AMP

Segundo um estudo, quase 60% das consultas de pesquisa no Google são de dispositivos móveis. Ao tornar seu site compatível com AMP, você pode garantir que seu site seja carregado mais rapidamente em dispositivos móveis.

O Google Accelerated Mobile Project é uma iniciativa de código aberto do Google que visa acelerar a experiência de navegação móvel em grande parte na Web aberta. O AMP coloca a experiência de navegação móvel um passo à frente. A idéia básica é aumentar drasticamente a velocidade da página do seu site usando um modelo leve que é otimizado para velocidade.

As páginas da Web de carregamento mais rápido oferecem melhor experiência do usuário e incentivam os visitantes a ficar mais tempo em seu site. Dessa forma, você pode reduzir a taxa de rejeição e aumentar a probabilidade de melhorar seus rankings.

No entanto, como o AMP usa um modelo leve e separado para carregar suas páginas, isso pode afetar os formulários de contato, funções javascript e outros elementos.

Para exibir formulários de contato em suas páginas AMP, você pode usar WPForms, o melhor plugin de formulário para WordPress.

Vamos agora ver como usar o WPForms para criar formulários de contato nas suas páginas AMP.

Etapa 1: instalando o plug-in do Google AMP

Antes de nos aprofundarmos e criar um formulário, vamos dar uma olhada em como criar páginas AMP no seu site. o AMP plugin é o plugin oficial do Google AMP no WordPress.

Para encontrar esse plug-in, pesquise AMP na caixa de pesquisa, navegando até Plugins »Adicionar novo.

Agora clique no instale agora botão seguido pelo Ativar para deixá-lo começar a funcionar.

Plugin AMP, Google AMP

Etapa 2: instalando o WPForms no WordPress

Em seguida, vamos instalar o plug-in WPForms no seu site. Para isso, faça login no seu painel do WordPress e vá para Plugins »Adicionar novo. Agora digite WPForms na barra de pesquisa no canto superior direito da tela.

Quando o plug-in estiver localizado, clique no botão instale agora botão e depois o Ativar para o plugin começar a trabalhar.

WPForms Lite, plugin para formulário de contato compatível com AMP

Etapa 3: Criando seu primeiro formulário com o WPForms

Para criar seu primeiro formulário com WPForms, vá para sua Painel do WordPress e navegue até WPForms »Adicionar novo

Agora você terá a seguinte janela na tela.

amp formulário de contato no wordpress

Você verá 4 opções diferentes aqui. Dependendo da sua exigência, você pode selecionar o modelo que melhor se adequa às suas necessidades.

Para fins deste tutorial, vamos selecionar o Formulário de contato simples opção. Agora você será redirecionado para um construtor de formulários de arrastar e soltar, onde poderá adicionar ou remover campos de e para o modelo pré-criado que você acabou de selecionar.

construtor da página de contato do amp

Todos os campos disponíveis são mostrados no lado esquerdo. Os campos sofisticados podem ser usados ​​apenas se você atualizar seu plug-in para a versão premium. No entanto, os campos padrão também são bons para ir.

Para adicionar um campo ao seu formulário, basta arrastá-lo da esquerda e soltar na seção do formulário à sua direita.

Se você deseja remover um campo do formulário, passe o cursor sobre esse campo específico. Você verá um excluir ícone no canto superior direito do campo.

excluir um campo dos wpforms

Basta clicar nessa opção e seu campo será excluído. Usando esse método, você pode remover qualquer campo do formulário que achar necessário..

Você também tem a opção de alterar suas opções de campo. Você pode alterar o formato dos campos, o tamanho das fontes, ocultar ou mostrar rótulos e sub-rótulos e assim por diante.

Depois de concluído, clique no Salve  no canto superior direito do seu formulário, para não perder as alterações.

Agora, se você olhar para o lado esquerdo do seu painel, verá uma opção chamada Definições. Ao clicar nele, você verá várias opções. Para a versão lite, você poderá usar apenas as três primeiras opções.

Debaixo de Geral opção, você pode alterar o nome do formulário, adicionar uma descrição, alterar o texto do botão enviar, alterar o processamento do botão enviar e assim por diante. Também permite ativar a opção de envio de honeypot anti-spam e formulário Ajax.

configurações gerais do formulário de contato do amplificador

Agora vá para Notificação. Esta opção terá várias opções para você preencher. O campo principal nesta parte é o Do email campo. Aqui você pode adicionar seu site ou endereço de e-mail da marca. Você também deve garantir que seu site tenha sido configurado para um provedor de serviços autorizado para enviar os e-mails.

Etapa 4: Exibindo seu primeiro formulário

Para exibir seu primeiro formulário, vá para a página em que deseja que o formulário seja exibido. Se você deseja criar uma nova página, clique em Página »Adicionar Novo. Adicione um título à sua página.

Clique no ícone + para adicionar um bloco ao editor Gutenberg. Em seguida, digite WPForms e, quando aparecer, clique nele.

incorporar um formulário de contato de amplificador

Em seguida, você será solicitado a escolher o formulário de contato certo, então selecione o formulário.

página de contato do amplificador

Agora você pode clicar no Publicar no lado direito do painel do WordPress para publicar sua postagem. Seu formulário AMP do WordPress já está ativo.

Você também pode usar o Boletim informativo carta formulário de inscrição e a Formulário de sugestão modelos disponíveis para você no início do processo. Dependendo da sua exigência, escolha o modelo que você deseja para o seu site. o Formulário em branco A opção permite criar o formulário a partir do zero. Se você deseja um novo formulário, tente essa opção

É isso mesmo. Seu site agora deve ter o formulário de contato compatível com AMP que você deseja criar.

Esperamos que este artigo tenha sido útil para você. Se você gostou deste post, também pode ler nosso guia passo a passo sobre como criar um formulário de várias páginas no WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map