Adicione um Popup ao site rapidamente
Guia rápido
- Abra o editor de popups e selecione um modelo pronto ou crie seu próprio popup do zero.
- Ajuste as configurações e a aparência para atender às suas necessidades: adicione e remova elementos conforme sua preferência, personalize o esquema de cores, etc.
- Salve seu design e copie o código HTML gerado.
- Cole o código no editor do seu site.
É isso! Qualquer pessoa pode fazer o trabalho — não é necessário saber codar! A Elfsight permite criar popups atraentes com títulos, descrições, imagens e muito mais, tudo personalizado para combinar perfeitamente com o estilo do seu site.
Crie um popup com facilidade – torne seu site mais atraente e mantenha os visitantes engajados!
Como Adicionar um Popup a um site: Guia Detalhado
Agora, vamos explorar as possibilidades do widget Popup com mais detalhes.
- Copie e incorpore o código. Depois de ficar satisfeito, salve e publique seu popup. Clique no botão ‘Obter o código’ para copiar o snippet HTML. Cole no trecho desejado do editor HTML do seu site e atualize a página.
Como Adicionar um Popup Widget ao Seu CMS
Agora que você viu como o widget funciona, pode se perguntar: “Posso adicionar o popup ao meu construtor de sites?” Abaixo, você encontrará instruções detalhadas sobre como aplicar a ferramenta em alguns dos CMS mais populares.
Adicione um pop-up ao site HTML.
Aqui está um guia simples para adicionar rapidamente o widget Popup a qualquer site baseado em HTML.
- Acesse o backend do seu site. Garanta que você possa editar o código HTML através do seu painel de administração para integrar o widget sem problemas.
- Insira o código da Elfsight no HTML do seu site. Defina o local exato onde o Popup deve aparecer, alinhando-se aos seus objetivos de negócio.
- Salve suas alterações. Verifique se o widget funciona corretamente e aparece como esperado na sua página.
Adicione um pop-up ao seu site no WordPress
Você pode incorporar rapidamente o widget sem código ao seu site, inserindo o código fornecido em um bloco.
- Entre na sua conta WordPress. Acesse o painel de administração, onde você poderá fazer ajustes no código HTML.
- Vá para ‘Páginas’ e selecione a página que deseja editar. Pense em seus objetivos e nas razões para colocar as avaliações em uma seção específica da página.
- Adicionar um bloco HTML personalizado. Coloque-o na parte específica da página onde você pretende incorporar o pop-up.
- Cole o código gerado no bloco. Não se esqueça de atualizar a página e verificar se o widget funciona como esperado.
Adicionar um banner pop-up ao site Wix
Adicionar o widget Popup a uma página obrigatória do site Wix é simples.
- Acesse o editor do seu site Wix. Faça login na sua conta Wix, selecione o site que deseja editar e vá para o painel do site. Clique em ‘Editar Site’ para abrir o editor do site.
- Adicione um bloco HTML para o widget Popup. Clique no ícone Mais no menu à esquerda, vá para a seção Incorporar e escolha ‘Incorporar um Widget‘ sob a aba ‘Inserções Personalizadas‘ para inserir um novo bloco HTML na sua página.
- Insira o código de instalação do widget Popup. Selecione ‘Entrar com código’, cole o código de instalação fornecido pelo seu fornecedor de widget Popup e clique ‘Atualizar’ para incorporar o widget na página.
- Ajuste o tamanho e a posição do widget. Modifique as dimensões e a posição dele na página para que ele se encaixe perfeitamente e tenha uma aparência atraente. Redimensione e posicione-o conforme necessário.
- Garanta a compatibilidade móvel. Troque para o editor móvel para ajustar a aparência do widget em telas menores. Faça os ajustes necessários para usuários móveis e, quando estiver satisfeito com os resultados, publique as mudanças.
Adicione um pop-up ao site Shopify
Você pode adicionar rapidamente o widget Popup a qualquer página do seu site Shopify.
- Acesse o painel de administração do Shopify. Vá para a seção ‘Loja Online’ do seu site.
- Abra as opções de personalização. Selecione ‘Personalizar’ no menu suspenso, em seguida, escolha ‘Adicionar Seção’ no menu à esquerda.
- Adicione conteúdo personalizado. Em ‘Conteúdo Personalizado’, clique em ‘Adicionar’ e remova quaisquer componentes pré-instalados do Shopify.
- Selecione a opção HTML personalizado. No menu ‘Adicionar Conteúdo’, escolha ‘HTML Personalizado’.
- Cole o código de instalação. Localize a seção ‘HTML’, insira o código de instalação do Popup e salve todas as alterações.
Adicionar pop-up de site ao Squarespace
Qualquer pessoa pode incorporar rapidamente as avaliações na página desejada de uma loja Shopify.
- Faça login na sua conta Squarespace. Faça login na sua conta e selecione o site onde deseja adicionar o widget. Acesse o painel do site e escolha o site que deseja editar.
- Navegue até a seção ‘Website’. Selecione a página onde deseja posicionar o widget Popup. Do menu principal, vá para a seção ‘Website’ e escolha a página que deseja editar.
- Clique em ‘Editar’ e, em seguida, em ‘Adicionar Seção’. Na página escolhida, clique em ‘Editar’ e selecione ‘Adicionar Seção’ para criar uma nova seção para o widget.
- Adicione um bloco de código. Escolha ‘Adicionar uma seção em branco’, em seguida clique em ‘Adicionar bloco’ e selecione ‘Código’ nas opções. É aqui que você vai inserir o código de instalação do widget Popup.
- Insira o código de instalação do widget Popup. Na seção ‘Editar’, cole o código do widget Popup fornecido e ajuste a largura do bloco para garantir que o widget se encaixe corretamente e tenha boa aparência na sua página.
Adicione um popup ao site Webflow
Adicionar o widget pop-up às páginas do Webflow é simples e leva apenas alguns minutos para concluir.
- Comece no Webflow. Faça login na sua conta do Webflow e selecione o site onde deseja adicionar o widget.
- Incorporar o widget. No editor do Webflow, clique no ícone de adição. Em seguida, arraste e solte o elemento Incorporar do menu da esquerda para o local desejado onde você quer que as avaliações apareçam.
- Inserindo o código. Cole o código de instalação do Popup no Editor de Código HTML Incorporado que aparece, e clique em ‘Salvar e Fechar’.
- Personalização e publicação. Personalize as configurações do seu Popup, em seguida clique em ‘Publicar’ e selecione os domínios onde ele deve ficar ativado.
Adicione um pop-up ao site Elementor
É simples e conveniente incorporar o widget Popup ao Elementor.
- Comece no painel do WordPress. Faça login no painel do seu site WordPress, vá para ‘Páginas’ e escolha a página onde deseja adicionar o widget Popup.
- Inicie a edição com Elementor. Clique em ‘Editar com Elementor’ para começar a personalizar a página selecionada.
- Implemente o elemento HTML. Use a funcionalidade de arrastar e soltar para posicionar o elemento HTML na sua página.
- Adicione o código do widget ao site. Cole o código de instalação do Popup do Elfsight na caixa de Código HTML.
- Atualize e aproveite. Clique em “Atualizar” para salvar suas alterações e visualizar sua página com o Popup embutido.
Outras plataformas compatíveis
Apart from these CMS, you can also easily add the pop up widget to websites created with Adobe Muse, BigCommerce, Blogger, Drupal, Facebook Page, Joomla, jQuery, iFrame, Magento, ModX, OpenCart, Webnode, Weebly, WooCommerce, Google Sites, GoDaddy, Jimdo, PrestaShop.
Recursos do Widget Popup
O widget popup da Elfsight oferece uma ampla gama de recursos que atendem às necessidades da sua empresa e elevam a experiência dos visitantes do seu site. Abaixo, alguns exemplos notáveis:
| Funcionalidade | Benefício para o Negócio | Benefícios para seus clientes |
| Botões de ação ou links persuasivos | Aumente as conversões ao estimular os visitantes a realizar ações específicas, como comprar ou se inscrever. | Os clientes são guiados facilmente às ações desejadas, melhorando a experiência no site. |
| Imagens e vídeos que complementam o popup | Aprimore a aparência visual do popup para atrair mais atenção e comunicar ofertas com eficácia. | Os visitantes interagem com conteúdo mais rico e envolvente, aumentando a compreensão e o interesse. |
| Ofertas e promoções; inclusão de cupons | Aumente as vendas e a fidelidade do cliente oferecendo promoções diretamente por meio de pop-ups. | Os clientes podem acessar ofertas exclusivas ou descontos, melhorando a experiência de compra. |
| Construtor de Formulários integrado para formulários personalizados | Colete informações de clientes ou leads, viabilizando ações de acompanhamento de marketing e melhorias no atendimento. | Os clientes podem enviar informações ou perguntas com facilidade, tornando a interação mais fluida. |
| Notificações por e-mail após o envio do formulário | Receba atualizações instantâneas quando os formulários forem enviados, permitindo um follow-up mais rápido e um atendimento ao cliente de alto nível. | Os clientes recebem confirmação rápida do envio, aumentando a confiança e a satisfação. |
| Exibição do popup ao rolar ou ao clicar em um elemento | Aumente o engajamento exibindo pop-ups quando o visitante demonstrar intenção de explorar ou interagir mais. | Os visitantes recebem conteúdo relevante no momento certo, melhorando a experiência do usuário. |
| Popup com intenção de saída | Recupere conversões perdidas exibindo um popup quando o visitante estiver prestes a sair do site. | Os visitantes podem receber ofertas de última hora ou lembretes, ajudando na decisão de compra. |
| Frequência de exibição do Popup ajustável | Evite sobrecarregar os clientes, garantindo que os popups sejam exibidos no momento certo para maximizar as conversões. | Os clientes não ficarão incomodados com popups repetitivos, mantendo a experiência agradável. |
Além dos benefícios listados acima, várias funcionalidades beneficiam principalmente empresas ao aprimorar suas estratégias de popups. O gerador de conteúdo com IA permite às empresas criar popups eficazes rapidamente, sem exigir experiência em design. Configurações de lógica condicional para formulários ajudam as empresas a segmentar públicos específicos com mensagens personalizadas, aumentando a relevância do conteúdo apresentado.
Além disso, a tradução contínua para qualquer idioma e o editor CSS/JS personalizável oferecem às empresas a flexibilidade para adaptar seus pop-ups a mercados diversos e necessidades de marca específicas.
Benefícios das Notificações em Pop-up do Site
Durante muito tempo, pop-ups foram usados de forma agressiva pelos profissionais de marketing. Por exemplo, janelas que se abriam automaticamente logo após o fechamento e não podiam ser fechadas até que a ação desejada fosse realizada. No passado, golpistas usavam pop-ups para injetar malware.
Felizmente, a percepção negativa sobre popups está diminuindo aos poucos. Quando usados corretamente, popups são uma ferramenta valiosa de marketing. Por exemplo, SUMO analisou 2 bilhões de popups e descobriu que a taxa de conversão pode chegar a 40% ou mais. O principal é usar essa ferramenta de forma correta.
Abaixo estão as principais vantagens de adicionar um pop-up ao seu site:
Ao usar estrategicamente esses popups em diferentes contextos, as empresas podem aumentar o engajamento dos usuários, impulsionar as conversões e oferecer uma experiência de navegação mais personalizada aos visitantes.
Exemplos de Pop-up em Sites
Agora vamos ver alguns exemplos de templates interessantes do widget Popup para o seu site. Pode ser especialmente útil para quem não sabe por onde começar e busca inspiração.
Pop-up de saída
Um popup de intenção de saída aparece quando um visitante está prestes a deixar o seu site, geralmente acionado quando o cursor se aproxima do botão de saída. Este é o momento ideal para chamar a atenção com uma oferta de última hora, lembrete ou desconto, reduzindo as chances de perder um cliente em potencial.
Popup de Notificação
Formulário Pop-up
Formulários pop-up permitem coletar informações importantes, como endereços de e-mail, feedback ou perguntas diretamente dos visitantes. Esse recurso ajuda as empresas a ampliar sua lista de emails, realizar pesquisas ou envolver os visitantes com chamadas para ação direcionadas.
Popup de Desconto ou Cupom
Um popup de desconto ou cupom apresenta ofertas especiais ou códigos promocionais para incentivar a compra. Ao oferecer descontos diretamente por meio de um popup, as empresas podem estimular os visitantes a agir com rapidez e concluir suas transações.
Popup de Prova Social
social proof popup displays customer reviews or testimonials to build trust and credibility with new visitors. By showing positive feedback, businesses can increase customer confidence and encourage potential buyers to engage or purchase.”>Um pop-up de prova social exibe avaliações ou depoimentos de clientes para aumentar a confiança e a credibilidade com novos visitantes. Ao exibir feedback positivo, as empresas podem aumentar a confiança do cliente e incentivar potenciais compradores a se envolverem ou realizar uma compra.
Popup de Inscrição
Um pop-up de assinatura incentiva os visitantes a se inscreverem em newsletters ou conteúdos exclusivos. Ao oferecer vantagens como descontos ou recursos gratuitos, as empresas podem construir uma audiência fiel e aumentar o engajamento.
Confira nossos outros modelos e escolha aquele que atende às suas necessidades!
Explore mais de 100 modelos de Popup
Conclusão
No geral, popups de sites são uma ferramenta poderosa para envolver visitantes e impulsionar conversões, oferecendo uma ampla gama de recursos e casos de uso para aprimorar a experiência do usuário e alcançar metas de negócios.
Se você quer reduzir o abandono de carrinho, promover ofertas especiais, coletar feedback ou ampliar sua lista de e-mails, popups são uma solução flexível e eficaz. Implementando popups de forma estratégica, alinhadas aos seus objetivos e que ressoem com seu público, você aumenta a interação, impulsiona as vendas e, por fim, melhora o desempenho geral do seu site.
Precisa de mais informações?
Esperamos que este guia tenha sido útil para você. Entre em contato conosco se quiser saber mais sobre como criar uma calculadora personalizada para o seu site. Nossa missão é garantir uma experiência tranquila e bem-sucedida para você. Na Elfsight, estamos comprometidos em oferecer uma solução completa para o seu negócio por meio de widgets sem código.
Junte-se à nossa Comunidade dinâmica, onde conhecimento e ideias são compartilhados. Estamos sempre abertos a sugestões de melhoria, sinta-se à vontade para adicioná-las à nossa Lista de Desejos.
