Como adicionar um formulário de inscrição Mailrelay usando WordPress

Se você deseja atrair novos assinantes para aumentar sua lista de mala direta, você deve oferecer formulários de inscrição em seu site. Se você trabalha com o WordPress, pode adicionar facilmente esses formulários ao seu blog.

Porque? Basicamente porque permite captar dados de pessoas interessadas nos produtos ou serviços que oferece para os contactar periodicamente.

Neste ponto, você pode estar pensando: Estou interessado, mas o que terei que fazer para criar um formulário de inscrição no meu site WordPress? Não estou familiarizado com o código HTML e preciso de algo simples e fácil.

Não se preocupe, neste tutorial; vamos mostrar diferentes maneiras de adicionar o código HTML gerado pela Mailrelay em seu site criado usando WordPress com e sem plug-ins.

Interessante, certo?

Esclarecimento importante: para este tutorial, vamos presumir que você já criou um formulário de opt-in em sua conta e que já copiou o código HTML. Portanto, vamos nos concentrar em explicar como adicionar esse código no WordPress. Se você ainda não criou o formulário, ou não copiou o código HTML, recomendamos que você leia este outro post primeiro e siga os passos indicados: Formulários de assinatura Mailrelay V3

· Como integrar um formulário de inscrição Mailrelay sem usar nenhum plugin

Temos que começar este tutorial dizendo que não podemos nos enganar; a maioria de nós tentará encontrar um plugin para fazer todas as tarefas para nós em nosso site, porque eles tornam nossas vidas muito mais simples.

No entanto, é importante lembrar que a instalação de muitos plug-ins em nosso site pode sobrecarregar a página.

Isso, em muitas ocasiões, implica em um aumento no tempo de carregamento das páginas, afetando diretamente nossa estratégia de SEO e a experiência do usuário.

Por tudo isso, se você deseja evitar sobrecarregar seu site ou simplesmente não deseja instalar mais plugins em seu site WP, você pode integrar o código HTML diretamente em seu site sem nenhum plug-in.

Como?

Seguindo estas etapas:

Para começar, você terá que entrar no seu WordPress e clicar em “ Aparência” e em “Widget”.

Na seção Widgets, temos que encontrar um widget chamado “ HTML personalizado. ”Assim que o encontrarmos, podemos arrastá-lo para a área de widgets onde queremos adicionar nosso formulário de opt-in.

Por padrão, o WordPress possui uma área de widget na barra lateral da página.

Podemos inseri-lo lá ou se nosso tema ou template tiver outras áreas de Widgets habilitadas, podemos mudar o local (por exemplo, no rodapé).

Nesse caso, vamos adicioná-lo na área mais comum de widgets, pois todos os sites WordPress possuem essa opção por padrão; Vamos adicionar o código HTML na barra lateral.

Basta arrastar o widget para esta área, adicionar um título e colar o código gerado pela Mailrelay. Lembre-se de que você já gerou o código HTML antes de começar a ler este tutorial.

Após nomear o widget (na seção de título) e inserir o código (na seção de conteúdo), você deverá clicar no botão Salvar.

Posteriormente, para verificar se tudo está funcionando bem, você pode acessar seu blog, e verá o formulário de inscrição na barra lateral.

* É importante lembrar que o formulário terá os estilos (cores e fontes) configurados em seu template ou tema.

Neste caso, vimos como integrar o formulário na barra lateral. Se o seu site possui qualquer outra área de widgets habilitada, você pode seguir os mesmos passos que explicamos anteriormente, mas você deve arrastar o widget para essa área.

O resultado será o mesmo; a única diferença é que seu formulário de inscrição será exibido na área especificada e não na barra lateral.

· Como integrar um formulário de inscrição Mailrelay no WordPress com Elementor (versão gratuita)

Como integrar um formulário de inscrição Mailrelay no WordPress com Elementor (versão gratuita)

