{"id":50333,"date":"2022-06-13T03:46:00","date_gmt":"2022-06-13T06:46:00","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=50333&#038;preview=true&#038;preview_id=50333"},"modified":"2025-01-20T07:27:06","modified_gmt":"2025-01-20T10:27:06","slug":"popup-elementor","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/","title":{"rendered":"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)"},"content":{"rendered":"<p>Os formul\u00e1rios popup podem ser ferramentas de marketing essenciais, permitindo que voc\u00ea <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-criar-uma-lista-de-e-mails\/\">capture endere\u00e7os de e-mail<\/a>, promova vendas e muito mais. No entanto, fazer popups atraentes e personalizados no WordPress nem sempre \u00e9 simples.<\/p>\n<p>Felizmente, o <a href=\"https:\/\/kinsta.com\/pt\/blog\/divi-vs-elementor\/\">plugin construtor de p\u00e1ginas do Elementor<\/a> facilita a cria\u00e7\u00e3o e customiza\u00e7\u00e3o de popups em seu site. Voc\u00ea pode ajust\u00e1-los de acordo com <a href=\"https:\/\/kinsta.com\/pt\/blog\/software-de-design-de-sites\/\">o design do seu site<\/a> e adicionar gatilhos baseados no comportamento ou origens do usu\u00e1rio.<\/p>\n<p>Este guia dar\u00e1 uma vis\u00e3o detalhada dos diferentes tipos de popups do Elementor e porque voc\u00ea pode querer us\u00e1-los. Ent\u00e3o, explicaremos como fazer esses popups com as ferramentas gratuitas e <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pro Elementor<\/a>. Vamos come\u00e7ar!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Uma vis\u00e3o geral dos popups do Elementor<\/h2>\n<p>Elementor \u00e9 um dos mais <a href=\"https:\/\/kinsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/\">populares plugins de constru\u00e7\u00e3o de p\u00e1ginas<\/a> para sites WordPress. Ele permite que voc\u00ea arraste e solte elementos no lugar para projetar p\u00e1ginas bonitas e de f\u00e1cil utiliza\u00e7\u00e3o:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-homepage.png\" alt=\"Construtor de p\u00e1ginas Elementor\" width=\"1600\" height=\"664\"><figcaption class=\"wp-caption-text\">Construtor de p\u00e1ginas Elementor<\/figcaption><\/figure>\n<p>Al\u00e9m disso, o Elementor permite que voc\u00ea crie uma variedade de popups. Estes s\u00e3o formul\u00e1rios personalizados que aparecem em seu site ap\u00f3s um tempo pr\u00e9-determinado, ou ap\u00f3s um usu\u00e1rio completar uma determinada a\u00e7\u00e3o.<\/p>\n<p>Os popups podem ser ferramentas essenciais por v\u00e1rias raz\u00f5es. Voc\u00ea pode us\u00e1-los para coletar leads e expandir sua lista de <a href=\"https:\/\/kinsta.com\/pt\/blog\/estatisticas-email-marketing\/\">e-mail marketing<\/a>. Os popups do Elementor <a href=\"https:\/\/kinsta.com\/pt\/docs\/hospedagem-de-wordpress\/ferramentas-mykinsta\/email\/\">se integram com software de e-mail marketing<\/a>, enviando endere\u00e7os de clientes diretamente para sua plataforma de escolha.<\/p>\n<p>Voc\u00ea pode at\u00e9 mesmo utiliz\u00e1-los para promover vendas, descontos e eventos relacionados \u00e0 sua <a href=\"https:\/\/kinsta.com\/pt\/blog\/plataformas-ecommerce\/\">loja de eCommerce<\/a>. Como tal, os popups podem ser parte integrante da sua estrat\u00e9gia geral de marketing.<\/p>\n<p>Al\u00e9m disso, os popups podem ajud\u00e1-lo a se conectar com seus clientes. Voc\u00ea pode incorporar pesquisas para solicitar o feedback do consumidor e melhorar seus produtos e servi\u00e7os.<\/p>\n<p>Entretanto, os popups podem se sentir baratos e intrusivos se voc\u00ea n\u00e3o os desenhar bem e escolher os gatilhos corretos para o seu p\u00fablico. Portanto, voc\u00ea precisar\u00e1 ter certeza de us\u00e1-los efetivamente. \u00c9 aqui que o Elementor entra.<\/p>\n\n<h3>Tipos de popups do Elementor<\/h3>\n<p>O Elementor vem com mais de 100 templates de popup que voc\u00ea pode personalizar de acordo com suas necessidades. Estes designs incluem:<\/p>\n<ul>\n<li>Formul\u00e1rios de captura de leads<\/li>\n<li>Popups de <a href=\"https:\/\/kinsta.com\/pt\/blog\/provedores-de-email-seguros\/\">cadastro de e-mail<\/a><\/li>\n<li>Popups promocionais<\/li>\n<li>Login e formul\u00e1rios de boas-vindas<\/li>\n<li>Popups de conte\u00fado restrito<\/li>\n<li>Formul\u00e1rios de venda e venda cruzada<\/li>\n<\/ul>\n<p>Estes templates de popup v\u00eam embutidos no <a href=\"https:\/\/elementor.com\/library\/\" target=\"_blank\" rel=\"noopener noreferrer\">ElementorKits<\/a>, que incluem v\u00e1rios recursos de design para diferentes tipos de sites:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-kits.png\" alt=\"Templates popup do ElementorKits \" width=\"1600\" height=\"657\"><figcaption class=\"wp-caption-text\">Templates popup do ElementorKits<\/figcaption><\/figure>\n<p>Al\u00e9m disso, voc\u00ea pode escolher entre diferentes posicionamentos popup e designs visuais, inclusive:<\/p>\n<ul>\n<li>Modal<\/li>\n<li>Slide-in<\/li>\n<li>Tela completa<\/li>\n<li>Barra superior ou inferior<\/li>\n<\/ul>\n<p>Finalmente, voc\u00ea pode usar o editor do Elementor para personalizar rapidamente qualquer modelo popup para atender \u00e0s suas necessidades. Agora vamos explicar como voc\u00ea pode fazer isso gratuitamente e com o Elementor Pro.<\/p>\n<h2>Como criar um popup com o Elementor (gratuito)<\/h2>\n<p>Anteriormente, o <a href=\"https:\/\/wordpress.org\/plugins\/essential-addons-for-elementor-lite\/\" target=\"_blank\" rel=\"noopener noreferrer\">Essential Addons for Elementor plugin<\/a> tinha um recurso <strong>Modal Popup<\/strong> que permite aos usu\u00e1rios criar um formul\u00e1rio popup gratuito. Us\u00e1-lo era uma das formas mais populares de se contornar o pagamento pelo Elementor Pro. Voc\u00ea pode encontrar muitos v\u00eddeos tutoriais de alguns anos atr\u00e1s para mostrar a voc\u00ea como usar este m\u00e9todo.<\/p>\n<p>No entanto, o recurso gratuito <strong>Modal Popup<\/strong> se transformou em um elemento Premium <strong>Lightbox e Modal<\/strong>. Ele n\u00e3o \u00e9 mais gratuito para uso. Portanto, voc\u00ea precisar\u00e1 atualizar para o Elementor Pro ou pagar por um dos plugins premium Elementor que cobrimos mais tarde neste artigo.<\/p>\n<h2>Como criar um popup com o Elementor Pro (em 5 passos simples)<\/h2>\n<p>O Elementor Pro vem com um recurso de Popups embutido que n\u00f3s usaremos neste tutorial. Voc\u00ea precisar\u00e1 primeiro comprar e ativar o <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor Pro<\/a>. Depois, voc\u00ea pode ir para o seu painel do WordPress para come\u00e7ar a fazer popups.<\/p>\n<h3>Passo 1: Fa\u00e7a seu popup<\/h3>\n<p>Comece navegando para <strong>Elementor &gt; Templates &gt; Popups<\/strong><strong>\u00a0<\/strong>no seu painel do WordPress. Depois, clique em <strong>ADD NEW POPUP <\/strong>para criar um novo <strong>POPUP<\/strong>:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/add-new-popup.png\" alt=\" para \" width=\"1600\" height=\"663\"><figcaption class=\"wp-caption-text\">V\u00e1 para &#8220;Templates&#8221; e depois &#8220;Add New Popup&#8221;<\/figcaption><\/figure>\n<p>Voc\u00ea ent\u00e3o ser\u00e1 solicitado a nomear o seu modelo. Uma vez que voc\u00ea tenha decidido por um nome, selecione <strong>CREATE TEMPLATE<\/strong>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-template.png\" alt=\"Nomeie seu modelo popup e clique em \" width=\"1500\" height=\"720\"><figcaption class=\"wp-caption-text\">Nomeie seu modelo popup e clique em &#8220;Create&#8221;<\/figcaption><\/figure>\n<p>Isto ir\u00e1 lan\u00e7ar o construtor de p\u00e1ginas do Elementor. Agora voc\u00ea pode escolher entre os projetos de templates popup existentes ou construir o seu pr\u00f3prio a partir do zero. Em nosso exemplo, escolhemos um dos templates existentes para editar:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/full-page-popup.png\" alt=\"Escolha entre projetos popup existentes ou construa um a partir do zero\" width=\"1600\" height=\"709\"><figcaption class=\"wp-caption-text\">Escolha entre projetos popup existentes ou construa um a partir do zero<\/figcaption><\/figure>\n<p>Agora voc\u00ea pode brincar com as configura\u00e7\u00f5es de design para personalizar o seu popup. Por exemplo, voc\u00ea pode mudar seu layout, alinhamento, imagens de fundo e cores.<\/p>\n<h3>Passo 2: Escolha suas condi\u00e7\u00f5es de exibi\u00e7\u00e3o<\/h3>\n<p>Quando voc\u00ea estiver satisfeito com seu projeto, clique na seta voltada para cima ao lado de <strong>PUBLISH<\/strong>. Em seguida, selecione <strong>Display Conditions<\/strong><strong>\u00a0<\/strong>no menu que aparece:<\/p>\n<figure style=\"width: 1287px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-publish-settings.png\" alt=\"Escolha suas condi\u00e7\u00f5es de exibi\u00e7\u00e3o\" width=\"1287\" height=\"889\"><figcaption class=\"wp-caption-text\">Escolha suas condi\u00e7\u00f5es de exibi\u00e7\u00e3o<\/figcaption><\/figure>\n<p>Em seguida, clique em <strong>ADD CONDITION <\/strong>para escolher onde seu popup Elementor aparecer\u00e1 em seu site. Voc\u00ea pode ent\u00e3o selecionar um local a partir das seguintes op\u00e7\u00f5es: <strong>Entire Site<\/strong>, <strong>Archives<\/strong>, <strong>Singular<\/strong>, ou <strong>WooCommerce<\/strong>:<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-display-settings.png\" alt=\"Escolha onde voc\u00ea quer que o popup seja exibido\" width=\"1486\" height=\"898\"><figcaption class=\"wp-caption-text\">Escolha onde voc\u00ea quer que o popup seja exibido<\/figcaption><\/figure>\n<p>Quando voc\u00ea estiver satisfeito com a sua escolha, clique em <strong>NEXT<\/strong>. Voc\u00ea ser\u00e1 levado ao <strong>Triggers<\/strong> para o seu formul\u00e1rio popup.<\/p>\n<h3>Passo 3: Configure seus gatilhos popup<\/h3>\n<p>Na p\u00e1gina <strong>Triggers<\/strong>, voc\u00ea pode decidir o que os usu\u00e1rios precisam fazer para ver seu popup Elementor. Por padr\u00e3o, cada op\u00e7\u00e3o est\u00e1 desativada, e voc\u00ea pode ativ\u00e1-la clicando no bot\u00e3o deslizante. Ent\u00e3o, voc\u00ea precisar\u00e1 especificar os valores para o seu gatilho.<\/p>\n<p>Por exemplo, se voc\u00ea optar pelo <strong>On Page Load<\/strong>, voc\u00ea precisar\u00e1 escolher em quantos segundos seu popup ser\u00e1 exibido:<\/p>\n<figure style=\"width: 1474px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-page-load.png\" alt=\"Selecione os gatilhos popups que voc\u00ea deseja\" width=\"1474\" height=\"454\"><figcaption class=\"wp-caption-text\">Selecione os gatilhos popups que voc\u00ea deseja<\/figcaption><\/figure>\n<p>Com o <strong>On Scroll<\/strong>, voc\u00ea pode escolher a dire\u00e7\u00e3o que o usu\u00e1rio precisa percorrer e quanto da p\u00e1gina eles devem cobrir antes do popup aparecer:<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-scroll.png\" alt=\"Page scroll triggers\" width=\"1476\" height=\"433\"><figcaption class=\"wp-caption-text\">Page scroll triggers<\/figcaption><\/figure>\n<p>A configura\u00e7\u00e3o <strong>On Scroll To Element<\/strong> requer que voc\u00ea insira um CSS ID. Quando um usu\u00e1rio alcan\u00e7ar esse elemento em sua p\u00e1gina, o popup aparecer\u00e1:<\/p>\n<figure style=\"width: 1482px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-scroll-to-element.png\" alt=\"Rolar para acionar os elementos\" width=\"1482\" height=\"448\"><figcaption class=\"wp-caption-text\">Rolar para acionar os elementos<\/figcaption><\/figure>\n<p>Com o<strong> On Click<\/strong>, voc\u00ea ter\u00e1 que especificar quantas vezes um usu\u00e1rio deve clicar no seu site antes que o popup seja exibido:<\/p>\n<figure style=\"width: 1482px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-on-click.png\" alt=\"Mais op\u00e7\u00f5es de acionamento sob regras avan\u00e7adas\" width=\"1482\" height=\"325\"><figcaption class=\"wp-caption-text\">Mais op\u00e7\u00f5es de acionamento sob regras avan\u00e7adas<\/figcaption><\/figure>\n<p>A configura\u00e7\u00e3o<strong>\u00a0After Inactivity <\/strong>permite que voc\u00ea acione seu popup depois que o usu\u00e1rio estiver ocioso em sua p\u00e1gina por um determinado per\u00edodo de tempo:<\/p>\n<figure style=\"width: 1483px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-after-inactivity.png\" alt=\"Inactivity triggers\" width=\"1483\" height=\"328\"><figcaption class=\"wp-caption-text\">Inactivity triggers<\/figcaption><\/figure>\n<p>Finalmente, voc\u00ea pode optar por ativar a op\u00e7\u00e3o <strong>On Page Exit Intent<\/strong>. Esta configura\u00e7\u00e3o ir\u00e1 acionar seu popup quando um usu\u00e1rio tentar sair de sua p\u00e1gina:<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-exit-intent.png\" alt=\"Selecione o gatilho \" width=\"1486\" height=\"336\"><figcaption class=\"wp-caption-text\">Selecione o gatilho &#8220;On Page Exit Intent&#8221; quando aplic\u00e1vel<\/figcaption><\/figure>\n<p>Clique em <strong>SAVE &#038; CLOSE <\/strong>ou <strong>NEXT<\/strong> para navegar para as <strong>Advanced Rules when you&#8217;re done<\/strong>. N\u00f3s veremos estas regras um pouco mais tarde neste tutorial.<\/p>\n<h3>Passo 4: Adicione um bot\u00e3o popup ao seu site (opcional)<\/h3>\n<p>Voc\u00ea pode querer acionar seu Elementor popup quando um usu\u00e1rio clicar em um elemento espec\u00edfico em sua p\u00e1gina. Por exemplo, voc\u00ea pode projetar um bot\u00e3o que diz &#8220;Sign Up Now&#8221; e incorpor\u00e1-lo em seu rodap\u00e9. Quando um usu\u00e1rio clica no bot\u00e3o, ele ver\u00e1 seu formul\u00e1rio de <a href=\"https:\/\/kinsta.com\/pt\/blog\/email-e-hospedagem-separados\/\">registro de e-mail<\/a> na tela deles.<\/p>\n<p>Primeiro, voc\u00ea precisar\u00e1 criar um bot\u00e3o Elementor em seu site. Abra o artigo ou p\u00e1gina no editor do Elementor e escolha <strong>Bot\u00e3o<\/strong> no menu. Arraste e solte-o em sua p\u00e1gina:<\/p>\n<figure style=\"width: 1014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-button.png\" alt=\"Escolha a op\u00e7\u00e3o \" width=\"1014\" height=\"894\"><figcaption class=\"wp-caption-text\">Escolha a op\u00e7\u00e3o &#8220;Bot\u00e3o&#8221; no menu<\/figcaption><\/figure>\n<p>Depois de especificar o texto do bot\u00e3o e personalizar sua apar\u00eancia, clique em <strong>Link &gt; Dynamic Tags<\/strong>. Depois, escolha <strong>Actions &gt; Popup<\/strong> no menu suspenso:<\/p>\n<figure style=\"width: 1273px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-button.png\" alt=\"Selecione a a\u00e7\u00e3o popup para o bot\u00e3o\" width=\"1273\" height=\"652\"><figcaption class=\"wp-caption-text\">Selecione a a\u00e7\u00e3o popup para o bot\u00e3o<\/figcaption><\/figure>\n<p>Clique em <strong>Popup <\/strong>e escolha <strong>Open Popup<\/strong> no menu suspenso <strong>Action<\/strong>. Voc\u00ea tamb\u00e9m pode selecionar seu formul\u00e1rio a partir do menu <strong>Popup <\/strong>:<\/p>\n<figure style=\"width: 1270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/open-popup.png\" alt=\"Selecione a op\u00e7\u00e3o dropdown popup\" width=\"1270\" height=\"712\"><figcaption class=\"wp-caption-text\">Selecione a op\u00e7\u00e3o dropdown popup<\/figcaption><\/figure>\n<p>Finalmente, selecione <strong>UPDATE<\/strong> para publicar seu bot\u00e3o. Sempre que um usu\u00e1rio clicar nele, ele ser\u00e1 levado para o seu formul\u00e1rio de inscri\u00e7\u00e3o.<\/p>\n<h3>Passo 5: Salve seus templates de popup para mais tarde<\/h3>\n<p>Voc\u00ea tamb\u00e9m pode salvar seus popups como modelos. Abra seu popup com o editor Elementor e clique na seta para cima ao lado de <strong>UPDATE<\/strong>. Escolha <strong>Save as Template<\/strong>\u00a0no menu:<\/p>\n<figure style=\"width: 1054px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-template-save.png\" alt=\"Salve seu popup como um modelo\" width=\"1054\" height=\"897\"><figcaption class=\"wp-caption-text\">Salve seu popup como um modelo<\/figcaption><\/figure>\n<p>Voc\u00ea ent\u00e3o ser\u00e1 solicitado a nomear o seu modelo. Quando voc\u00ea terminar, clique em <strong>SAVE<\/strong>:<\/p>\n<figure style=\"width: 1498px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/save-popup.png\" alt=\"D\u00ea um nome ao modelo popup e clique em \" width=\"1498\" height=\"853\"><figcaption class=\"wp-caption-text\">D\u00ea um nome ao modelo popup e clique em &#8220;Save&#8221;<\/figcaption><\/figure>\n<p>O popup ser\u00e1 salvo na sua Biblioteca de Templates. Agora voc\u00ea pode us\u00e1-la ao construir uma p\u00e1gina ou artigo com os modelos.<\/p>\n<h2>Como ajustar as configura\u00e7\u00f5es avan\u00e7adas de popup do Elementor<\/h2>\n<p>N\u00f3s j\u00e1 abordamos como fazer um Elementor b\u00e1sico popup. Entretanto, h\u00e1 tamb\u00e9m algumas configura\u00e7\u00f5es avan\u00e7adas que voc\u00ea pode querer usar.<\/p>\n<p>Abra seu popup novamente com o editor do Elementor e navegue at\u00e9 <strong>Exibir Regras<\/strong>. Vamos dar uma olhada nas diferentes configura\u00e7\u00f5es.<\/p>\n<h3>Configura\u00e7\u00f5es de exibi\u00e7\u00e3o de popups<\/h3>\n<p>Algumas configura\u00e7\u00f5es avan\u00e7adas de exibi\u00e7\u00e3o popup permitem que voc\u00ea controle quando os usu\u00e1rios verem o seu formul\u00e1rio. Estas configura\u00e7\u00f5es podem ser \u00fateis para direcionar visitantes de retorno ao inv\u00e9s de visitantes de primeira viagem.<\/p>\n<p>Por exemplo, voc\u00ea pode escolher exibir seu popup depois que seu visitante tiver visto sua p\u00e1gina um certo n\u00famero de vezes:<\/p>\n<figure style=\"width: 1479px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-after-page-views.png\" alt=\"Configura\u00e7\u00f5es e condi\u00e7\u00f5es mais avan\u00e7adas\" width=\"1479\" height=\"444\"><figcaption class=\"wp-caption-text\">Configura\u00e7\u00f5es e condi\u00e7\u00f5es mais avan\u00e7adas<\/figcaption><\/figure>\n<p>Alternativamente, voc\u00ea pode escolher <strong>Show after X sessions<\/strong>. Isto estabelece metas de visitas gerais ao inv\u00e9s de p\u00e1ginas espec\u00edficas:<\/p>\n<figure style=\"width: 1483px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-after-sessions.png\" alt=\"Mostrar popup ap\u00f3s uma certa quantidade de sess\u00f5es\" width=\"1483\" height=\"444\"><figcaption class=\"wp-caption-text\">Mostrar popup ap\u00f3s uma certa quantidade de sess\u00f5es<\/figcaption><\/figure>\n<p>A configura\u00e7\u00e3o <strong>Show<\/strong><strong> up to X times<\/strong>\u00a0pode limitar quantas vezes os usu\u00e1rios ver\u00e3o seu popup. Voc\u00ea pode considerar ativ\u00e1-lo se voc\u00ea n\u00e3o quiser enviar spam aos visitantes com formul\u00e1rios intrusivos continuamente:<\/p>\n<figure style=\"width: 1474px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-x-times.png\" alt=\"Selecione quantas vezes os usu\u00e1rios ver\u00e3o seu popup\" width=\"1474\" height=\"454\"><figcaption class=\"wp-caption-text\">Selecione quantas vezes os usu\u00e1rios ver\u00e3o seu popup<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m pode usar o <strong>Show on devices <\/strong>e <strong>Show on browsers<\/strong> configura\u00e7\u00f5es\u00a0para limitar onde seu popup ir\u00e1 aparecer. Os popups podem ser particularmente intrusivos em <a href=\"https:\/\/kinsta.com\/pt\/blog\/google-mobile-first-index\/\">dispositivos m\u00f3veis<\/a>, ent\u00e3o voc\u00ea pode considerar desativ\u00e1-los l\u00e1:<\/p>\n<figure style=\"width: 1480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-show-devices-browsers.png\" alt=\"Voc\u00ea pode escolher a op\u00e7\u00e3o \" width=\"1480\" height=\"298\"><figcaption class=\"wp-caption-text\">Voc\u00ea pode escolher a op\u00e7\u00e3o &#8220;Show on devices&#8221;<\/figcaption><\/figure>\n<p>Proporcionar uma melhor experi\u00eancia de usu\u00e1rio m\u00f3vel pode manter seus visitantes felizes. Ele tamb\u00e9m pode impulsionar seus esfor\u00e7os do <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-seo\/\">Search Engine Optimization (SEO)<\/a> e ajudar o seu site a subir na classifica\u00e7\u00e3o nos resultados de pesquisa.<\/p>\n<h3>Configura\u00e7\u00f5es de origem do usu\u00e1rio<\/h3>\n<p>Finalmente, o Elementor permite que voc\u00ea configure as configura\u00e7\u00f5es de exibi\u00e7\u00e3o popup, dependendo de onde seus usu\u00e1rios v\u00eam. Estas configura\u00e7\u00f5es podem ser \u00fateis se voc\u00ea direcionar os visitantes para uma p\u00e1gina de destino promocional e depois usar seu popup para ofertas publicit\u00e1rias ou para pedir detalhes de contato.<\/p>\n<p>As seguintes configura\u00e7\u00f5es permitem que voc\u00ea especifique URLs e escolha quais links ir\u00e3o acionar os popups:<\/p>\n<figure style=\"width: 1480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-arriving-from-rules.png\" alt=\"Mostrar aos usu\u00e1rios que chegam de um lugar espec\u00edfico\" width=\"1480\" height=\"216\"><figcaption class=\"wp-caption-text\">Mostrar aos usu\u00e1rios que chegam de um lugar espec\u00edfico<\/figcaption><\/figure>\n<p>Finalmente, voc\u00ea pode escolher esconder seus popups dos usu\u00e1rios logados. Voc\u00ea pode usar esta configura\u00e7\u00e3o se voc\u00ea tiver um <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-criar-um-site-de-membros\/\">site de membros<\/a> pagos:<\/p>\n<figure style=\"width: 1401px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-hide-logged-in-users.png\" alt=\"Esconder popups para usu\u00e1rios logados\" width=\"1401\" height=\"213\"><figcaption class=\"wp-caption-text\">Esconder popups para usu\u00e1rios logados<\/figcaption><\/figure>\n<p>Quando voc\u00ea estiver satisfeito com todas as configura\u00e7\u00f5es escolhidas, clique em <strong>SAVE &#038; CLOSE<\/strong>. Voc\u00ea pode navegar de volta aqui e mudar qualquer uma dessas configura\u00e7\u00f5es, se necess\u00e1rio.<\/p>\n<h2>Top 3 plugins de popups do Elementor<\/h2>\n<p>Como j\u00e1 vimos, o Elementor Pro facilita a cria\u00e7\u00e3o de popups para o seu site. Entretanto, voc\u00ea pode n\u00e3o estar pronto para atualizar para o construtor de p\u00e1ginas premium. Alternativamente, voc\u00ea pode estar procurando por recursos adicionais de design.<\/p>\n<p>Aqui est\u00e3o alguns dos melhores plugins para popups do Elementor com essas considera\u00e7\u00f5es em mente.<\/p>\n<h3>1. JetPopUp (Crocoblock)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/jetpopup.png\" alt=\"JetPopUp (Crocoblock)\" width=\"1600\" height=\"621\"><figcaption class=\"wp-caption-text\">JetPopUp (Crocoblock)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\" target=\"_blank\" rel=\"noopener noreferrer\">JetPopUp<\/a> \u00e9 um plugin de f\u00e1cil utiliza\u00e7\u00e3o com uma interface de arrastar e soltar que se integra perfeitamente com o Elementor. Ele permite que voc\u00ea crie formul\u00e1rios popup din\u00e2micos e personalizados, incluindo assinaturas de e-mail, formul\u00e1rios de consentimento de cookies e contagem regressiva.<\/p>\n<p>JetPopUp brilha com suas caracter\u00edsticas interativas. Voc\u00ea pode escolher entre v\u00e1rias configura\u00e7\u00f5es de anima\u00e7\u00e3o, tais como deslizamento, viragem e rota\u00e7\u00e3o. Al\u00e9m disso, o plugin tem v\u00e1rios templates que voc\u00ea pode personalizar de acordo com suas necessidades.<\/p>\n<p>Este plugin tamb\u00e9m permite que voc\u00ea selecione e personalize m\u00faltiplas configura\u00e7\u00f5es de exibi\u00e7\u00e3o. Por exemplo, voc\u00ea pode mostrar seus formul\u00e1rios JetPopUp aos usu\u00e1rios em datas espec\u00edficas quando eles tentarem sair do seu site, ou ap\u00f3s uma certa quantidade de rolagem.<\/p>\n<p><strong>Caracter\u00edsticas:<\/strong><\/p>\n<ul>\n<li>Escolha entre os templates de popups predefinidos<\/li>\n<li>Selecione diferentes condi\u00e7\u00f5es de exibi\u00e7\u00e3o popup<\/li>\n<li>Incluir e excluir condi\u00e7\u00f5es espec\u00edficas<\/li>\n<li>Use efeitos de anima\u00e7\u00e3o<\/li>\n<\/ul>\n<p><strong>Pre\u00e7os: <\/strong>JetPopUp custa <a href=\"https:\/\/crocoblock.com\/plugins\/jetpopup\/\" target=\"_blank\" rel=\"noopener noreferrer\"> 22 d\u00f3lares por ano<\/a>. Este pacote inclui integra\u00e7\u00e3o MailChimp, um widget popup, e suporte ao cliente. Voc\u00ea tamb\u00e9m pode atualizar para uma assinatura com tudo inclu\u00eddo por US$ 130 por ano. Ele vem com 20 plugins adicionais e 150 widgets extras.<\/p>\n<h3>2. Widget Popup Box (PowerPack)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/popup-box-widget.png\" alt=\"Popup Box Widget (PowerPack)\" width=\"1600\" height=\"446\"><figcaption class=\"wp-caption-text\">Popup Box Widget (PowerPack)<\/figcaption><\/figure>\n<p>Se voc\u00ea est\u00e1 procurando por configura\u00e7\u00f5es avan\u00e7adas de Elementor popup, considere o uso do <a href=\"https:\/\/powerpackelements.com\/elementor-widgets\/popup-box\/\" target=\"_blank\" rel=\"noopener noreferrer\">Popup Box Widget<\/a> da PowerPack. Ele permite que voc\u00ea construa popups personalizados que incluem elementos din\u00e2micos como v\u00eddeos, imagens e Google maps.<\/p>\n<p>Este plugin permite que voc\u00ea acione popups de acordo com v\u00e1rias a\u00e7\u00f5es do usu\u00e1rio, incluindo inten\u00e7\u00e3o de sa\u00edda e atrasos de tempo personalizados. Voc\u00ea tamb\u00e9m pode criar popups interativos de dois passos com links e outros elementos de Call To Action (CTA).<\/p>\n<p>Al\u00e9m disso, o Popup Box Widget tem configura\u00e7\u00f5es avan\u00e7adas de anima\u00e7\u00e3o. Voc\u00ea pode fazer seu zoom de popups, usar formata\u00e7\u00e3o de jornal ou usar anima\u00e7\u00f5es 3D.<\/p>\n<p><strong>Caracter\u00edsticas:<\/strong><\/p>\n<ul>\n<li>Escolha entre os efeitos de anima\u00e7\u00e3o<\/li>\n<li>Crie popups de dois passos<\/li>\n<li>Use atrasos de tempo e acionadores do usu\u00e1rio<\/li>\n<li>Exibir imagens, v\u00eddeos e outros elementos interativos<\/li>\n<\/ul>\n<p><strong>Pre\u00e7os: <\/strong>O Popup Box Widget est\u00e1 inclu\u00eddo com uma <a href=\"https:\/\/powerpackelements.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">assinatura PowerPack<\/a>. Os planos come\u00e7am em US$ 49 por ano e v\u00eam com mais de 70 widgets diferentes do Elementor.<\/p>\n<h3>3. Lightbox &#038; Modal (Essential Addons for Elementor)<\/h3>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/lightbox-modal.png\" alt=\"Lightbox &#038; Modal (Essential Addons for Elementor) plugin\" width=\"1600\" height=\"508\"><figcaption class=\"wp-caption-text\">Lightbox &#038; Modal (Essential Addons for Elementor)<\/figcaption><\/figure>\n<p>N\u00f3s abordamos brevemente este plugin popup Elementor mais cedo. O <a href=\"https:\/\/essential-addons.com\/elementor\/lightbox-modal\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lightbox &#038; Modal<\/a> \u00e9 um widget vers\u00e1til com a ferramenta Essential Addons for Elementor. Ele ajuda voc\u00ea a criar popups com recursos interativos como v\u00eddeos, imagens e anima\u00e7\u00f5es.<\/p>\n<p>Lightbox &#038; Modal \u00e9 projetado para funcionar com bot\u00f5es e links em seu site do Elementor. Voc\u00ea pode criar bot\u00f5es, \u00edcones e textos personalizados que acionam seus formul\u00e1rios popup. Al\u00e9m disso, o widget pode usar atrasos de tempo e outras a\u00e7\u00f5es do usu\u00e1rio.<\/p>\n<p>Em geral, Lightbox &#038; Modal poderia ser a melhor op\u00e7\u00e3o para interagir com seus usu\u00e1rios ao inv\u00e9s de simplesmente apresentar informa\u00e7\u00f5es.<\/p>\n<p><strong>Caracter\u00edsticas:<\/strong><\/p>\n<ul>\n<li>Usa gatilhos de bot\u00e3o para popups<\/li>\n<li>Exibe imagens, v\u00eddeos e conte\u00fado personalizado<\/li>\n<li>Personaliza\u00e7\u00e3o de layouts popups<\/li>\n<li>Escolha entre diferentes tipos de anima\u00e7\u00e3o<\/li>\n<\/ul>\n<p><strong>Pre\u00e7os: <\/strong>Lightbox &#038; Modal est\u00e1 inclu\u00eddo com o Essential Addons for Elementor Pro. Os planos come\u00e7am em US$ 39.97 por ano e t\u00eam mais de 70 widgets e sete extens\u00f5es.<\/p>\n\n<h2>Resumo<\/h2>\n<p>Os formul\u00e1rios popup podem ser essenciais para sua gera\u00e7\u00e3o de leads e campanhas de marketing. Eles tamb\u00e9m podem ajudar voc\u00ea a interagir com os visitantes e mant\u00ea-los em sua p\u00e1gina. Felizmente, voc\u00ea pode criar popups personalizados com o construtor de p\u00e1ginas do Elementor.<\/p>\n<p>\u00c9 super f\u00e1cil criar popups com o <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor Pro<\/a>. Voc\u00ea pode personaliz\u00e1-los para combinar com a sua marca e decidir onde eles ser\u00e3o exibidos no seu site. Voc\u00ea tamb\u00e9m pode definir configura\u00e7\u00f5es avan\u00e7adas de exibi\u00e7\u00e3o para mostrar seu popup com base nas a\u00e7\u00f5es e origens do usu\u00e1rio.<\/p>\n<p>Projetar um belo site com o Elementor \u00e9 apenas o primeiro passo. Voc\u00ea tamb\u00e9m vai precisar de um provedor de <a href=\"https:\/\/sevalla.com\/application-hosting\/\">hospedagem de aplicativos<\/a>, <a href=\"https:\/\/sevalla.com\/database-hosting\/\">hospedagem de banco de dados<\/a> e <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/\">hospedagem gerenciada de WordPress<\/a> em seu canto.<\/p>\n<p>Confira nossos planos de pre\u00e7os hoje para ver como a Kinsta pode acelerar o seu site!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Os formul\u00e1rios popup podem ser ferramentas de marketing essenciais, permitindo que voc\u00ea capture endere\u00e7os de e-mail, promova vendas e muito mais. No entanto, fazer popups atraentes &#8230;<\/p>\n","protected":false},"author":199,"featured_media":50334,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[452,701],"topic":[1026],"class_list":["post-50333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-elementor","tag-page-builder","topic-desenvolvimento-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)<\/title>\n<meta name=\"description\" content=\"O Elementor facilita o projeto e a exibi\u00e7\u00e3o de popups. Saiba tudo o que voc\u00ea precisa saber sobre a constru\u00e7\u00e3o de um popup do Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)\" \/>\n<meta property=\"og:description\" content=\"O Elementor facilita o projeto e a exibi\u00e7\u00e3o de popups. Saiba tudo o que voc\u00ea precisa saber sobre a constru\u00e7\u00e3o de um popup do Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-13T06:46:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-20T10:27:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"O Elementor facilita o projeto e a exibi\u00e7\u00e3o de popups. Saiba tudo o que voc\u00ea precisa saber sobre a constru\u00e7\u00e3o de um popup do Elementor.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)\",\"datePublished\":\"2022-06-13T06:46:00+00:00\",\"dateModified\":\"2025-01-20T10:27:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/\"},\"wordCount\":3008,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg\",\"keywords\":[\"Elementor\",\"page builder\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/\",\"name\":\"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg\",\"datePublished\":\"2022-06-13T06:46:00+00:00\",\"dateModified\":\"2025-01-20T10:27:06+00:00\",\"description\":\"O Elementor facilita o projeto e a exibi\u00e7\u00e3o de popups. Saiba tudo o que voc\u00ea precisa saber sobre a constru\u00e7\u00e3o de um popup do Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)","description":"O Elementor facilita o projeto e a exibi\u00e7\u00e3o de popups. Saiba tudo o que voc\u00ea precisa saber sobre a constru\u00e7\u00e3o de um popup do Elementor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/","og_locale":"pt_PT","og_type":"article","og_title":"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)","og_description":"O Elementor facilita o projeto e a exibi\u00e7\u00e3o de popups. Saiba tudo o que voc\u00ea precisa saber sobre a constru\u00e7\u00e3o de um popup do Elementor.","og_url":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2022-06-13T06:46:00+00:00","article_modified_time":"2025-01-20T10:27:06+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"O Elementor facilita o projeto e a exibi\u00e7\u00e3o de popups. Saiba tudo o que voc\u00ea precisa saber sobre a constru\u00e7\u00e3o de um popup do Elementor.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Jeremy Holcombe","Tempo estimado de leitura":"18 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)","datePublished":"2022-06-13T06:46:00+00:00","dateModified":"2025-01-20T10:27:06+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/"},"wordCount":3008,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg","keywords":["Elementor","page builder"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/","url":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/","name":"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg","datePublished":"2022-06-13T06:46:00+00:00","dateModified":"2025-01-20T10:27:06+00:00","description":"O Elementor facilita o projeto e a exibi\u00e7\u00e3o de popups. Saiba tudo o que voc\u00ea precisa saber sobre a constru\u00e7\u00e3o de um popup do Elementor.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2022\/06\/elementor-popup.jpg","width":1460,"height":730,"caption":"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/popup-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Um Guia Completo para os Popups do Elementor (E Como Cri\u00e1-los)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/50333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=50333"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/50333\/revisions"}],"predecessor-version":[{"id":55053,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/50333\/revisions\/55053"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/50333\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/50333\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/50333\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/50333\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/50333\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/50333\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/50333\/translations\/nl"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/50333\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/50334"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=50333"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=50333"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=50333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}