Código do Botão Shopify
Crie seu App de Botão
Por que as pessoas amam a Elfsight
Às vezes, tudo o que falta é o botão certo no lugar certo. O app Botão da Elfsight permite capturar facilmente a atenção dos seus visitantes e incentivá-los a agir – comprar agora, saber mais, entrar em contato, ou qualquer outra ação que você desejar.
É rápido de configurar, funciona com qualquer tema e oferece total liberdade sobre a aparência e o comportamento do seu botão. Quer destacar um produto, compartilhar uma oferta especial ou abrir um chat, você consegue em apenas alguns cliques — nada de código.
Você sabia?
Estudos de marketing mostram que botões claros e bem desenhados aumentam as taxas de clique em até 45% em comparação com links de texto simples.
Torne sua loja mais interativa hoje – adicione o Elfsight Button ao Shopify e ajude seus clientes a dar o próximo passo com facilidade.
Principais recursos do Shopify Button App
O que faz deste widget tão popular entre os lojistas:
- Opções de design personalizadas: Escolha o tamanho, formato, texto e cores do seu botão para combinar perfeitamente com o tema Shopify.
- Várias ações: Vincule seu botão a uma página de produto, checkout, formulário ou qualquer URL externa — fica a seu critério.
- Modos Flutuantes ou Inline: Mantenha-o fixo na tela ou posicione-o diretamente dentro das descrições de produtos ou seções da página inicial.
- Pronto para dispositivos móveis: Cada botão se ajusta automaticamente para ficar perfeito em qualquer tela, do desktop ao celular.
- Suporte a ícones e animação: Adicione ícones ou efeitos de hover que façam seu botão se destacar e parecer mais interativo.
- Sem código necessário: Projete o botão visualmente e incorpore-o — se você puder colar um link, pode usá-lo.
Como adicionar o botão em uma página do Shopify
Adicionar um botão ao Shopify é tão simples quanto copiar e colar.
Método 1: Botão Inline
Perfeito para incorporar botões em uma página específica, como a página inicial, página de produto ou seção de contato.
- Selecione um Modelo: Abra o editor da Elfsight e escolha o modelo que melhor atenda às suas necessidades.
- Personalize o Design: Defina o que acontece quando alguém clica, ajuste cores, fontes e textos.
- Copie o código: Clique em “Adicionar ao site gratuitamente” e copie o código de incorporação gerado.
- Incorpore o App: No admin do Shopify, abra o editor de páginas, mude para a visualização “HTML” e cole o código onde você quer que o botão apareça.
Método 2: Botão Flutuante
Perfeito para manter o botão visível o tempo todo.
- Escolha um Modelo: Selecione um layout flutuante no editor da Elfsight.
- Ajuste o visual: Personalize posição, tamanho, cor e texto.
- Copie o Código: Clique em “Adicionar ao site gratuitamente” para gerá-lo.
- Incorporar no Shopify: Vá para Loja Online → Temas → Editar Código, abra
theme.liquide cole o código antes da tag de fechamento</body>.
Precisa de ajuda? Consulte nosso Centro de Ajuda ou leia nosso guia no blog sobre como adicionar um botão em uma página do Shopify. Você também pode compartilhar suas ideias de recursos em nosso Lista de Desejos ou acompanhar as novidades no Histórico de Alterações.