Elementor é um dos designers de layout WordPress mais famosos do momento, na verdade, é um dos plugins mais usados ​​para edição de formulários opt-in.

Entre suas principais funcionalidades podemos encontrar: uma versão gratuita com muitos recursos, que permite a qualquer usuário criar seções atraentes e personalizadas sem ter que investir dinheiro.

Elementor é um plugin atualmente disponível gratuitamente com recursos mais limitados e com uma versão paga / Premium com algumas opções extras.

No entanto, não importa se você está usando a versão gratuita ou paga, você poderá integrar seu formulário Mailrelay na seção e local desejados. Você aprenderá como fazer isso em apenas algumas etapas:

O primeiro requisito é ter o plugin Elementor instalado em nosso site. Se você ainda não o instalou, você deve ir até a guia de plug-ins e clicar em “ adicionar novo”.

Pesquise por “Construtor de páginas Elementor” no repositório do WordPress e clique em Instalar.

Depois de instalado, lembre-se de habilitá-lo e estaremos prontos para integrar nosso código.

Para iniciar a integração, você deve abrir a página ou seção onde deseja inserir o seu formulário de inscrição. Depois de acessar esta seção, você deverá procurar o módulo de código HTML.

Depois de localizado, adicione o módulo na coluna ou seção da página onde deseja que o formulário seja exibido. Após arrastá-lo para a área em questão, teremos que colar o código HTML que salvamos anteriormente.

Uma vez inserido o código HTML, você verá como o formulário estará disponível no formulário de inscrição na seção ou coluna escolhida. Certifique-se de que tudo está correto e publique as alterações. O resultado ficará visível em seu site:

Como mencionamos antes, tanto neste caso como no anterior, é importante ter em mente que o formulário terá os estilos definidos em seu template ou tema.

Para fazer alterações ou modificações de estilo, você precisará editar o HTML ou usar plug-ins específicos que nos permitam personalizar nossos formulários de inscrição (Bloom, por exemplo).

· Como integrar um formulário de assinatura Mailrelay em WordPress com Bloom

Bloom é um dos plugins mais completos que podemos encontrar para a criação de formulários de inscrição. Se você já tem esse plugin instalado em seu WordPress ou está pensando em comprar uma licença, explicaremos como integrá-lo à sua conta Mailrelay.

Depois de acessar o painel de administração, a primeira coisa que você deve fazer é clicar nos formulários Bloom / Opt-in. Nesta guia, você pode encontrar todos os formulários de inscrição que você já criou. Neste caso, vamos criar um novo formulário do zero para aprender a integrá-lo facilmente com Mailrelay.

Para criar um novo formulário, basta clicar no botão azul na parte superior da tela “ novo opt-in. ”Ou novo formulário.

O sistema abrirá uma lista suspensa onde você terá que escolher o tipo de formulário que deseja criar. Vamos escolher a opção “inline”, pois permitirá que você implemente mais tarde na seção ou página desejada.

Na próxima janela, você terá que começar a configurar nosso novo formulário. A primeira coisa que você deve fazer é nomeá-lo para poder identificá-lo internamente (esse nome só ficará visível para você, não será mostrado para os visitantes).

Depois disso, teremos que selecionar um provedor de e-mail. Neste caso, como temos nosso código HTML da Mailrelay, podemos ir diretamente ao final da lista suspensa e selecionar a opção “ Formulário HTML personalizado” .

Imediatamente após escolher esta opção, o sistema exibirá uma caixa cinza onde podemos inserir o código do snippet do formulário. Neste caso, você deve colar o código HTML gerado pela Mailrelay e clicar no botão “Next design your opt-in”.

A seguir, daremos uma olhada em diferentes formas, com diferentes cores e estilos. Você deve selecionar a melhor opção de acordo com o layout do seu site para se ajustar ao esquema de cores da página. É importante entender que como já introduzimos o código, o estilo não será o mesmo que o mostrado pelo plugin, mas o resultado final geralmente é muito bom.

