Icon

Guia de Importar Pop-Up Modelo e construir checkout pré populado com Elementor

Aprenda a importar e editar modelos de pop-up no WordPress utilizando o Elementor. Siga o passo a passo para configurar corretamente os links de checkout e garantir que todos os botões funcionem perfeitamente.

By Matheus Lage

Neste guia, vamos aprender como importar e editar modelos de pop-up no WordPress usando o Elementor. Este processo envolve fazer login no WordPress, importar o arquivo do modelo, editar o conteúdo necessário e configurar os links de redirecionamento para o checkout do produto. Também vamos verificar se todos os botões na página principal estão funcionando corretamente e testaremos o checkout para garantir que tudo está configurado corretamente.

Vamos começar

Primeira coisa é entrar no login do WordPress. Digite os dados de login e senha e clique em acessar. Depois, clique em modelos e pop-ups.

1
Vá para a página de login do WordPress do Expert
2
Digite Login, Senha e Clique em "Acessar"
Step #2: Digite Login, Senha e Clique em "Acessar"
3
Cliquem em "Modelos", depois vá para "Popups"
Step #3: Cliquem em "Modelos", depois vá para "Popups"

Clique em "Importar Modelos" e escolher o arquivo.

4
Cliquem em "IMPORTAR MODELOS"
Step #4: Cliquem em "IMPORTAR MODELOS"
5
Cliquem em "Escolher arquivo"
Step #5: Cliquem em "Escolher arquivo"

Escolha o arquivo que será o modelo pop-up e clique em "Importar agora".

6
Clique em em "Importar agora"
Step #6: Clique em em "Importar agora"

O arquivo vai aparecer logo abaixo. Clique em "Editar com Elementor".

7
Clique em "Editar com Elementor"
Step #7: Clique em "Editar com Elementor"
8
Cliquem em "▸ Redirect"
Step #8: Cliquem em "▸ Redirect"
9
Clique em em "Redirect To" e cole o link do checkout, na formatação correta.
Step #9: Clique em em "Redirect To" e cole o link do checkout, na formatação correta.
10
Clique em "Atualizar"
Step #10: Clique em "Atualizar"
11
Clique em "Save & Close"
Step #11: Clique em "Save & Close"

Volte para o WordPress!

12
Clique no menu lateral
Step #12: Clique no menu lateral
13
Clique em "Sair"
Step #13: Clique em "Sair"

É hora de testar e configurar os botões!

14
Clique em "Páginas"
Step #14: Clique em "Páginas"

Vá para a página principal e edite com o Elementor.

15
Clique em "Editar com Elementor"
Step #15: Clique em "Editar com Elementor"

Antes de começar...

Agora, vamos verificar especificamente TODOS os botões que devem levar para o pop-up.

Primeiro, clique no botão que direciona para o pop-up.

16
Clique em "Tags Dinâmicas"
Step #16: Clique em "Tags Dinâmicas"
17
Clique em "Popup".
Step #17: Clique em "Popup".
18
Clique aqui
Step #18: Clique aqui
19
Digite "modelo popup" na barra de texto e clique em "modelo popup (Modelo)"
Step #19: Digite "modelo popup" na barra de texto e clique em "modelo popup (Modelo)"

Selecione o modelo pop-up, feche e confira se ele foi selecionado, clicando novamente em Popup.

20
Cliquem aqui
Step #20: Cliquem aqui
21
Cliquem em "Atualizar"
Step #21: Cliquem em "Atualizar"

Depois disso, você vai entrar na página de vendas do curso e conferir se todos os botões estão funcionando da maneira correta. TANTO OS DE POP-UP, QUANTO OS OUTROS. Aqui, vamos mostrar apenas o passo a passo dos botões de pop-up.

22
Vá para a URL da página de vendas
23
Clique no botão que deveria direcionar para o POP-UP
Step #23: Clique no botão que deveria direcionar para o POP-UP
24
Preencha as informações do checkout
Step #24: Preencha as informações do checkout

25
Teste o checkout. Clique no botão de levar para o checkout e veja se está sendo direcionado corretamente.
Step #25: Teste o checkout. Clique no botão de levar para o checkout e veja se está sendo direcionado corretamente.