Como adicionar um pop-up na Shopify

Publicados: 2021-11-26

Por que adicionar pop-ups a uma loja da Shopify?

É simples.

Você pode atingir muitas metas de comércio eletrônico, como:

  • Converta até 10% do tráfego do site
  • Recupere carrinhos de compras abandonados
  • Gere milhares de leads todos os meses
  • Direcione tráfego para páginas com vendas e promoções

Isso soa como metas de crescimento de negócios que você está tentando alcançar? Se sim, vamos aprender como adicionar pop-ups na Shopify.

Vá para as seções de conteúdo:

  • Tipos de pop-ups da Shopify
  • Como adicionar um pop-up na Shopify

Tipos de pop-ups para adicionar na Shopify

Existem muitos tipos de pop-up que você pode usar para converter os visitantes da sua loja da Shopify. Cada tipo é projetado para atingir um objetivo específico.

Os aplicativos pop-up da Shopify têm pop-ups pré-criados para diferentes objetivos, então você só precisa escolher os apropriados, personalizá-los e adicioná-los à sua loja.

Os tipos mais populares de pop-ups incluem:

  • Pop-ups de e-mail . Peça e-mails em troca de um incentivo
  • Pop-ups de pesquisa . Colete comentários/respostas dos visitantes
  • Pop-ups de cupom . Dê cupons com descontos para aumentar suas vendas
  • Pop-ups do boletim informativo . Peça aos usuários para se inscreverem em boletins informativos por e-mail
  • Gire para ganhar pop-ups . Convide visitantes para jogar um jogo
  • Pop-ups compatíveis com dispositivos móveis . Otimizado para visualização em dispositivos móveis
  • Pop-ups de promoções de vendas . Compartilhe detalhes de promoções para incentivar as vendas
  • Pop-ups de recuperação de carrinho de compras . Reduza o abandono de carrinho com lembretes e/ou incentivos como descontos e frete grátis

Há mais pop-ups do Shopify a serem considerados. Mas a boa notícia é que você precisa apenas de uma ferramenta pop-up da Shopify para poder usar todos esses tipos e muito mais.

Precisa de mais informações sobre diferentes tipos de pop-ups? Dê uma olhada em nossos outros guias:

40 exemplos de pop-ups de e-mail
Como criar pop-ups Spin-to-Win
Exemplos de pop-ups de SMS + como criá-los

Como adicionar um pop-up no Shopify

Agora que você sabe o que são pop-ups e os muitos benefícios que eles trazem para as lojas Shopify, vamos criar um.

Etapa 1: adicione um aplicativo pop-up da Shopify à sua loja [Grátis]

Neste tutorial, vamos usar Wisepops .

Com este aplicativo pop-up da Shopify, você pode usar todos os tipos de pop-up. Mas o mais importante é que o Wisepops tem uma classificação de 4,9 estrelas (de 5) dos usuários do Shopify.

Para adicionar um pop-up à Shopify, acesse a página Wisepops na App Store da Shopify . Clique em Adicionar aplicativo para iniciar a instalação.

Shopify vitrine

Se você estiver desconectado da sua loja, clicar em Adicionar aplicativo o levará à página de login da Shopify. Insira seus dados para finalizar a instalação.

Próximo -

Depois de fazer login, você verá uma janela notificando sobre a instalação do Wisepops dentro do painel de administração da Shopify. Clique em Instalar aplicativo .

Shopify instala o aplicativo Wisepops

Clicar no botão Instalar aplicativo levará você à página de registro do Wisepops Shopify .

Agora, vamos para o próximo passo: adicionar seus detalhes ao Wisepops.

Passo 2: Obtenha uma conta Wisepops gratuita

O aplicativo Wisepops tem duas etapas simples de registro.

Você pode se registrar de duas maneiras: com seu Gmail ou seu nome, e-mail e senha. Escolha seu método de registro preferido para continuar.

Wisepops cadastre-se

Na próxima janela –

Adicione seu site, nome e tamanho da empresa e outras informações relacionadas aos negócios. Essas respostas ajudarão o Wisepops a tornar a experiência do seu aplicativo mais relevante.

Informações de inscrição no Wisepops

