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

Adicionar e configurar um botão de pagamento

11 min
Neste artigo
  • Etapa 1 | Adicione um Botão de pagamento
  • Etapa 2 | Conecte um provedor de pagamento
  • Etapa 3 | Personalize as configurações do seu botão
  • (Opcional) Etapa 4 | Ajuste o layout do botão
  • (Opcional) Etapa 5 | Personalize o design do botão
  • Perguntas frequentes
Importante:
Para aceitar pagamentos online usando um Botão de pagamento, você deve comprar um plano de site que permite que você aceite pagamentos
Adicione um Botão de pagamento ao seu site para um checkout rápido e fácil para pagamentos. Quando clicado, leva os visitantes diretamente para a página de checkout, agilizando o processo de compra. Após adicionar o botão, você pode vincular um provedor de pagamento, escolher o layout e personalizar o design para que ele combine com o seu site.
Botão de pagamento

Etapa 1 | Adicione um Botão de pagamento

Não importa qual editor você esteja usando, você pode começar adicionando um Botão de pagamento ao seu site a partir do painel Elementos. Isso instala automaticamente o app Botão de pagamento no seu site.
  1. Vá para o seu editor.
  2. Clique em Elementos  no lado esquerdo do editor.
  3. Clique em Botão.
  4. Selecione a aba Botões de pagamento.
  5. Clique no botão que você deseja adicioná-lo ao seu site.
Adicione o botão de pagamento no Editor Wix

Etapa 2 | Conecte um provedor de pagamento

Antes de começar:
Se você já tiver um provedor de pagamento conectado, você pode pular essa etapa e passar para a Etapa 3.
Conecte um provedor de pagamento para processar pagamentos dos visitantes através do seu Botão de pagamento. O Wix Payments é a nossa solução de pagamento nativa. Também oferecemos uma série de opções adicionais de provedor de pagamento que variam de acordo com a localização.

Para conectar um provedor de pagamento:

  1. Vá para Aceitar pagamentos no painel de controle do seu site.
    Dica: verifique a localização do seu negócio no canto superior direito. Se estiver incorreta, clique no menu dropdown para alterar.
  2. Explore mais opções ou conecte uma opção:
    • Explorar mais opções: 
      1. Clique em Ver mais métodos de pagamento na parte inferior para ver mais provedores disponíveis na sua região. 
      2. Se disponível, clique em Ver opções ao lado de Provedores externos de cartão de crédito/débito para visualizar provedores adicionais. 
    • Conectar: clique em Conectar ao lado do provedor de pagamento que você deseja usar.
Conectando o Wix Payments
  1. Siga os passos para concluir a configuração da sua conta ou conecte uma conta de terceiros existente.

Etapa 3 | Personalize as configurações do seu botão

Use as opções no painel Configurações para concluir a configuração do seu Botão de pagamento. Aqui, você pode inserir o nome e o preço do item, alterar a moeda e configurar os termos e condições.
Observação:
Somente proprietários do site podem editar as configurações a seguir. Colaboradores com outras funções não têm acesso a essa seção.
  1. Clique no Botão de pagamento no seu editor.
  2. Clique em Configurações.
  3. Use as opções para configurar o botão:
    • Nome do item: insira o nome do produto no campo.
    • Preço do item: insira o preço do item no campo. Recomendamos incluir quaisquer taxas adicionais (por exemplo: imposto, frete).
      Observação: o preço do item é listado automaticamente na moeda padrão do site. No entanto, você pode clicar em Alterar moeda para escolher uma diferente.
    • Texto do botão: insira o texto que você deseja no campo.
    • Termos e Condições: clique na alavanca Mostrar caixa de seleção com Termos e Condições para ativar ou desativar essa opção:
      • Ativada: uma caixa de seleção de termos e condições é exibida. Você pode adicionar um link para os termos e condições relevantes no campo.
      • Desativada: nenhuma caixa de seleção de termos e condições é exibida.
    • Notificações por email: verifique se o endereço de email correto está listado para notificações por email. Se necessário, você pode alterá-la ao clicar em Informações gerais.

(Opcional) Etapa 4 | Ajuste o layout do botão

Use as opções de layout para definir a direção e o alinhamento do botão.
  1. Clique no Botão de pagamento no seu editor.
  2. Clique no ícone Layout .
  3. Ajuste o layout com as opções:
    • Direção: escolha se a leitura dos botões é da esquerda para a direita ou da direita para a esquerda.
    • Alinhamento: selecione se o texto é alinhado à esquerda, à direita ou ao centro do botão. Se você escolher o alinhamento à esquerda ou à direita, você pode usar o slider para ajustar o recuo.
Uma captura de tela mostrando que você pode clicar no layout e alterar as configurações do layout do botão.

(Opcional) Etapa 5 | Personalize o design do botão

Personalize o design do seu botão de pagamento para criar um call to action atraente para os visitantes. Não importa qual editor você esteja usando, você tem controle criativo total sobre a aparência do botão.
  1. Clique no Botão de pagamento no seu editor.
  2. Clique no ícone Design .
  3. Escolha um dos designs predefinidos para o seu botão.
  4. Clique em Personalizar design para obter opções avançadas para a visualização Normal e Ao passar o mouse
    • Cor e opacidade: selecione a cor e a opacidade do botão. 
    • Borda: personalize o design das bordas do seu botão.
    • Cantos: arredonde os cantos do botão.
    • Sombra: adicione e crie uma sombra para seu botão. 
    • Texto: personalize o design do texto do seu botão. 
Uma captura de tela mostrando as configurações de design do botão quando você clicar em design.

Perguntas frequentes

Clique nas perguntas abaixo para saber mais sobre como configurar um botão de pagamento.