A próxima etapa será customizar os campos que queremos usar no formulário. Em “opt-in title,” devemos escrever o título que será exibido com destaque no cabeçalho do formulário. Se não quiser inserir um título, você pode deixar este campo em branco.

Depois disso, teremos que preencher o texto do formulário. Se você está pensando em explicar por que seus visitantes devem assinar o seu boletim informativo, ou o que você está oferecendo aos assinantes em troca da assinatura, este é o campo que você deve usar para adicionar todas essas informações.

Então podemos ajustar a imagem. A maioria dos modelos padrão do Bloom inclui uma imagem na parte superior, mas se você quiser modificá-la e / ou substituí-la pelo seu logotipo, por exemplo, terá que fazer isso nesta seção.

Chegamos à seção de estilos. Se você deseja personalizar ainda mais seu formulário de inscrição, alterando fontes, cores, planos de fundo ou qualquer outro aspecto estético, este é o lugar. Em Opt-in Styling e form style, você pode escolher entre muitas opções e alternativas.

Depois disso, encontraremos mais algumas opções para personalizar o formulário. Podemos adicionar texto no rodapé (ideal para esclarecimentos ou comentários rápidos) e a mensagem de confirmação, que é o texto que será apresentado após o visitante subscrever com sucesso a newsletter.

Depois de definir todos os campos, podemos clicar em “Salvar” para salvar nosso trabalho. Quando clicarmos em salvar, o plug-in nos tirará da tela e exibirá todos os formulários de opt-in ativos.

Bem, já criamos e configuramos nosso formulário Bloom. O próximo passo é integrá-lo corretamente ao nosso site.

Para isso, nos formulários Bloom / opt-in, procuraremos o formulário que acabamos de criar e, à esquerda, encontraremos este símbolo “[].”

Ao clicar nele, veremos uma nova janela com o shortcode deste formulário. Copie ou salve este código em algum lugar porque você precisará usá-lo mais tarde.

Depois de copiar o shortcode, teremos que adicioná-lo ao nosso site onde queremos exibir este formulário. Se tivermos um layout visual como Elementor ou Divi, podemos integrá-lo onde quisermos com o módulo de código ou shortcode.

Se, pelo contrário, já estamos trabalhando com Gutenberg, o novo sistema criado pelo WordPress, podemos integrar nosso Shortcode usando o widget embutido especificamente para esse fim.

Devemos, portanto, abrir a página ou seção para editá-la. Após acessá-lo, clicaremos no botão “+” e, nos widgets, selecionaremos o bloco “Shortcode”. Depois disso, temos que inserir o código ou código de acesso que salvamos anteriormente. Aqui você só precisa colar o conteúdo e salvar as alterações.

Após seguir essas etapas, seu novo formulário estará disponível em seu site. O processo é muito mais fácil do que você pensava, certo?

· Conclusão

Como vimos ao longo do artigo, existem muitas opções para integrar um formulário HTML da Mailrelay usando o WordPress. Nesta postagem, queremos nos concentrar em métodos que consideramos fáceis para que você perca o medo de manipular o código.

Como vimos, você pode integrar Mailrelay com WordPress sem plugins, através da seção de widgets ou mesmo usando Gutenberg, a nova funcionalidade oferecida pelo WordPress.

No entanto, se você já tem editores visuais como Divi, Elementor ou qualquer outro plugin opcional, você também pode usá-los para adicionar seu formulário onde quiser. No caso do Bloom, a principal vantagem que temos é que o plugin permite editar facilmente os estilos dos formulários, para lhes dar um toque mais pessoal e adaptar o código ao layout do nosso site.

Porém, se você já está familiarizado com HTML e deseja fazer algumas alterações no código, para adicionar estilos ou cores, isso também é possível. Claro, lembre-se de ser cauteloso porque se o seu formulário de opt-in não funcionar corretamente, ele afetará sua estratégia de marketing por e-mail.

E agora, você quer integrar seu formulário Mailrelay ao seu site WordPress?