A subscription popup triggered by a click can effectively increase your website’s email sign-up rate while enhancing user experience. Elementor offers powerful tools for creating and customizing popups, making it easy to set up a “click-to-open” popup de subscrição. Este tutorial irá guiá-lo através de cada passo para criar um popup de subscrição que só aparece quando os utilizadores clicam num link ou botão específico.
Introdução
Subscription popups can be a great way to engage visitors and encourage them to sign up for your newsletter, promotions, or updates. Unlike auto-triggered popups, which may interrupt the user experience, a click-triggered popup opens only when the user is ready to see it, making it more user-friendly and likely to convert. Let’s explore how you can create a subscription popup in Elementor that opens upon clicking a link or button.
Passo 1: Crie o modelo de pop-up de subscrição
- Elemento de acesso ou modelos de popup
- Inicie sessão no seu painel de controlo do WordPress e navegue até Templates > Popups.
- Clique em Adicionar novo popup para criar um novo modelo de pop-up.
- Dê um nome e crie o seu modelo de pop-up
- Give your popup a relevant name, such as “Popup de subscrição” then click Criar modelo.
- Escolha ou desenhe o seu layout de pop-up
- O Elementor mostrar-lhe-á uma variedade de modelos de popup pré-concebidos. Selecione um que se adeqúe às suas necessidades ou comece com um modelo em branco.
- Clique em Inserir para abrir o modelo selecionado no editor Elementor. Clicando no ícone "x" leva-o para a página de modelo em branco.
- Adicionar um formulário de subscrição
- Arraste o botão Formulário widget na janela pop-up para adicionar um formulário de subscrição.
- Configure os campos do formulário para captar as informações necessárias, normalmente:
- Nome (opcional) - para uma experiência mais personalizada.
- Correio eletrónico (obrigatório) - como a informação principal para uma subscrição.
- Mantenha-o simples com apenas um campo de e-mail para aumentar a probabilidade de inscrição.
- Configurar acções de envio de formulários
- Update the form’s submit button text to something engaging, like “Subscribe Now” or “Get Updates.”
- No Acções após a apresentação secção, selecione Correio eletrónico ou MailChimp (if you’re using MailChimp for email marketing).
- Personalize as acções pós-submissão, como o envio de uma mensagem de agradecimento ou a adição de um notificação de sucesso.
- Estilizar o seu popup
- Use Elementor’s styling options to customize the form’s colors, fontese espaçamento to match your website’s branding.
- To draw attention, add a headline such as “Stay Updated!” or “Subscreva as últimas notícias. “
- Guarde e publique o Popup
- Once you’re happy with the design, click Publicar. You’ll now be prompted to configure the popup’s display settings.
Passo 2: Configure as definições de visualização e de acionamento para o Popup
- Definir condições de visualização
- Clique em Adicionar condição e selecione Todo o sítio ou uma página específica onde pretende que o popup esteja acessível.
- Configurar accionadores
- Turn off any automatic triggers (like “On Page Load” or “On Scroll”). This step ensures that the popup only appears when the user clicks a designated link or button.
- Guardar definições do ecrã
- Confirme as suas definições clicando em Guardar e fechar.
Passo 3: Crie o link ou botão para acionar o popup
- Edite a página ou publicação onde pretende a hiperligação
- Abra a página ou publicação onde pretende adicionar o link ou botão de ativação no Elementor.
- Adicione um link ou botão para o acionador de pop-up
- Insira um Botão or a text link widget to serve as the popup trigger. Use engaging text like “Sign Up Now” or “Subscribe for Updates.”
- Pode anexar o acionador de pop-up a uma imagem, ícone ou outro elemento clicável para um aspeto personalizado.
- Defina a ação de disparo para abrir o popup
- Selecione a ligação ou o botão e vá para Definições de ligação no editor do Elementor.
- Defina o tipo de ligação para Etiquetas dinâmicase, em seguida, selecione Actions > Popup na lista pendente.
- Escolha a ação e o nome do popup
- Selecione Abrir pop-up como a ação e selecione o nome do popup de subscrição que criou anteriormente.
- Também pode definir uma ação de fechar pop-up se pretender que os utilizadores possam fechar o pop-up manualmente.
- Guardar as suas alterações
- Clique em Atualização para guardar as suas alterações na página.
Passo 4: Teste o Popup
- Pré-visualize a página
- Visite a página onde adicionou o acionador de pop-up, clique no link ou botão e certifique-se de que o pop-up de subscrição é apresentado corretamente.
- Verificar a apresentação do formulário
- Envie um registo de teste para se certificar de que o formulário funciona como esperado. Se configurou o formulário para enviar uma notificação por correio eletrónico, verifique se o correio eletrónico é recebido.
- Se estiver ligado a uma ferramenta como o MailChimp, verifique se a subscrição de teste foi adicionada à lista correta.
Sugestões e recomendações adicionais
- Adicionar animação: In the popup’s advanced settings, you can add entrance and exit animations (such as fade-in or slide-in) to make the popup appear smoother and more engaging.
- Optimize para dispositivos móveis: Switch to mobile view in the Elementor editor and adjust the popup’s design for mobile screens to ensure a seamless experience for mobile users.
- Controlo de frequência: Se planeia ter vários popups, limite a sua frequência para evitar sobrecarregar os utilizadores.
- Declaração de privacidade: Utilize a Texto inclua uma breve declaração de privacidade na parte inferior do formulário para garantir aos utilizadores que as suas informações de correio eletrónico serão mantidas em segurança.
Conclusão
A criação de um pop-up de subscrição acionado por clique no Elementor aumenta eficazmente a taxa de subscrição de e-mail do seu sítio Web, assegurando simultaneamente uma experiência de utilizador positiva. Ao contrário dos popups com acionamento automático, esta abordagem apenas apresenta o popup quando o utilizador está pronto para participar, tornando-o menos intrusivo e com maior probabilidade de conversão. Seguindo estes passos, pode facilmente conceber, personalizar e configurar um popup de subscrição que se alinhe com a sua marca e incentive a interação do utilizador. Um popup bem concebido e estrategicamente colocado pode ser valioso para criar a sua lista de correio eletrónico e manter-se ligado ao seu público.