Clique em Iniciar meu teste gratuito para concluir o registro e integrar sua loja Shopify ao Wisepops.

Isso leva três segundos, então agora você pode começar a criar sua primeira campanha pop-up para converter seus visitantes!

Nota : Você também pode adicionar Wisepops à sua loja com um código de configuração .

Passo 1 : Obtenha uma conta gratuita no site da Wisepops.
Passo 2 : No Wisepops, vá para Configurações > Sites , clique no ícone de três pontos ao lado do URL da sua loja.
Etapa 3: escolha o código de configuração no menu que aparece para revelar o código.
Etapa 4: adicione o código logo antes da tag </body> no tema da sua loja.
Exemplo de código de configuração do Wisepops
Precisa de ajuda para adicionar Wisepops à sua loja Shopify?
Entre em contato com nossa equipe de suporte usando o botão de bate-papo ao vivo no site. Visite nossa Central de Ajuda (esta seção sobre incorporação de código Wisepops deve ser útil)

Etapa 3: criar uma campanha pop-up

Vamos voltar ao painel do Wisepops.

Para criar um novo pop-up para sua loja da Shopify, clique em Nova campanha.

Wisepopse cria nova campanha

O menu oferece duas opções: Assistente de campanha e Campanha personalizada .

Assistente de campanha Wisepops

Se você estiver criando uma campanha pela primeira vez, escolha o assistente de campanha. Dessa forma, você receberá dicas durante todo o processo, portanto, adicionar um pop-up à sua Shopify será ainda mais fácil.

Então, clique em Assistente de campanha para continuar.

Etapa 4: escolha uma meta de campanha

Hora de decidir o objetivo do nosso primeiro pop-up da Shopify.

Vamos com o Drive Sales porque, bem, que dono de loja da Shopify não gostaria disso?

Objetivo da campanha Wisepops

Clique em Impulsionar vendas .

Em seguida, o Wisepops mostrará maneiras de impulsionar as vendas: frete grátis, cupons de primeiro pedido, ofertas por tempo limitado e outros.

Vamos escolher Frete Grátis .

Isso significa que daremos frete grátis aos seus clientes nas compras acima de um determinado valor. Essa técnica pode ajudar a aumentar as vendas, pois a entrega gratuita é a principal razão pela qual as pessoas compram online.

Wisepops seleciona objetivo

Etapa 5: selecione um modelo pop-up

Depois de escolher Frete Grátis , você será redirecionado automaticamente para a biblioteca de modelos. Lá, você pode escolher o formato do pop-up da Shopify.

Vamos escolher o terceiro modelo (veja abaixo). É um pop-up de site não intrusivo que pode ser exibido em um canto da tela.

Wisepops selecionar modelo

Aqui está uma prévia deste pop-up no Wisepops (deve estar logado para visualizar).

Observação: você pode ver como cada modelo ficará na sua loja da Shopify. Basta clicar no botão de visualização que aparece quando você passa o mouse sobre um modelo.

Visualização de Wisepops

Etapa 6: personalizar a campanha

Depois de escolher um modelo pop-up, você será redirecionado para o editor de campanha.

Vamos fazer com que a campanha pareça uma parte natural da sua loja da Shopify. Fazer isso é simples: basta passar o mouse sobre um elemento para visualizar as opções de edição.

Como aqui, as opções aparecem quando passo o mouse sobre o título principal do pop-up.

Wisepops personaliza campanha

Dicas de personalização:

  • Adicionar uma imagem original
  • Use as cores da sua marca para consistência de design
  • Dê ao botão CTA uma cor contrastante para destacá-lo
  • Adicione um link para uma página de produto ou uma página de categoria de produto no menu de texto do CTA para direcionar os visitantes às compras

Além disso, aqui vai uma dica, tente definir um limite de frete grátis de $ 100. Essa é a quantidade de dinheiro que os visitantes precisam gastar para acionar o frete grátis.

A National Retail Federation sugere que 65% dos clientes prestem atenção aos limites antes de adicionar produtos aos carrinhos de compras. Seu limite obviamente será afetado pelo custo de suas mercadorias.

Quer exemplos de belos pop-ups para inspirar você?
25 exemplos bonitos de pop-ups do Shopify
Exemplos de design de pop-up de e-mail + dicas de design profissional
20 exemplos de design de pop-up lindos + práticas recomendadas

