header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
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"

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?

|