header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance 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. 
Editor Wix
Editor do Wix Studio
  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?

|