header-logo
Primeiros passosConfira como usar o Wix para construir seu site e negócio.
Crie o seu sitePersonalize e gerencie seu site com os recursos do Wix.
Conta e faturamentoGerencie assinaturas, planos e faturas.
Use os apps mobile do WixAdministre seu negócio e conecte-se com os membros.
Conecte um domínioCompre, conecte ou transfira um domínio para o seu site.
Gerencie o seu negócioExpanda seu negócio e presença online.
Promova o seu siteAumente sua visibilidade com recursos de SEO e marketing.
Wix Studio, Parceiros e empresasAcesse recursos avançados e otimize sua produtividade.
AjudaEncontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Gerencie o seu negócio
  3. Aplicativos e soluções comerciais
  4. Wix Stores
  5. Personalize o design da sua loja
  6. Wix Stores: adicionar e configurar um botão "Adicionar ao carrinho"

Wix Stores: adicionar e configurar um botão "Adicionar ao carrinho"

2 min
Neste artigo
  • Etapa 1 | Adicione o botão "Adicionar ao carrinho"
  • Etapa 2 | Conecte o botão a um produto
  • Etapa 3 | Faça o design do botão
Você pode colocar um botão "Adicionar ao carrinho" em qualquer lugar do seu site. O botão é vinculado ao produto que você escolher. Ele pode ser útil quando você escrever sobre um produto em algum lugar do seu site e quiser facilitar para que um cliente adicione o produto ao carrinho.

Etapa 1 | Adicione o botão "Adicionar ao carrinho"

Acesse a página relevante e arraste o botão Adicionar o carrinho do painel Adicionar para o local desejado. 
  1. Vá para o seu editor.
  2. Clique em Elementos  no lado esquerdo do Editor.
  3. Clique em Loja.
  4. Arraste o Botão Adicionar ao carrinho na página.

Etapa 2 | Conecte o botão a um produto

Para que o botão funcione corretamente, você precisa selecionar qual produto é adicionado ao carrinho do cliente quando clicado. 

Para conectar o botão a um produto:

  1. Clique no botão Adicionar ao carrinho no seu editor.
  2. Clique em Configurações.
  3. (Opcional) Edite o texto do botão.
  4. Conecte o botão a um produto:
    1. Clique no produto padrão.
    2. Selecione um produto.

Etapa 3 | Faça o design do botão

Agora você pode personalizar o design do botão para que ele combine com a sua página. 

Para personalizar o design do botão:

  1. Clique no botão Adicionar ao carrinho no seu editor.
  2. Clique em Configurações.
  3. Clique em Design.
  4. Faça qualquer uma das seguintes personalizações: 
    • Selecione o estilo do botão.
    • Selecione a cor do botão e arraste o slider para ajustar a opacidade.
    • Selecione a cor de borda e arraste o slider para ajustar a largura da borda.
    • Arraste o slider para deixar os cantos mais redondos ou quadrados.
    • Selecione a cor ou fonte do texto. 
Observações:
  • Quando um produto está esgotado, o texto do botão muda para "Esgotado".
  • Não é possível editar o design do botão "Esgotado".

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Etapa 1 | Adicione o botão "Adicionar ao carrinho"
  • Etapa 2 | Conecte o botão a um produto
  • Etapa 3 | Faça o design do botão

Esse artigo foi útil?

|