Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como criar uma página de destino com o gateway de pagamento

Como criar uma página de destino com o gateway de pagamento (passo a passo) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: avatar do revisor Turner John
avatar do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

TL;DR: Você não precisa de uma loja online complexa apenas para vender um único item. Para começar a vender hoje mesmo, basta instalar o SeedProd, escolher um modelo e arrastar o bloco Botão de Pagamento para o seu design. Ele se conecta ao Stripe em segundos e cuida de tudo para você.

Eu costumava pensar que vender um produto online exigia uma configuração de comércio eletrônico complexa. Lembro-me de passar dias configurando carrinhos de compras complexos apenas para vender um simples e-book. Era um exagero.

Neste guia, vou mostrar exatamente como criar uma página de destino com um gateway de pagamento. Vou usar o SeedProd porque ele lida com o design e a conexão com o Stripe em um só lugar. Se você só precisa de um botão para uma postagem existente, também vou mostrar o WP Simple Pay como uma alternativa rápida.

Por que criar uma página de destino de gateway de pagamento?

Quando os clientes podem pagar diretamente na sua página inicial, o checkout é mais rápido, menos pessoas saem sem comprar e as vendas aumentam.

Enviar as pessoas para uma página de checkout separada dá-lhes mais tempo para hesitar. Ao colocar a opção de pagamento diretamente na sua página inicial, elimina esses obstáculos e facilita a compra imediata.

Você também pode aumentar as conversões oferecendo vários métodos de pagamento, como cartões de crédito, PayPal ou carteiras digitais. Pesquisas do setor mostram que as empresas que oferecem mais opções observam um aumento de até 30% nas vendas.

Essa abordagem é muito econômica. Você não precisa criar uma loja online enorme para começar a vender. Você pode até mesmo validar uma nova ideia de produto com um conceito simples de página de destino gratuita antes de atualizar para uma configuração de gateway paga.

Agora que você sabe por que isso é tão eficaz, vamos abordar os principais componentes necessários para configurar um.

O que você precisa para aceitar pagamentos em uma Landing Page

Para aceitar pagamentos diretamente em sua landing page do WordPress, você precisará de alguns componentes-chave que tornam o processo seguro e confiável.

  • Um processador de pagamentos: Um processador de pagamento, como Stripe, PayPal ou Square, é um serviço que lida com transações financeiras entre seu site e o banco do cliente. Ele processa com segurança pagamentos com cartão de crédito, cartão de débito e carteira digital.
  • Certificado SSL: Pense em um certificado SSL (Secure Sockets Layer) como uma fechadura digital. Ele protege a conexão entre o navegador do visitante e o servidor, para que informações confidenciais, como números de cartão de crédito, permaneçam seguras.
  • Conformidade com a PCI: Trata-se de um conjunto de regras de segurança para o manuseio de informações de cartão de crédito. Parece técnico, mas a boa notícia é que os processadores de pagamento modernos, como o Stripe, foram projetados para lidar com as partes complexas para você. Eles processam pagamentos em seus servidores seguros, o que simplifica suas necessidades de conformidade e mantém os dados dos clientes seguros.
  • Um provedor de hospedagem seguro: escolha uma empresa de hospedagem WordPress confiável que inclua recursos de segurança integrados e suporte SSL, como Bluehost ou SiteGround. Uma hospedagem confiável mantém seu sistema de pagamento rápido e seguro.

A maioria dos criadores de páginas modernos com integrações de pagamento, como o SeedProd, trata dos detalhes técnicos por você. Isso faz com que a configuração demore apenas alguns minutos.

Etapas para criar uma página de destino com o gateway de pagamento

Para este tutorial, vou mostrar como criar uma página inicial de gateway de pagamento no WordPress usando o SeedProd. Trata-se de um poderoso construtor de páginas e sites WordPress projetado para criar layouts personalizados sem código. Estou usando o SeedProd para este tutorial porque sua integração direta com o Stripe torna o processo incrivelmente simples.

Construtor de sites WordPress SeedProd Drag and Drop