Etapa 7: configurar um cenário de exibição pop-up

O tempo de pop-up desempenha um papel decisivo na maximização das conversões.

Nesse caso, queremos que todos os visitantes vejam nosso pop-up da Shopify. É por isso que podemos querer mostrar a campanha quando eles carregarem sua loja. Para configurar o tempo, vá para o Acionador

guia no menu Exibir .

Lá, escolha Na aterrissagem .

Cenário de exibição de Wisepops

Depois de definir o tempo, vamos adicionar um atraso de 10 segundos.

Isso significa atrasar a exibição do pop-up em 10 segundos. Como a exibição imediata de pop-ups pode ser frustrante para alguns visitantes, o atraso permitirá que eles dêem uma olhada rápida primeiro.

Para adicionar o atraso, encontre a seção Timing na guia Trigger . Lá, clique em Após atraso .

Configuração de atraso de página do Wisepops

Depois de clicar em Após atraso , você verá um campo de entrada e uma caixa de depósito.

Adicione “10” à caixa e escolha Segundos na página no menu suspenso (como na imagem abaixo). Clique em +Adicionar regra quando terminar.

Tempo de Wisepops

Agora, com o atraso de tempo adicionado, sua tarefa de criar a campanha está quase concluída.

Hora de salvar a campanha.

Clique em Salvar no canto superior direito do editor.

Wisepops salvar
Mais informações sobre como o tempo de pop-up afeta as conversões: Como descobrir o melhor momento para exibir sua oferta .

Etapa 8: ative a campanha pop-up da Shopify

O único passo entre você e uma campanha ao vivo é a ativação.

Vamos fazer isso agora.

Vá para o painel (clique no logotipo da Wisepops no canto superior esquerdo) e verifique se você está na guia Campanhas .

Lá, ative a chave seletora (na posição correta, conforme mostrado abaixo). Depois de fazer isso, a campanha está ativa!

Wisepops ativam campanha
Tutorial pop-up Spin-to-Win
Que tal fazer um popup que gere 5.000 leads mensalmente? Neste estudo de caso da Faguo , encontre um tutorial para replicar a campanha pop-up spin-to-win mais bem-sucedida da marca.

Exemplo de pop-up Faguo

Saiba mais sobre os pop-ups da Shopify

Com o Wisepops, você pode executar praticamente qualquer campanha pop-up da Shopify para atingir suas metas de crescimento. Isso significa que você encontrará muitos recursos orientados à conversão, modelos pop-up lindos e dicas de marketing profissional dentro do Wisepops.

A partir daqui, recomendamos que você explore estas opções:

  • Experimente com os recursos do menu principal
  • Faça o tour do produto para saber mais sobre os tipos de pop-up e as vantagens
  • Leia o estudo de caso Asphalte e o estudo de caso OverstockArt para saber como as empresas geram milhares de leads com Wisepops todos os meses

O menu principal do Wisepops contém muitas personalizações para suas campanhas pop-up. Com as seções Popup e Blocks , por exemplo, você pode criar popups de diferentes tamanhos, formatos, layouts e adicionar botões diferentes.

Blocos de Wisepops

Além disso, nosso blog é uma fonte de dicas pop-up, histórias de sucesso e práticas recomendadas. Essas postagens devem ser interessantes para donos de lojas da Shopify como você:

  • 5 estratégias de pop-up para aumentar sua taxa de opt-in
  • Como obter vendas no Shopify: 12 dicas + exemplos
  • 15 práticas recomendadas de pop-up para gerar leads e vendas

Por último mas não menos importante -

Parabéns, você conseguiu!

Você se juntou ao clube das lojas Shopify que convertem visitantes com campanhas pop-up. Crie campanhas, experimente ofertas e expanda seus negócios.

Como adicionar pop-ups ao Shopify: resumo

Os pop-ups do Shopify podem se tornar sua principal técnica de marketing no site e geração de leads. Crie sua primeira campanha, experimente diferentes métodos e incentivos para visitantes e veja seu negócio crescer como nunca antes.

Experimente e você verá que os pop-ups do Shopify possibilitam a geração de milhares de leads no piloto automático.