{"id":5013,"date":"2024-03-14T09:51:57","date_gmt":"2024-03-14T09:51:57","guid":{"rendered":"https:\/\/elfsight.com\/pt\/?p=5013"},"modified":"2025-06-26T05:56:06","modified_gmt":"2025-06-26T05:56:06","slug":"how-to-embed-popup-on-any-website","status":"publish","type":"post","link":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/","title":{"rendered":"Como incorporar pop-up em qualquer site"},"content":{"rendered":"\n<div class=\"table-of-contents\">\r\n\t\t\t<div class=\"table-of-contents-title\">Contents<\/div>\r\n\t\t\t<ol class=\"table-of-contents-list\">\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-site\" data-scroll-to=\"popup-site\">Obtenha um pop-up para o seu site<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#why-important\" data-scroll-to=\"why-important\">Por que o Pop-up \u00e9 importante<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#templates\" data-scroll-to=\"templates\">Mais de 40 modelos para o seu site<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-html\" data-scroll-to=\"popup-html\">Como adicionar um pop-up em HTML<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-iframe\" data-scroll-to=\"popup-iframe\">Como instalar um pop-up em um iFrame<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-wordpress\" data-scroll-to=\"popup-wordpress\">Como adicionar um pop-up ao WordPress<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-magento\" data-scroll-to=\"popup-magento\">Como adicionar um pop-up ao Magento<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-shopify\" data-scroll-to=\"popup-shopify\">Como adicionar o aplicativo de Pop-up ao Shopify<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-elementor\" data-scroll-to=\"popup-elementor\">Como adicionar um pop-up ao Elementor<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-woocommerce\" data-scroll-to=\"popup-woocommerce\">Como adicionar um pop-up ao WooCommerce<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-facebook\" data-scroll-to=\"popup-facebook\">Como incorporar um pop-up na p\u00e1gina do Facebook<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-squarespace\" data-scroll-to=\"popup-squarespace\">Como adicionar um pop-up ao Squarespace<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popup-webflow\" data-scroll-to=\"popup-webflow\">Como adicionar um pop-up ao Webflow<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#popular\" data-scroll-to=\"popular\">Adicionando um pop-up a plataformas populares<\/a><\/li>\n<li class=\"table-of-contents-list-item\"><a href=\"#conclusion\" data-scroll-to=\"conclusion\">Conclus\u00e3o<\/a><\/li>\n<\/ol>\r\n\t\t<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-site\">Obtenha um pop-up para o seu site<\/h2>\n\n\n\n<div class=\"tip\"><strong>Pop-up<\/strong> \u00e9 uma funcionalidade simples que aparece como uma pequena janela enquanto um usu\u00e1rio navega em um site. Pode assumir v\u00e1rias formas &#8211; tela cheia, barra lateral e banner. Os pop-ups podem ser gerados por sites com um c\u00f3digo JavaScript inserido no HTML do site.<\/div>\n\n\n\n<p>Voc\u00ea tamb\u00e9m pode adicionar um pop-up ao seu site com a ajuda de um widget ou plugin, por exemplo, <a href=\"https:\/\/elfsight.com\/pt\/popup-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Popup da Elfsight<\/strong><\/a>. N\u00e3o importa qual plataforma voc\u00ea use &#8211; WordPress, Shopify, Magento, Woocommerce ou Joomla &#8211; h\u00e1 um pop-up para qualquer uma delas.<\/p>\n\n\n\n<p>Ao escolher um widget de Pop-up para o seu site, voc\u00ea obter\u00e1 os seguintes benef\u00edcios:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Anunciar vendas, ofertas especiais, coletar feedback, assinantes.<\/li><li>Escolher em quais p\u00e1ginas do seu site o pop-up aparecer\u00e1.<\/li><li>Selecionar em quais dispositivos o pop-up estar\u00e1 ativo para seus usu\u00e1rios.<\/li><li>Criar um design visual atraente que se integre ao seu site.<\/li><\/ul>\n\n\n\n<h5>Escolha o melhor modelo e crie seu pop-up agora mesmo!<\/h5>\n\n\n\n<figure><section class=\"application-demo header-blind-spot section\" id=\"demo\" data-nav-section=\"demo\"><div class=\"section-content\">\n                <div class=\"application-demo-container\">\n                    <div class=\"application-demo-iframe-container\">\n                        <div class=\"application-demo-control-enter-fullscreen application-demo-control\" title=\"Full Screen\">\n                            <svg>\n                                <use xlink:href=\"#icon-maximize\"><\/use>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"application-demo-control-exit-fullscreen application-demo-control application-demo-control-hidden\" title=\"Exit Full Screen\">\n                            <svg>\n                                <use xlink:href=\"#icon-minimize\"><\/use>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"application-demo-iframe-wrapper\">\n                            <iframe class=\"application-demo-iframe\" data-src=\"https:\/\/dash.elfsight.com\/demo\/popup?language=pt_PT\" title=\"Adicione  ao seu site em 1 minuto!\" frameborder=\"0\" name=\"preview\" loading=\"lazy\" allow=\"autoplay; fullscreen\"><\/iframe>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section><\/figure>\n\n\n\n<p>O widget de Pop-up funciona com todas as plataformas que permitem a incorpora\u00e7\u00e3o de elementos HTML no c\u00f3digo, incluindo Joomla, GoDaddy, Drupal, OpenCart, Wix, PrestaShop, Jimdo e Blogger. Agora que voc\u00ea sabe o que \u00e9 um pop-up e quais benef\u00edcios ele pode trazer para o seu site, vamos descobrir como voc\u00ea pode cri\u00e1-lo e adicion\u00e1-lo l\u00e1.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-important\">Por que o Pop-up \u00e9 importante<\/h2>\n\n\n\n<p>Por muito tempo, os pop-ups foram usados de forma muito agressiva pelos profissionais de marketing. Por exemplo, janelas que se abriam automaticamente ap\u00f3s o fechamento, e elas n\u00e3o podiam ser removidas at\u00e9 que a a\u00e7\u00e3o desejada fosse realizada. No passado, golpistas usavam pop-ups para injetar malware.<\/p>\n\n\n\n<p>Felizmente, a negatividade em torno dos pop-ups est\u00e1 gradualmente diminuindo. Quando usados corretamente, os pop-ups s\u00e3o uma ferramenta de marketing valiosa. Por exemplo, a <a href=\"https:\/\/sumo.com\/stories\/pop-up-statistics\" target=\"_blank\" rel=\"noreferrer noopener\">SUMO analisou 2 bilh\u00f5es de pop-ups<\/a> e descobriu que sua convers\u00e3o pode chegar a 40% ou mais. O principal aqui \u00e9 usar essa ferramenta corretamente.<\/p>\n\n\n\n<p>O BlogMarketingAcademy afirma que <a href=\"https:\/\/www.blogmarketingacademy.com\/do-popups-work\/\" target=\"_blank\" rel=\"noreferrer noopener\">os pop-ups no site mostraram a melhor taxa de cliques<\/a> em compara\u00e7\u00e3o com outros tipos de publicidade, cerca de 2%. E o BitNinja viu um <a href=\"https:\/\/www.optimonk.com\/popup-case-studies\/\" target=\"_blank\" rel=\"noreferrer noopener\">aumento de 114% nas convers\u00f5es<\/a> ap\u00f3s a implementa\u00e7\u00e3o de pop-ups em seu site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-html\">Como adicionar um pop-up no c\u00f3digo HTML<\/h2>\n\n\n\n<p>O HTML ajuda os usu\u00e1rios a criar p\u00e1ginas da web e sites para qualquer objetivo. A cria\u00e7\u00e3o de um site pode parecer e ser bastante simples, mas adicionar alguns elementos extras como pop-up ao c\u00f3digo HTML do site pode acabar n\u00e3o sendo t\u00e3o f\u00e1cil de realizar. \u00c9 a\u00ed que algumas solu\u00e7\u00f5es de terceiros, como o pop-up da Elfsight, podem ser \u00fateis. Vejamos como voc\u00ea pode adicionar uma janela pop-up ao c\u00f3digo HTML do seu site.<\/p>\n\n\n\n<div class=\"video-container\">\n<iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/MyzpDy2lYfI\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n<\/div>\n\n\n\n<p>Abaixo est\u00e3o os passos que voc\u00ea precisa seguir para ver o Popup funcionando em seu site HTML:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Construa e configure seu widget de Popup exclusivo usando o configurador. Voc\u00ea est\u00e1 livre para adicionar qualquer conte\u00fado ao Popup, incluindo outros elementos HTML.<\/li><li>Depois de criar seu Popup para seu site HTML, salve os resultados.<\/li><li>Copie o c\u00f3digo do widget da caixa que apareceu.<\/li><li>Integre o c\u00f3digo do pop-up que voc\u00ea copiou no campo HTML do seu site.<\/li><\/ol>\n\n\n\n<p>\u00c9 isso, seu pop-up est\u00e1 pronto e tudo o que resta \u00e9 verificar se ele funciona corretamente em seu site HTML. Mas caso voc\u00ea precise adicionar algum outro elemento HTML ao seu widget de Popup, veja este guia:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Abra o Configurador do widget e v\u00e1 para a se\u00e7\u00e3o HTML.<\/li><li>Selecione o bloco HTML para adicionar ao Popup.<\/li><li>Adicione o c\u00f3digo HTML do elemento que voc\u00ea deseja que seja exibido em seu widget \u00e0 se\u00e7\u00e3o de c\u00f3digo HTML.<\/li><\/ol>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/html\/\" target=\"_blank\" rel=\"noreferrer noopener\">Veja mais detalhes sobre como adicionar Popup ao seu site HTML e como voc\u00ea pode trabalhar com ele \u2192<\/a><\/p>\n\n\n\n<p>Lembre-se de que alguns CMS n\u00e3o permitem que voc\u00ea adicione um c\u00f3digo HTML para instalar o widget da Elfsight. Aqui voc\u00ea pode precisar converter o c\u00f3digo de instala\u00e7\u00e3o. Vejamos como voc\u00ea pode fazer isso usando iFrame.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"templates\">Mais de 40 modelos incr\u00edveis de Popup para o seu site<\/h2>\n\n\n\n<p>E agora vamos dar uma olhada em alguns exemplos interessantes de modelos do widget de Popup para o seu site. Isso pode ser especialmente \u00fatil para aqueles usu\u00e1rios que n\u00e3o sabem por onde come\u00e7ar e procuram alguma inspira\u00e7\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Popup de inten\u00e7\u00e3o de sa\u00edda<\/h3>\n\n\n\n<p>O popup de inten\u00e7\u00e3o de sa\u00edda aparece no site no momento em que o usu\u00e1rio est\u00e1 prestes a clicar no bot\u00e3o de sa\u00edda.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/Exit-intent.png\" alt=\"Popup de inten\u00e7\u00e3o de sa\u00edda\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Popup de notifica\u00e7\u00e3o<\/h3>\n\n\n\n<p>Uma notifica\u00e7\u00e3o de pop-up ser\u00e1 \u00fatil em v\u00e1rias situa\u00e7\u00f5es &#8211; de uma notifica\u00e7\u00e3o sobre o in\u00edcio de descontos ao in\u00edcio de uma venda.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/Notification.png\" alt=\"Popup de notifica\u00e7\u00e3o\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Formul\u00e1rio de Popup<\/h3>\n\n\n\n<p>O formul\u00e1rio de pop-up permite realizar v\u00e1rias tarefas, como coletar e-mails ou feedback de seus usu\u00e1rios.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/01\/Popup-form.jpeg\" alt=\"Formul\u00e1rio de Popup\"><\/figure>\n\n\n\n<p>N\u00e3o se esque\u00e7a de dar uma olhada nos outros <a href=\"https:\/\/elfsight.com\/popup-widget\/templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">mais de 40 modelos incr\u00edveis de widget de Popup<\/a>. Voc\u00ea definitivamente encontrar\u00e1 aquele que atende \u00e0s suas necessidades!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-iframe\">Como instalar o Popup em iFrame<\/h2>\n\n\n\n<p>Abaixo est\u00e3o os passos que voc\u00ea precisa seguir para converter o c\u00f3digo de instala\u00e7\u00e3o do Popup da elfsight em formato de iframe:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>V\u00e1 para Elfsight Apps, configure seu widget de Popup e obtenha seu c\u00f3digo de instala\u00e7\u00e3o.<\/li><li>Copie o ID do widget. Voc\u00ea pode encontr\u00e1-lo aqui:<\/li><\/ol>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2022-10-06-\u0432-13.30.12.png\" alt=\"Como copiar o c\u00f3digo do Popup\"><\/figure>\n\n\n\n<p>    3. Converta o c\u00f3digo. Use o seguinte onde substitua o &#8220;WIDGET_ID&#8221; pelo ID do seu pr\u00f3prio widget:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\n&lt;iframe src='https:\/\/sandbox.elfsightcdn.com\/WIDGET_ID' width='100%' height='1000' frameborder='0'&gt;&lt;\/iframe&gt;\n\n<\/code><\/pre>\n\n\n\n<p>  4. Ajuste a altura para que corresponda ao tamanho do seu widget.<\/p>\n\n\n\n<p>Isso \u00e9 tudo! Isso \u00e9 tudo o que voc\u00ea precisa fazer para converter o c\u00f3digo do Popup para o formato de iFrame. Tamb\u00e9m pode haver situa\u00e7\u00f5es em que voc\u00ea precise incorporar um bloco de iFrame no widget de Popup. Por exemplo, o iFrame pode ser usado para implementa\u00e7\u00e3o de diferentes tipos de elementos de iFrame por URL. Vejamos com mais detalhes como voc\u00ea pode adicionar um bloco de Iframe ao seu widget de Popup:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>No Configurador de Popup no Elfsight Apps, abra Blocos e selecione iFrame.<\/li><li>Configure as configura\u00e7\u00f5es adequadas para este bloco:<\/li><\/ul>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2022-10-06-\u0432-13.33.26.png\" alt=\"Como converter para iFrame\"><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>URL<\/strong>. Coloque seu link que ser\u00e1 convertido em iFrame neste campo.<\/li><li><strong>Largura<\/strong> est\u00e1 aqui para ajud\u00e1-lo a ajustar a largura do elemento iFrame em seu Popup.<\/li><li>A se\u00e7\u00e3o <strong>Altura<\/strong> permite que voc\u00ea altere a altura padr\u00e3o do seu iFrame.<\/li><\/ol>\n\n\n\n<p>Caso voc\u00ea precise integrar o iFrame ao Joomla, GoDaddy, Drupal, OpenCart, Wix, PrestaShop, Jimdo e Blogger, voc\u00ea encontrar\u00e1 os links para guias detalhados abaixo.<\/p>\n\n\n\n<p>Se voc\u00ea est\u00e1 procurando mais informa\u00e7\u00f5es sobre o Popup de iFrame, pode ler nosso guia detalhado. L\u00e1 voc\u00ea descobrir\u00e1 como adicionar Popup usando iFrame e ver\u00e1 as respostas para as perguntas mais populares.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/iframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">Veja o guia detalhado sobre o Popup de iFrame e como trabalhar com ele \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-wordpress\">Como adicionar popup ao site WordPress<\/h2>\n\n\n\n<p>O WordPress \u00e9 uma das plataformas mais populares na web. Naturalmente, h\u00e1 uma ampla variedade de ferramentas adicionais que voc\u00ea pode instalar em seu site WordPress. Portanto, vamos ver como voc\u00ea pode fazer isso usando as possibilidades que esta plataforma oferece. Abaixo, vamos ver como voc\u00ea pode integrar o Popup ao seu site WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adicionar Popup ao site WordPress atrav\u00e9s do painel de administra\u00e7\u00e3o<\/h3>\n\n\n\n<p>O WordPress oferece aos seus usu\u00e1rios um instalador autom\u00e1tico de plugins. Veja como funciona:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>V\u00e1 para a se\u00e7\u00e3o Plugins no painel de administra\u00e7\u00e3o do seu WordPress e clique no bot\u00e3o Adicionar novo.<\/li><li>No canto superior direito, use a barra de pesquisa para encontrar e selecionar o melhor Popup para o seu site WordPress.<\/li><li>Nos resultados da pesquisa, clique no t\u00edtulo do plugin para obter mais detalhes sobre ele, ler notas de instala\u00e7\u00e3o e outras informa\u00e7\u00f5es \u00fateis.<\/li><li>Clique no bot\u00e3o Instalar agora para integrar o plugin ao seu site.&nbsp;<\/li><li>Ap\u00f3s a instala\u00e7\u00e3o estar completa, clique no bot\u00e3o Ativar para ativar seu popup e faz\u00ea-lo funcionar em seu site.<\/li><\/ol>\n\n\n\n<div class=\"tip\"><strong>Dica<\/strong>: Tenha em mente que, em alguns casos raros, voc\u00ea pode precisar adicionar um plugin ao seu site WordPress transferindo manualmente os arquivos para o servidor. Mas isso \u00e9 recomendado apenas quando absolutamente necess\u00e1rio, por exemplo, quando seu servidor n\u00e3o est\u00e1 configurado para permitir instala\u00e7\u00f5es autom\u00e1ticas.<\/div>\n\n\n\n<p>Se voc\u00ea optar por adicionar um popup ao seu site por meio do painel do WordPress, tamb\u00e9m pode precisar ficar de olho na vers\u00e3o do plugin. Como os desenvolvedores constantemente lan\u00e7am atualiza\u00e7\u00f5es para seus plugins, voc\u00ea pode precisar mant\u00ea-los atualizados em seu site tamb\u00e9m para garantir que todas essas mudan\u00e7as sejam aplicadas em seu site imediatamente.&nbsp;<\/p>\n\n\n\n<p>\u00c9 claro, n\u00e3o \u00e9 a \u00fanica maneira de adicionar popup ao seu site WordPress. Voc\u00ea tamb\u00e9m pode fazer isso com a ajuda de um widget f\u00e1cil de usar da Elfsight. Vamos ver como fazer isso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Incorporar Popup ao site WordPress com o plugin Elfsight<\/h3>\n\n\n\n<p>Se voc\u00ea n\u00e3o quer se preocupar com toda a documenta\u00e7\u00e3o e recursos de um determinado plugin que voc\u00ea encontra, querendo adicionar um popup do painel de administra\u00e7\u00e3o, voc\u00ea pode verificar o plugin da Elfsight.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/01\/Popup-plugin-scaled.jpeg\" alt=\"Exemplo de plugin de Popup\"><\/figure>\n\n\n\n<p>Abaixo est\u00e3o os passos que voc\u00ea deve seguir se quiser adicionar o plugin Popup ao seu site WordPress:<br><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Fa\u00e7a login em seu site WordPress e escolha a p\u00e1gina onde deseja incorporar o plugin.<\/li><li>V\u00e1 para o local onde deseja exibir o plugin e clique no \u00edcone de adi\u00e7\u00e3o.<\/li><li>Encontre C\u00f3digo na se\u00e7\u00e3o de formata\u00e7\u00e3o e clique nele.&nbsp;<\/li><li>Coloque o c\u00f3digo de instala\u00e7\u00e3o do seu plugin na janela que aparece.<\/li><li>Para salvar as altera\u00e7\u00f5es, clique em Atualizar.<\/li><\/ol>\n\n\n\n<p>Esses poucos passos simples s\u00e3o tudo o que voc\u00ea precisa fazer para adicionar o Popup ao seu site WordPress. Tenha em mente que este m\u00e9todo de integra\u00e7\u00e3o do Popup ao seu site n\u00e3o requer nenhuma a\u00e7\u00e3o adicional de sua parte no futuro &#8211; voc\u00ea sempre ter\u00e1 a vers\u00e3o mais recente do plugin, sem a necessidade de atualiz\u00e1-lo manualmente.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenha mais detalhes sobre a incorpora\u00e7\u00e3o e o trabalho com o plugin Popup para o seu site WordPress \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-magento\">Como adicionar popup ao site Magento<\/h2>\n\n\n\n<p>O Magento \u00e9 uma plataforma de com\u00e9rcio eletr\u00f4nico de c\u00f3digo aberto, muito popular entre os neg\u00f3cios online. Assim como o WordPress, esta plataforma oferece uma ampla gama de m\u00f3dulos e extens\u00f5es para instalar e estender a funcionalidade do seu site. Vamos ver como voc\u00ea pode adicionar um Popup ao seu site Magento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adicionar Popup ao Magento atrav\u00e9s da linha de comando<\/h3>\n\n\n\n<p>Para instalar uma extens\u00e3o de popup no seu site Magento, voc\u00ea precisa seguir estes passos:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Obtenha uma extens\u00e3o no Magento Commerce Marketplace. Certifique-se de que o reposit\u00f3rio repo.magento.com existe em seu arquivo composer.json.<\/li><li>Obtenha o nome e a vers\u00e3o do Composer da extens\u00e3o.<\/li><li>Atualize o arquivo composer.json em seu projeto com o nome e a vers\u00e3o da extens\u00e3o de popup que voc\u00ea escolheu.<\/li><li>Verifique se a sua extens\u00e3o Magento est\u00e1 instalada corretamente.<\/li><li>Habilite e configure sua extens\u00e3o.<\/li><\/ol>\n\n\n\n<p>\u00c9 isso, sua extens\u00e3o de popup est\u00e1 pronta e funcionando. Mas voc\u00ea tamb\u00e9m deve ter em mente que ter\u00e1 que atualizar manualmente suas extens\u00f5es.<\/p>\n\n\n\n<p>No caso de voc\u00ea estar procurando mais maneiras de integrar o Popup ao seu site Magento, voc\u00ea pode olhar para o Popup da Elfsight. Aqui est\u00e1 o que voc\u00ea precisa fazer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Incorporar Popup ao site Magento com a extens\u00e3o Popup<\/h3>\n\n\n\n<p>If you feel that you can&#8217;t handle installing a popup extension on your website yourself, then you can always use our Popup from Elfsight. This will greatly simplify your task and you will be able to do it yourself without resorting to the help of a professional developer.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/01\/Popup-Plugin-1-scaled.jpeg\" alt=\"Popup plugin example\"><\/figure>\n\n\n\n<p>In order to embed the popup extension to Magento, follow these easy steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Make use of Elfsight Apps and start building your popup extension. Save all the changes.<\/li><li>Copy your individual code that will appear in the popup window.<\/li><li>Paste the code of the popup you\u2019ve copied into the desired place on your Magento website.<\/li><li>Go to your website to see the widget in action.<\/li><\/ol>\n\n\n\n<p>That\u2019s it! Also, you won\u2019t need to bother about manual updates of your extension as Elfsight Popup is updated automatically. You\u2019ll always have the latest version of the product.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/magento\/\" target=\"_blank\" rel=\"noreferrer noopener\">Find more details about the work of Magento popup extension for your website \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-shopify\">How to add Popup app to Shopify<\/h2>\n\n\n\n<p>Shopify is one of the largest platforms for creating online stores. If you choose it for creating your website, you can also select among a wide range of apps for your website. Now let\u2019s check how you can expand your Shopify website performance with a popup app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add popup to shopify through app store<\/h3>\n\n\n\n<p>Here are the steps you need to follow in order to add a popup to your Shopify store:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Log in to the Shopify App Store.<\/li><li>Choose the popup app you want to add to your Shopify store and click it.<\/li><li>Go to the app listing page and click Add app.<\/li><li>In the Shopify Admin panel, click Install App to authorize use of the app.<\/li><\/ol>\n\n\n\n<p>After you install the popup app to your Shopify website, it can be used and viewed from the Apps page in the admin panel. You can also install apps to your Shopify website with a third-party install link. But keep in mind that it only works for apps created before December 5, 2019. This article provides more details on <a href=\"https:\/\/elfsight.com\/blog\/how-to-add-popup-app-to-shopify-for-free\/\" target=\"_blank\" rel=\"noreferrer noopener\">adding popups to Shopify<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add Popup to Shopify with the Elfsight app<\/h3>\n\n\n\n<p>If you are still having a hard time configuring your popup app for your Shopify website, then you can always enlist the help of third party developers and choose Elfsight Popup. Let&#8217;s take a look at how easy it is for you to integrate Popup into your Shopify website.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/Popup-plugin-2.png\" alt=\"Popup plugin example\"><\/figure>\n\n\n\n<p>In order to see Popup on your Shopify store, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Launch a free demo at Elfsight Apps and start building your popup, customizing it to blend it with your website design. Save the results.<\/li><li>Get the unique code from the popup that appeared after you pressed save. Copy it.<\/li><li>Embed the code you\u2019ve copied to the desired place on your website and start using the app.<\/li><li>Go to your Shopify website and see how the popup works.<\/li><\/ol>\n\n\n\n<p>That\u2019s it! Keep in mind that you don\u2019t need any manual updates for your app as you\u2019ll always have the latest version of the popup. And if any difficulties occur with your Shopify Popup, you can always address the friendly support team.<\/p>\n\n\n<p>ChatGPT<\/p>\n\n\n<p>If you feel that you can&#8217;t handle installing a popup extension on your website yourself, then you can always use our Popup from Elfsight. This will greatly simplify your task and you will be able to do it yourself without resorting to the help of a professional developer.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/01\/Popup-Plugin-1-scaled.jpeg\" alt=\"Popup plugin example\"><\/figure>\n\n\n\n<p>In order to embed the popup extension to Magento, follow these easy steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Make use of Elfsight Apps and start building your popup extension. Save all the changes.<\/li><li>Copy your individual code that will appear in the popup window.<\/li><li>Paste the code of the popup you\u2019ve copied into the desired place on your Magento website.<\/li><li>Go to your website to see the widget in action.<\/li><\/ol>\n\n\n\n<p>That\u2019s it! Also, you won\u2019t need to bother about manual updates of your extension as Elfsight Popup is updated automatically. You\u2019ll always have the latest version of the product.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/magento\/\" target=\"_blank\" rel=\"noreferrer noopener\">Find more details about the work of Magento popup extension for your website \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-shopify\">How to add Popup app to Shopify<\/h2>\n\n\n\n<p>Shopify is one of the largest platforms for creating online stores. If you choose it for creating your website, you can also select among a wide range of apps for your website. Now let\u2019s check how you can expand your Shopify website performance with a popup app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add popup to shopify through app store<\/h3>\n\n\n\n<p>Here are the steps you need to follow in order to add a popup to your Shopify store:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Log in to the Shopify App Store.<\/li><li>Choose the popup app you want to add to your Shopify store and click it.<\/li><li>Go to the app listing page and click Add app.<\/li><li>In the Shopify Admin panel, click Install App to authorize use of the app.<\/li><\/ol>\n\n\n\n<p>After you install the popup app to your Shopify website, it can be used and viewed from the Apps page in the admin panel. You can also install apps to your Shopify website with a third-party install link. But keep in mind that it only works for apps created before December 5, 2019. This article provides more details on <a href=\"https:\/\/elfsight.com\/blog\/how-to-add-popup-app-to-shopify-for-free\/\" target=\"_blank\" rel=\"noreferrer noopener\">adding popups to Shopify<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add Popup to Shopify with the Elfsight app<\/h3>\n\n\n\n<p>If you are still having a hard time configuring your popup app for your Shopify website, then you can always enlist the help of third party developers and choose Elfsight Popup. Let&#8217;s take a look at how easy it is for you to integrate Popup into your Shopify website.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/Popup-plugin-2.png\" alt=\"Popup plugin example\"><\/figure>\n\n\n\n<p>In order to see Popup on your Shopify store, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Launch a free demo at Elfsight Apps and start building your popup, customizing it to blend it with your website design. Save the results.<\/li><li>Get the unique code from the popup that appeared after you pressed save. Copy it.<\/li><li>Embed the code you\u2019ve copied to the desired place on your website and start using the app.<\/li><li>Go to your Shopify website and see how the popup works.<\/li><\/ol>\n\n\n\n<p>That\u2019s it! Keep in mind that you don\u2019t need any manual updates for your app as you\u2019ll always have the latest version of the popup. And if any difficulties occur with your Shopify Popup, you can always address the friendly support team.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/shopify\/\" target=\"_blank\" rel=\"noreferrer noopener\">Learn more about Shopify Popup by Elfsight and get more details on adding it to your website \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-elementor\">How to add Popup to Elementor<\/h2>\n\n\n\n<p>Elementor is a popular platform for creating and building professional WordPress websites that replaces the classic WordPress editor. Like WordPress, it allows you to add various add-ons and plugins to your sites, including popup. So let&#8217;s find out how you can embed a popup website into your Elementor website using all the features of this editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add Popup to Elementor with WordPress admin panel<\/h3>\n\n\n\n<p>Here\u2019s what you need to do in order to add Popup to your Elementor website:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Log in to your WordPress account.<\/li><li>Go to your website.<\/li><li>Go to the Plugins tab that is located on the left pane.<\/li><li>Select the option Add New Sub-tab.<\/li><li>To install a Popup plugin, click the Install now button and wait for the plugin to download and be installed.<\/li><\/ol>\n\n\n\n<p>This is how you can add a Popup plugin to Elementor. A few seconds after that you\u2019ll be all set to use or configure the plugin. But what about using the Popup plugin by Elfsight? Let\u2019s see how you can do that.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Integrate Popup to Elementor with the Elfsight plugin<\/h3>\n\n\n\n<p>Understanding the inner workings of the admin panel can be difficult or time-consuming, so sometimes it is much easier to resort to the help of some quick third-party solution. For example, you can add Elfsight&#8217;s Popup plugin to your Elementor site.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2022-10-04-\u0432-23.02.37.png\" alt=\"Popup plugin example\"><\/figure>\n\n\n\n<p>Here\u2019s what you need to do if you want to add Popup widget by Elfsight to your Elementor website:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Go to Elfsight Apps and start building your custom popup widget. Save the results.<\/li><li>Copy your personal code that appears in the box.<\/li><li>Go to the place where you want to display the widget on your Elementor website and then paste the code you\u2019ve copied before there.<\/li><li>Check the performance of the widget.<\/li><\/ol>\n\n\n\n<p>That\u2019s it, your Elementor Popup is ready for work! And if you want to get more info on the work of the Elementor widget, you can always watch our highly informative video.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get more details on the Elementor Popup and watch a video guide on installing it \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-woocommerce\">How to add Popup to WooCommerce<\/h2>\n\n\n\n<p>WooCommerce is a highly customizable WordPress-based ecommerce platform. It allows its users to quickly turn their website into an ecommerce platform. WooCommerce allows adding different plugins and extensions to websites in order to expand their options. WooCommerce, of course, allows you to add Popup to your site, as it is one of the most popular solutions for online stores.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add Popup to Woocommerce through its account<\/h3>\n\n\n\n<p>To embed Popup on your WooCommerce website, you need to follow a few simple steps. Installing a popup on WooCommerce is similar to the same process for WooCommerce and WordPress. Let&#8217;s look at it in more detail:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Download the zip file from your WooCommerce account.<\/li><li>Go to your WordPress&nbsp; admin Panel, find the Plugins section.<\/li><li>Press Add new button and upload the Popup plugin with the file.<\/li><li>Click Install now and activate the WooCommerce Popup plugin.<\/li><\/ol>\n\n\n\n<p>Now that you\u2019ve installed the popup plugin to your WooCommerce website, you can view it in your WordPress admin panel. Now let&#8217;s learn how to add the ElfSight Popup plugin to your WooCommerce website. This method is perfect for those who do not want to spend a lot of time setting up and do not feel able to deal with the nuances of the WordPress admin panel and Elementor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Implement Popup to WooCommerce with Elfsight widget<\/h3>\n\n\n\n<p>Choosing the right Popup for your WooCommerce website can be very tricky, especially if you&#8217;re doing it for the first time. So take a look at the Popup for the WooCommerce website from Elfsight. Below we&#8217;ll walk you through how to add it to your WooCommerce website so you can see if this simple yet premium widget is right for you and decide whether to install it on your site.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2023\/01\/Popup-thanksgiving-template-scaled.jpeg\" alt=\"Exemplo de plugin Popup\"><\/figure>\n\n\n\n<p>Aqui est\u00e3o os passos que voc\u00ea precisa seguir para incorporar o WooCommerce Popup ao seu site:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Acesse os Aplicativos da Elfsight, crie uma conta e comece a construir seu primeiro plugin. Salve os resultados.<\/li><li>Copie o c\u00f3digo que apareceu no pop-up depois de salvar seu plugin.<\/li><li>Insira o c\u00f3digo que voc\u00ea copiou no c\u00f3digo HTML do seu site e comece a usar o Popup.<\/li><\/ol>\n\n\n\n<p>\u00c9 assim que \u00e9 f\u00e1cil usar o Popup da Elfsight no seu site WooCommerce. E para adicion\u00e1-lo ao seu site WooCommerce, voc\u00ea nem precisa procurar por um desenvolvedor experiente, pois voc\u00ea mesmo pode adicionar o widget Popup ao c\u00f3digo HTML do seu site.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">Descubra mais detalhes e casos de uso informativos para o Popup WooCommerce da Elfsight \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-facebook\">Como incorporar o Popup na p\u00e1gina do Facebook<\/h2>\n\n\n\n<p>Para descobrir como adicionar um Popup \u00e0 sua p\u00e1gina do Facebook, voc\u00ea primeiro precisa entender o que \u00e9 uma guia personalizada. Uma guia personalizada \u00e9 uma oportunidade para os propriet\u00e1rios de p\u00e1ginas do Facebook mostrarem o conte\u00fado que desejam, al\u00e9m dos recursos padr\u00e3o que a rede social de sua escolha oferece. Por exemplo, em uma guia personalizada, voc\u00ea pode adicionar v\u00e1rios widgets que ajudam a vender seu produto com mais sucesso e compartilhar informa\u00e7\u00f5es sobre sua empresa com os usu\u00e1rios.<\/p>\n\n\n\n<div class=\"tip\"><strong>Dica<\/strong>: Apenas P\u00e1ginas com 2000 curtidas ou mais t\u00eam a oportunidade de criar guias personalizadas no Facebook. \n<\/div>\n\n\n\n<p>Aqui est\u00e1 o que voc\u00ea precisa fazer para criar uma guia personalizada no Facebook:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Envie uma solicita\u00e7\u00e3o POST para a borda \/{page-id}\/tabs:<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>curl -i -X POST \"https:\/\/graph.facebook.com\/{page-id}\/tabs?\n        custom_name=Minha Guia Personalizada&amp;\n        tab={app_id}&amp;\n        access_token={page-access-token}\"<\/code><\/pre>\n\n\n\n<p>  2. Em caso de sucesso, seu aplicativo receber\u00e1 uma resposta:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n  \"success\": true\n}\n<\/code><\/pre>\n\n\n\n<p> 3. Adicione um aplicativo \u00e0 sua p\u00e1gina do Facebook. Veja como pode ser feito com o SDK JavaScript:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>FB.ui({\n  method: 'pagetab',\n  redirect_uri: '{sua-url-de-redirecionamento}'\n}, function(response){});<\/code><\/pre>\n\n\n\n<p>E pronto! Caso precise saber como personalizar o conte\u00fado da aba para seus usu\u00e1rios de forma mais detalhada, leia o <a href=\"https:\/\/developers.facebook.com\/docs\/pages\/tabs\" target=\"_blank\" rel=\"noreferrer noopener\">guia do Facebook sobre abas de p\u00e1gina personalizadas<\/a>.&nbsp;<\/p>\n\n\n\n<p>E agora, depois de ter criado a guia personalizada da sua p\u00e1gina do Facebook, \u00e9 hora de ver como voc\u00ea pode adicionar o widget Elfsight Popup a esta aba. Siga estes passos para ver o Popup funcionando na sua guia personalizada da p\u00e1gina do Facebook:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Acesse ou registre-se nos Aplicativos da Elfsight e crie seu Popup exclusivo para a P\u00e1gina do Facebook.<\/li><li>Salve seu Popup.<\/li><li>Copie o c\u00f3digo do widget que voc\u00ea v\u00ea na caixa que apareceu depois de pressionar salvar.<\/li><li>Abra sua guia personalizada do Facebook e cole o c\u00f3digo do widget Popup nela.<\/li><li>V\u00e1 para a sua P\u00e1gina do Facebook para ver como seu Popup opera.<\/li><\/ol>\n\n\n\n<p>O processo de adicionar um Popup \u00e0 sua P\u00e1gina do Facebook pode n\u00e3o parecer t\u00e3o f\u00e1cil como \u00e9 em outras plataformas. No entanto, o Popup \u00e9 uma ferramenta indispens\u00e1vel no neg\u00f3cio de e-commerce, e agora muitas lojas online abrem suas filiais nesta rede social. Algumas at\u00e9 preferem usar exclusivamente as oportunidades de marketing que o Facebook oferece, criando lojas online com base nele, ent\u00e3o n\u00e3o podem prescindir do Popup aqui.<\/p>\n\n\n\n<p>E se voc\u00ea precisar de mais informa\u00e7\u00f5es sobre como adicionar Popup \u00e0 sua p\u00e1gina do Facebook, ent\u00e3o temos uma an\u00e1lise detalhada especial. L\u00e1 voc\u00ea n\u00e3o s\u00f3 aprender\u00e1 sobre os benef\u00edcios de um pop-up para a sua P\u00e1gina do Facebook, mas tamb\u00e9m poder\u00e1 ver exemplos de seu uso.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/facebook\/\" target=\"_blank\" rel=\"noreferrer noopener\">Veja mais detalhes sobre o Popup do Facebook da Elfsight e conhe\u00e7a melhor \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-squarespace\">Como adicionar Popup ao Squarespace<\/h2>\n\n\n\n<p>O Squarespace \u00e9 um construtor de sites popular. Ele oferece solu\u00e7\u00f5es de estilo interessantes para sites e \u00e9 popularmente reconhecido entre o p\u00fablico online. Se voc\u00ea escolheu o Squarespace para criar seu site, ent\u00e3o voc\u00ea pode facilmente adicionar v\u00e1rias extens\u00f5es e plugins a ele, incluindo o Popup. Vamos descobrir como voc\u00ea pode incorporar o Popup no seu site Squarespace.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adicionar Popup ao Squarespace atrav\u00e9s do painel de administra\u00e7\u00e3o<\/h3>\n\n\n\n<p>Siga estes passos f\u00e1ceis se voc\u00ea deseja adicionar o Popup ao c\u00f3digo do seu site Squarespace:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>V\u00e1 para o menu Home, clique em Marketing e depois escolha Popup Promocional.<\/li><li>No painel Alterar layout, selecione um layout que voc\u00ea precisa.<\/li><li>V\u00e1 para o painel de a\u00e7\u00e3o para adicionar uma inscri\u00e7\u00e3o para newsletter ou um bot\u00e3o.<\/li><li>Aplique o painel de Conte\u00fado para adicionar texto ao seu Popup.<\/li><li>No painel de Exibi\u00e7\u00e3o &amp; tempo, defina como o pop-up aparece.&nbsp;<\/li><li>Use o painel de Imagem para adicionar uma imagem de fundo ao seu Popup.<\/li><li>V\u00e1 para o painel de Estilo para estilizar o seu pop-up.&nbsp;<\/li><\/ol>\n\n\n\n<p>Quando estiver pronto para fazer com que seu pop-up funcione no seu site Squarespace, alterne a op\u00e7\u00e3o Exibir pop-up no topo do painel para preto e clique em Salvar. Claro, esta n\u00e3o \u00e9 a \u00fanica maneira de adicionar um pop-up ao c\u00f3digo do seu site Squarespace. Voc\u00ea tamb\u00e9m pode fazer isso com o Widget Elfsight.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adicionar Popup ao Squarespace com o widget Elfsight<\/h3>\n\n\n\n<p>O Popup da Elfsight \u00e9 adequado para muitas plataformas, incluindo o Squarespace. Sua instala\u00e7\u00e3o e configura\u00e7\u00e3o s\u00e3o bastante simples e n\u00e3o exigem que voc\u00ea aprenda a codificar. Tudo o que \u00e9 necess\u00e1rio s\u00e3o alguns passos simples e alguns minutos do seu tempo.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2022-10-05-\u0432-15.39.44.png\" alt=\"Exemplo de plugin Popup\"><\/figure>\n\n\n\n<p>Veja como \u00e9 f\u00e1cil incorporar o Popup no seu site Squarespace:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Acesse sua conta dos Aplicativos da Elfsight e comece a criar seu widget. Salve os resultados.<\/li><li>Obtenha o c\u00f3digo de instala\u00e7\u00e3o dos Aplicativos da Elfsight. Copie o c\u00f3digo da caixa de texto do pop-up do Squarespace para uso posterior.<\/li><li>V\u00e1 para a p\u00e1gina onde voc\u00ea deseja demonstrar o seu Popup do Squarespace e incorpore o c\u00f3digo do widget l\u00e1.<\/li><li>Verifique o desempenho do seu widget.<\/li><\/ol>\n\n\n\n<p>\u00c9 assim que f\u00e1cil e simples voc\u00ea pode obter um widget de Popup legal para o seu site Squarespace. E voc\u00ea n\u00e3o precisa se preocupar em atualizar constantemente o widget, pois sempre ter\u00e1 a vers\u00e3o mais recente dele.<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/squarespace\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conhe\u00e7a mais informa\u00e7\u00f5es sobre o widget de forma mais detalhada \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popup-webflow\">Como adicionar Popup ao Webflow<\/h2>\n\n\n\n<p>O Webflow \u00e9 um construtor de sites e uma empresa de hospedagem popular. Muitos usu\u00e1rios escolhem o Webflow para criar seus sites e, consequentemente, muitas vezes enfrentam o problema de encontrar ferramentas adicionais para seus sites. O Popup \u00e9 uma ferramenta popular, pois pode ser usada para uma variedade de prop\u00f3sitos, desde neg\u00f3cios de e-commerce at\u00e9 sites de informa\u00e7\u00f5es simples.<\/p>\n\n\n\n<p>Se voc\u00ea est\u00e1 criando e desenvolvendo sites h\u00e1 muito tempo, ou est\u00e1 apenas familiarizado com a plataforma Webflow, ent\u00e3o voc\u00ea provavelmente estar\u00e1 interessado em tentar <a href=\"https:\/\/elfsight.com\/blog\/how-to-add-popup-to-webflow-for-free\/\" target=\"_blank\" rel=\"noreferrer noopener\">criar um Popup para seu site voc\u00ea mesmo<\/a>. E o Webflow oferece essas oportunidades com prazer. Para criar um Popup no seu site Webflow voc\u00ea mesmo, voc\u00ea precisar\u00e1 das intera\u00e7\u00f5es Webflow 2.0.<\/p>\n\n\n\n<figure style=\"width:100%;margin:0\" class=\"browser-frame\">\n<img decoding=\"async\" src=\"https:\/\/elfsight.com\/wp-content\/uploads\/2022\/10\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2022-10-05-\u0432-16.29.19.png\" alt=\"Exemplo de plugin Popup\"><\/figure>\n\n\n\n<p>Os representantes do Webflow criaram um <a href=\"https:\/\/webflow.com\/blog\/how-to-build-a-pop-up-modal-in-webflow\" target=\"_blank\" rel=\"noreferrer noopener\">guia detalhado e informativo<\/a> sobre como voc\u00ea pode criar um Popup para o seu site Webflow em alguns passos. E se voc\u00ea est\u00e1 procurando uma solu\u00e7\u00e3o mais simples e r\u00e1pida para o seu site Webflow, sugerimos que voc\u00ea aprenda como adicionar um Popup a ele usando o widget Elfsight.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adicionar Popup ao Webflow com o widget Elfsight<\/h3>\n\n\n\n<p>Portanto, para incorporar o Popup da Elfsight no seu site Webflow, voc\u00ea precisar\u00e1 de:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Criar seu plugin personalizado nos Aplicativos da Elfsight e salvar os resultados.<\/li><li>Copiar o c\u00f3digo pessoal que aparecer\u00e1 na caixa especial.<\/li><li>Incorporar o plugin Popup no c\u00f3digo HTML do seu site Webflow.<\/li><li>Verificar o desempenho do seu plugin Webflow no seu site.<\/li><\/ol>\n\n\n\n<p>\u00c9 assim que f\u00e1cil e simples voc\u00ea pode adicionar um site de Popup ao c\u00f3digo HTML do seu Webflow. Ao mesmo tempo, n\u00e3o se esque\u00e7a de que voc\u00ea pode personalizar facilmente o seu widget Webflow adicionando praticamente qualquer conte\u00fado a ele &#8211; inclusive usando iFrame!<\/p>\n\n\n\n<p><a href=\"https:\/\/elfsight.com\/popup-widget\/webflow\/\" target=\"_blank\" rel=\"noreferrer noopener\">N\u00e3o perca a chance de dar uma olhada mais de perto no Popup do Webflow da Elfsight \u2192<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"popular\">Adicionando Popup a outras plataformas populares<\/h2>\n\n\n\n<p>Nosso guia estaria incompleto se n\u00e3o mencion\u00e1ssemos as possibilidades de instalar Popup em outras plataformas populares. Vamos aprender como implementar o Popup no c\u00f3digo HTML do Joomla, GoDaddy, Drupal, OpenCart, Wix, PrestaShop, Jimdo e Blogger.&nbsp;<\/p>\n\n\n\n<div class=\"faq\" data-component=\"FAQ\">\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Adicionando o aplicativo Popup ao Wix<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n\n<p>Voc\u00ea pode facilmente adicionar um aplicativo Popup ao Wix. Tudo o que voc\u00ea precisa fazer aqui \u00e9 criar seu pop-up no Wix nos Aplicativos da Elfsight e salvar os resultados. Depois disso, tudo o que resta fazer \u00e9 incorporar o c\u00f3digo do widget ao c\u00f3digo HTML do seu site Wix e salvar as altera\u00e7\u00f5es. Voc\u00ea ter\u00e1 a oportunidade de fazer altera\u00e7\u00f5es no seu Popup do Wix sempre que precisar. Veja um guia mais <a href=\"https:\/\/elfsight.com\/popup-widget\/wix\/\" target=\"_blank\" rel=\"noopener\">detalhado sobre o Popup do Wix.<\/a> <\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\n\n<div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Adicionar extens\u00e3o Popup ao Joomla<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\">\n<p>A cria\u00e7\u00e3o de Popup no Joomla \u00e9 bastante simples e n\u00e3o exigir\u00e1 nenhuma habilidade adicional de voc\u00ea. Basta ir para os Aplicativos da Elfsight, criar seu Popup do Joomla e salvar os resultados. Depois de conclu\u00eddo, v\u00e1 para o seu site Joomla e incorpore o c\u00f3digo da extens\u00e3o ao c\u00f3digo HTML.<br>E n\u00e3o se esque\u00e7a de dar uma olhada no <a href=\"https:\/\/elfsight.com\/popup-widget\/joomla\/\" target=\"_blank\" rel=\"noopener\">guia detalhado sobre o Popup do Joomla.<\/a><\/p>\n<p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><br><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Adicionando plugin Popup ao GoDaddy<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><\/p>\n<p>H\u00e1 uma maneira f\u00e1cil de incorporar o Popup ao seu site GoDaddy. Para fazer isso, basta ir para os Aplicativos da Elfsight, criar seu Popup do GoDaddy e salvar os resultados. Depois disso, copie o c\u00f3digo do seu Popup e integre-o ao c\u00f3digo HTML do seu site GoDaddy. N\u00e3o se esque\u00e7a de verificar o desempenho do seu widget e certifique-se de que funcione bem no seu site GoDaddy. E tamb\u00e9m confira nosso <a href=\"https:\/\/elfsight.com\/popup-widget\/godaddy\/\" target=\"_blank\" rel=\"noopener\">guia detalhado sobre o Popup do GoDaddy.<\/a><\/p>\n<p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><br><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Adicionando m\u00f3dulo Popup ao Drupal<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><\/p>\n<p>Incorporar o m\u00f3dulo Popup ao Drupal \u00e9 realmente simples e n\u00e3o exigir\u00e1 muito esfor\u00e7o de voc\u00ea. Tudo que voc\u00ea precisa fazer \u00e9 criar o seu m\u00f3dulo Popup do Drupal, personaliz\u00e1-lo e salvar os resultados. Depois, copie o c\u00f3digo do m\u00f3dulo e incorpore-o ao c\u00f3digo HTML do seu site Drupal. E d\u00ea uma olhada em um <a href=\"https:\/\/elfsight.com\/popup-widget\/drupal\/\" target=\"_blank\" rel=\"noopener\">guia mais detalhado sobre o m\u00f3dulo Popup do Drupal.<\/a><\/p>\n<p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><br><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Adicionando extens\u00e3o Popup ao OpenCart<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><\/p>\n<p>A cria\u00e7\u00e3o da extens\u00e3o Popup do OpenCart ocorre dentro do site da Elfsight e n\u00e3o h\u00e1 necessidade de codifica\u00e7\u00e3o. Basta aplicar a demonstra\u00e7\u00e3o ativa para formar o seu Popup do OpenCart, adquirir o c\u00f3digo e col\u00e1-lo no seu site. E se precisar fazer algumas altera\u00e7\u00f5es no seu Popup do OpenCart, voc\u00ea pode fazer isso facilmente no configurador. N\u00e3o pule <a href=\"https:\/\/elfsight.com\/popup-widget\/opencart\/\" target=\"_blank\" rel=\"noopener\">um guia informativo sobre a extens\u00e3o Popup do OpenCart.<\/a><\/p>\n<p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><br><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Adicionando m\u00f3dulo Popup ao PrestaShop<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><\/p>\n<p>Para criar seu m\u00f3dulo de Popup do PrestaShop, selecione a interface e os recursos adequados da ferramenta e aplique as modifica\u00e7\u00f5es. Copie o c\u00f3digo do seu Popup e cole-o no seu site PrestaShop. Certifique-se de que o seu m\u00f3dulo Popup funcione bem no seu site PrestaShop. E confira nosso <a href=\"https:\/\/elfsight.com\/popup-widget\/prestashop\/\" target=\"_blank\" rel=\"noopener\">guia detalhado sobre o m\u00f3dulo Popup do PrestaShop.<\/a><\/p>\n<p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><br><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Adicionando widget Popup ao Jimdo<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><\/p>\n<p>Adicionar um widget Popup ao site Jimdo \u00e9 f\u00e1cil e simples. Para come\u00e7ar, crie o seu widget e personalize-o de acordo com as necessidades do seu site Jimdo. Salve o resultado e adicione o c\u00f3digo do Widget Popup ao c\u00f3digo HTML do seu site Jimdo. E confira um <a href=\"https:\/\/elfsight.com\/popup-widget\/jimdo\/\" target=\"_blank\" rel=\"noopener\">guia mais detalhado sobre o widget Popup do Jimdo.<\/a><\/p>\n<p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><br><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Adicionando widget Popup ao Blogger<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><\/p>\n<p>Voc\u00ea pode facilmente incorporar um Widget Popup no seu site Blogger. Para fazer isso, basta criar o seu pr\u00f3prio Popup nos Aplicativos ElfSight e salvar o resultado. Copie o c\u00f3digo do Popup e adicione-o ao c\u00f3digo HTML do seu site Blogger. Verifique se o seu Widget Blogger funciona corretamente no seu site. E n\u00e3o deixe de conferir nosso <a href=\"https:\/\/elfsight.com\/popup-widget\/blogger\/\" target=\"_blank\" rel=\"noopener\">guia detalhado sobre o widget Popup do Blogger.<\/a><\/p>\n<p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><br><\/div><br><!-- \/wp:html --><br><!-- wp:paragraph --><\/p>\n<p>Ali\u00e1s, caso precise combinar o seu widget Popup com outros recursos incr\u00edveis, aqui est\u00e1 nosso guia sobre como voc\u00ea pode <a href=\"https:\/\/elfsight.com\/blog\/how-to-embed-google-reviews-on-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">incorporar avalia\u00e7\u00f5es do Google Business no site<\/a>.<\/p>\n<p><!-- \/wp:paragraph --><br><!-- wp:heading --><\/p>\n<h2 id=\"conclusion\">Conclus\u00e3o<\/h2>\n<p><!-- \/wp:heading --><br><!-- wp:paragraph --><\/p>\n<p>Independentemente da plataforma que voc\u00ea escolher para criar seu site, seja Joomla, GoDaddy, Drupal, OpenCart, Wix, PrestaShop, Jimdo ou Blogger, WordPress ou outra, agora voc\u00ea pode facilmente descobrir como adicionar um Popup a ele e personaliz\u00e1-lo para atender exatamente \u00e0s suas necessidades comerciais!<\/p>\n<p><!-- \/wp:paragraph --><\/p>","protected":false},"excerpt":{"rendered":"Voc\u00ea quer saber como adicionar um Popup a qualquer plataforma e tamb\u00e9m ao seu site? Neste artigo, vamos analisar como implementar um pop-up no WordPress, HTML, Magento e outras plataformas populares, e tamb\u00e9m veremos algumas maneiras alternativas de incorpor\u00e1-lo ao seu site.","protected":false},"author":9,"featured_media":5014,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"categories":[108],"tags":[],"class_list":["post-5013","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como incorporar um pop-up ao site<\/title>\n<meta name=\"description\" content=\"Incorpore um widget Pop-up altamente responsivo em qualquer site popular: WordPress, Webflow, Wix, GoDaddy, PrestaShop, Squarespace, Shopify e outros.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como incorporar um pop-up ao site\" \/>\n<meta property=\"og:description\" content=\"Incorpore um widget Pop-up altamente responsivo em qualquer site popular: WordPress, Webflow, Wix, GoDaddy, PrestaShop, Squarespace, Shopify e outros.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PT\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100000717934522\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-14T09:51:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-26T05:56:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/preview-500x278-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"278\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"polyakova\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"polyakova\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"34 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como incorporar um pop-up ao site","description":"Incorpore um widget Pop-up altamente responsivo em qualquer site popular: WordPress, Webflow, Wix, GoDaddy, PrestaShop, Squarespace, Shopify e outros.","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:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/","og_locale":"pt_PT","og_type":"article","og_title":"Como incorporar um pop-up ao site","og_description":"Incorpore um widget Pop-up altamente responsivo em qualquer site popular: WordPress, Webflow, Wix, GoDaddy, PrestaShop, Squarespace, Shopify e outros.","og_url":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/","og_site_name":"Elfsight PT","article_author":"https:\/\/www.facebook.com\/profile.php?id=100000717934522","article_published_time":"2024-03-14T09:51:57+00:00","article_modified_time":"2025-06-26T05:56:06+00:00","og_image":[{"width":500,"height":278,"url":"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/preview-500x278-1.jpg","type":"image\/jpeg"}],"author":"polyakova","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"polyakova","Tempo estimado de leitura":"34 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/","url":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/","name":"Como incorporar um pop-up ao site","isPartOf":{"@id":"https:\/\/elfsight.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/#primaryimage"},"image":{"@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/#primaryimage"},"thumbnailUrl":"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/preview-500x278-1.jpg","datePublished":"2024-03-14T09:51:57+00:00","dateModified":"2025-06-26T05:56:06+00:00","author":{"@id":"https:\/\/elfsight.com\/pt\/#\/schema\/person\/78a88bccd23a18e8966c1700efd6f806"},"description":"Incorpore um widget Pop-up altamente responsivo em qualquer site popular: WordPress, Webflow, Wix, GoDaddy, PrestaShop, Squarespace, Shopify e outros.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/#primaryimage","url":"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/preview-500x278-1.jpg","contentUrl":"https:\/\/elfsight.com\/pt\/wp-content\/uploads\/sites\/11\/2024\/03\/preview-500x278-1.jpg","width":500,"height":278},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pt\/blog\/how-to-embed-popup-on-any-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Como incorporar pop-up em qualquer site"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pt\/#website","url":"https:\/\/elfsight.com\/pt\/","name":"Elfsight PT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/elfsight.com\/pt\/#\/schema\/person\/78a88bccd23a18e8966c1700efd6f806","name":"polyakova","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/elfsight.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9d214692c02d8bd1d3bd9b7eb9fee81?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9d214692c02d8bd1d3bd9b7eb9fee81?s=96&d=mm&r=g","caption":"polyakova"},"description":"As a seasoned Content Manager with over a decade of dedicated experience, I bring to the table a rich history of shaping and refining digital narratives.","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100000717934522"],"url":"https:\/\/elfsight.com\/author\/valeriya-polyakova\/"}]}},"meta_box":[],"_links":{"self":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/posts\/5013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/comments?post=5013"}],"version-history":[{"count":1,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/posts\/5013\/revisions"}],"predecessor-version":[{"id":5015,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/posts\/5013\/revisions\/5015"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media\/5014"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media?parent=5013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/categories?post=5013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/tags?post=5013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}