O SeedProd facilita a criação do design de sua página, a adição de um botão de pagamento e a publicação de sua página de destino em minutos. Você seguirá algumas etapas simples: instale o SeedProd, escolha um modelo, arraste o bloco do botão de pagamento, conecte-o à sua conta do Stripe e publique.

Vamos ver como configurá-lo passo a passo.

Etapa 1. Instalar e ativar o SeedProd Landing Page Builder

Primeiro, acesse a página de preços do SeedProd para obter sua cópia do plugin. Observação: você precisará do plano SeedProd Pro ou Elite para acessar o bloco Botão de pagamento usado neste tutorial.

Após baixar o arquivo do plugin, envie-o para o seu painel do WordPress. Se precisar de ajuda com essa parte, você pode seguir este guia sobre como instalar um plugin do WordPress.

Depois que o plugin estiver ativo, navegue até a página SeedProd » Configurações e cole sua chave de licença para concluir a configuração.

digite sua chave de licença

Em seguida, clique no botão Verificar chave para concluir.

Etapa 2. Escolha um modelo de página de destino

Com o plugin ativado, o próximo passo é selecionar um modelo. Para fazer isso, vá paraSeedProd » Landing Pagese clique no botãoAdicionar Nova Página de Destino.

Adicionar nova página de destino

Isso abre uma biblioteca de modelos de páginas de destino criados por profissionais.

Para encontrar um design adequado, clico no filtro “Vendas” e escolho o modelo “Página de vendas de e-books”.

modelos de páginas de vendas

Depois de encontrar o design que você gosta, passe o mouse sobre ele e clique no ícone de marca de seleção.

Escolha um modelo de página de destino

Aparece uma janela pop-up solicitando que você insira um nome e um URL para a página. Após preencher esses campos, clique no botãoSalvar e começar a editar a páginapara iniciar o construtor.

Digite o nome da sua página de destino

Etapa 3. Adicionar um botão do gateway de pagamento Stripe

Assim que o modelo for carregado, você verá o construtor visual de páginas SeedProd.

Construtor de páginas de destino SeedProd

O layout é intuitivo, com blocos de conteúdo à esquerda e uma visualização ao vivo da minha página à direita. Personalizar qualquer coisa foi tão simples quanto clicar nela. Por exemplo, cliquei no título principal e digitei meu novo texto diretamente na visualização.

Com o modelo carregado, procure o bloco Botão de pagamento no painel esquerdo e arraste-o para a sua página. Esse bloco é ideal para vender itens individuais, como um e-book ou um ingresso para um webinar, em vez de um carrinho cheio de produtos.

Botão de pagamento do SeedProd

Após posicionar o bloco, suas configurações serão exibidas à esquerda. Clique no botão Conectar com o Stripe. Isso o levará ao site do Stripe, onde você poderá vincular sua conta existente ou criar uma nova. Ao concluir, você será redirecionado de volta ao editor.

Botão SeedProd Connect com Stripe para integração de pagamentos

Com o Stripe conectado, você pode configurar os detalhes do pagamento. Defina o valor do pagamento, a moeda e uma breve descrição.

Dica de especialista: sempre teste antes de lançar
Recomendo fortemente testar o processo de checkout antes de compartilhar a página. O Stripe oferece um “Modo de Teste” que permite simular um pagamento usando números de cartão de crédito fictícios. Isso confirma que o redirecionamento funciona perfeitamente sem que você precise cobrar seu próprio cartão de crédito real.

Por falar em redirecionamentos, você precisa informar ao botão para onde enviar as pessoas após a compra. Cole o link para sua página de agradecimento no campo URL de sucesso.

Painel de configurações do bloco SeedProd exibindo o botão Conectar com Stripe para integração de pagamentos

Depois de definir as configurações de pagamento corretamente, continue personalizando o design da página até ficar satisfeito com o resultado. O mais importante é lembrar-se de clicar no botão Salvar no canto superior direito para salvar suas alterações.

Salve as alterações em sua página de destino com o gateway de pagamento

Etapa 4. Configure suas definições

