Precisa descobrir como abrir um pop-up Elementor em Gutemberg?
Nas comunidades online, sempre há uma coisa que é discutível: pop-ups. Algumas pessoas se perguntam se devem ou não usar pop-ups. Mas, em nossa opinião, os pop-ups são aceitáveis se os pop-ups que você criou forem simples, atraentes e não irritantes para seus usuários.
Digamos que você já tenha criado os pop-ups com Elementor e deseja abri-los no editor WordPress Gutenberg; porque você deseja implantar pop-ups em suas postagens ou páginas de blog. Se você está se perguntando, é possível fazer isso? Bem, a resposta é sim, é possível.
Este artigo mostrará como abrir pop-ups Elementor em Gutenberg.
Como abrir o pop-up Elementor no editor WordPress Gutenberg
Etapa 1: preparar o pop-up
Navegue até o modelo pop-up que você criou. Se você é novo no Elementor e quer aprender a criar pop-ups, pode conferir o seguinte tutorial: clicando neste garantia.
Certo, quando a criação do pop-up estiver concluída, clique no ícone de engrenagem ( ️ ) no canto inferior esquerdo do painel de configurações do item para abrir o painel pop-up. No painel pop-up de configurações, navegue até a guia avançado e adicione um seletor no campo Abrir por seletor .
Certifique-se de adicionar o símbolo do período como um prefixo (por exemplo, .popup12345).
Depois de adicionar o seletor especificado, não se esqueça de atualizar ou publicar seu modelo pop-up.
Nota: Na guia Condições de exibição do seu pop-up, por favor configure-o para exibir seu pop-up no Site inteiro; Isso permitirá que você acesse seu popup em todo o site da Web. Você também não precisa definir um acionador, pois exibirá o pop-up pelo seletor que acabou de definir.
Passo 2: Abra o pop-up em Gutenberg
Agora é hora de abrir o pop-up no editor WordPress Gutenberg.
Vá para o editor Gutenberg do WordPress; você pode criar um novo conteúdo (página/publicação) ou selecione um conteúdo existir. Em seguida, escolha qualquer bloco que deseja usar como gatilho para o pop-up aparecer.
Neste tutorial, usaremos um bloco Buttons.
Depois de decidir qual bloco você deseja usar como gatilho para mostrar o pop-up, vá para Configurações Bloquear – > Avançado. Em seguida, adicione o seu Classes CSS especificadas em Classe CSS adicional (es) campeão.
Bom. É isso. Para ver como funcionou, publique seu projeto e abra-o em uma nova janela.
Obtenha o Elementor Pro agora !!!
Conclusão
Este artigo mostra como você pode facilmente abrir um pop-up Elementor no editor Gutenberg do WordPress. Esperamos que este artigo seja útil para você. Por último, mas não menos importante, lembre-se de que o sucesso do seu pop-up depende da conversão dos seus usuários usando um conteúdo relevante e um apelo à ação convincente.
Se você tiver alguma dúvida sobre como chegar lá, avise-nos dentro Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