Antes de publicar, clique na guia Configurações da página na parte superior da tela para finalizar alguns detalhes. Nas configurações gerais, confirme se o nome da página e a URL estão corretos.

Configurações gerais da página de destino

Em seguida, clique na guia SEO. Como tenho o All in One SEO instalado, isso me permitiu configurar meu título SEO e meta descrição diretamente no construtor.

Você também pode verificar a guia Conectar para ver as opções para vincular um serviço de marketing por e-mail, que é um ótimo recurso para campanhas de acompanhamento.

Etapa 5. Publique sua página de destino do gateway de pagamento

Quando estiver pronto para colocar sua página no ar, clique no botão Save (Salvar) e selecione a opção Publish (Publicar ).

Publique sua página de destino

Em seguida, acesse sua página ao vivo para testá-la. Agora, quando os visitantes clicarem no botão de pagamento, eles poderão finalizar a compra usando o Stripe.

Exemplo de página de destino com gateway de pagamento

Alternativa: Adicionar um botão Stripe com o WP Simple Pay

Se você já tem um design de página de destino e só precisa adicionar um recurso de pagamento, o WP Simple Pay é uma solução excelente e leve. É um plug-in de pagamentos Stripe dedicado que permite adicionar um botão "Buy Now" a qualquer post ou página sem uma configuração complexa.

Página inicial do WP Simple Pay

O processo é muito rápido. Depois de instalar o plug-in, um assistente de configuração o orienta na conexão da sua conta Stripe.

A partir daí, você cria um novo formulário de pagamento, escolhe "Botão de pagamento" e define o preço e a moeda.

Depois de salvo, você pode adicionar o botão à sua página de destino usando o bloco WP Simple Pay fornecido ou um shortcode.

Exemplo de página de destino com gateway de pagamento

Perguntas frequentes sobre páginas de destino com gateways de pagamento

As páginas de destino podem aceitar pagamentos?
Com certeza! Ao integrar um gateway de pagamento como o Stripe ou o PayPal, você pode adicionar facilmente um botão de pagamento diretamente à sua página de destino. Isso permite que os clientes comprem seus produtos ou serviços instantaneamente, sem sair da página.
Qual é o melhor gateway de pagamento para páginas de destino?
Na minha experiência, o Stripe é o melhor gateway de pagamento para a maioria dos usuários do WordPress. Ele oferece integração profunda com muitos plugins, excelente segurança e um processo de pagamento confiável. Embora o PayPal seja uma alternativa confiável que muitos clientes conhecem e o Square seja ótimo para empresas com locais físicos, a flexibilidade do Stripe o torna minha principal recomendação para páginas de destino.
É difícil desenvolver um site com um gateway de pagamento?
Não mais. Com um construtor de páginas como o SeedProd, você pode adicionar um bloco de gateway de pagamento sem escrever nenhum código. Ele se conecta ao Stripe instantaneamente, simplificando o processo de desenvolvimento para iniciantes.
Quanto o Stripe cobra?
O Stripe cobra 2,9% + 30¢ por transação para pagamentos on-line nos EUA. Taxas extras de transação podem ser aplicadas para pagamentos internacionais ou conversão de moeda. Serviços adicionais, como faturamento ou proteção contra fraudes, podem custar mais. Os preços variam de acordo com o país e o tipo de negócio.
Posso usar o PayPal em vez do Stripe em minha página de destino?
Sim. Embora este guia mostre o Stripe, muitos plug-ins e ferramentas também oferecem suporte ao PayPal. Apenas certifique-se de que seu construtor ou ferramenta de formulário ofereça integração com o PayPal.
Preciso do WooCommerce para aceitar pagamentos em uma landing page?
Não. Você pode usar o SeedProd ou o WP Simple Pay sem configurar uma loja completa do WooCommerce. Eles funcionam de forma independente para pagamentos simples.

Guias de bônus para sites de comércio eletrônico

Agora que você sabe como aceitar pagamentos simples em uma página de destino, a próxima etapa lógica pode ser a criação de uma loja on-line completa. Estes guias o ajudarão nesse processo:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.