Eu costumava pensar que vender um produto online exigia uma configuração de eCommerce massiva. Lembro-me de passar dias configurando carrinhos de compras complexos apenas para vender um simples eBook. Era exagero.
Neste guia, mostrarei exatamente como criar uma landing page com um gateway de pagamento. Usarei o SeedProd porque ele cuida do design e da conexão com o Stripe em um só lugar. Se você precisa apenas de um botão para uma postagem existente, também mostrarei o WP Simple Pay como uma alternativa rápida.
Por que Criar uma Landing Page com Gateway de Pagamento?
Quando os clientes podem pagar diretamente em sua landing page, o checkout é mais rápido, menos pessoas desistem sem comprar e as vendas aumentam.
Enviar as pessoas para uma página de checkout separada dá a elas tempo extra para hesitar. Ao colocar a opção de pagamento diretamente em sua landing page, você remove esses obstáculos e facilita a compra no momento.
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 da indústria mostram que empresas que oferecem mais opções veem um aumento de até 30% nas vendas.
Essa abordagem é muito econômica. Você não precisa construir uma loja online enorme para começar a vender. Você pode até validar uma nova ideia de produto com um conceito simples de landing page gratuita antes de fazer o upgrade para uma configuração de gateway pago.
Agora que você sabe por que isso é tão eficaz, vamos cobrir os componentes essenciais que você precisará 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 essenciais que tornam o processo seguro e confiável.
- Um Processador de Pagamento: 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 seu cliente. Ele processa com segurança pagamentos com cartão de crédito, débito e carteira digital.
- Certificado SSL: Pense em um certificado SSL (Secure Sockets Layer) como uma trava digital. Ele protege a conexão entre o navegador do seu visitante e seu servidor para que informações sensíveis, como números de cartão de crédito, permaneçam seguras.
- Conformidade com PCI: Este é 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 processadores de pagamento modernos como o Stripe são 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 do cliente 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 construtores de páginas modernos com integrações de pagamento, como o SeedProd, cuida dos detalhes técnicos para você. Isso faz com que a configuração leve apenas alguns minutos.
Passos para Criar uma Landing Page com Gateway de Pagamento
Para este tutorial, mostrarei como criar uma landing page com gateway de pagamento no WordPress usando o SeedProd. É um poderoso construtor de páginas e construtor de 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.
O SeedProd facilita a criação do design da sua página, a adição de um botão de pagamento e a publicação da sua landing page em minutos. Você seguirá alguns passos simples: instalar o SeedProd, escolher um modelo, arrastar o bloco de botão de pagamento, conectá-lo à sua conta Stripe e publicar.
Vamos detalhar como configurá-lo passo a passo.
Passo 1. Instale e Ative o SeedProd Landing Page Builder
Primeiro, navegue até a página de preços do SeedProd para adquirir sua cópia do plugin. Observação: Você precisará do plano SeedProd Pro ou Elite para acessar o bloco de 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 esta parte, você pode seguir este guia sobre como instalar um plugin do WordPress.
Assim 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.
Em seguida, clique no botão Verificar Chave para finalizar.
Etapa 2. Escolha um Modelo de Página de Destino
Com o plugin ativado, seu próximo passo é selecionar um modelo. Para fazer isso, vá para SeedProd » Landing Pages e clique no botão Adicionar Nova Landing Page.
Isso abre uma biblioteca de modelos de landing page projetados profissionalmente.
Para encontrar um design adequado, clico no filtro 'Vendas' e escolho o modelo 'Página de Vendas de Ebook'.
Depois de encontrar o design que você gosta, passe o mouse sobre ele e clique no ícone de marca de seleção.
Aparece um pop-up pedindo para você inserir um nome e URL para a página. Após preencher isso, clique no botão Salvar e Começar a Editar a Página para iniciar o construtor.
Passo 3. Adicione um Botão de Gateway de Pagamento Stripe
Assim que o modelo carregar, você verá o construtor visual de páginas do SeedProd.
O layout é intuitivo, com blocos de conteúdo à esquerda e uma prévia 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 prévia.
Com o modelo carregado, procure pelo bloco Botão de Pagamento no painel esquerdo e arraste-o para sua página. Este bloco é ideal para vender itens únicos, como um eBook ou um ingresso para webinar, em vez de um carrinho cheio de produtos.
Após posicionar o bloco, suas configurações serão abertas à esquerda. Clique no botão Conectar com Stripe. Isso o levará ao site da Stripe, onde você poderá vincular sua conta existente ou criar uma nova. Ele o enviará de volta ao editor assim que terminar.
Com a Stripe conectada, você pode configurar os detalhes do pagamento. Defina o valor do pagamento, a moeda e uma breve descrição.
Falando em redirecionamentos, você precisa dizer ao botão para onde enviar as pessoas após a compra. Cole o link da sua página de Agradecimento no campo URL de Sucesso.
Após acertar as configurações de pagamento, continue personalizando o design da página até ficar satisfeito. Mais importante, lembre-se de clicar no botão Salvar no canto superior direito para salvar suas alterações.
Etapa 4. Configure Suas Configurações
Antes de publicar, clique na aba Configurações da Página na parte superior da tela para finalizar alguns detalhes. Nas configurações Gerais, confirme se o nome e a URL da sua página estão corretos.
Em seguida, clique na aba SEO. Como tenho o All in One SEO instalado, isso me permitiu configurar meu título de SEO e meta descrição diretamente no construtor.
Você também pode verificar a aba Conectar para ver opções de vinculação de um serviço de marketing por e-mail, o que é um ótimo recurso para campanhas de acompanhamento.
Passo 5. Publique sua Landing Page com Gateway de Pagamento
Quando estiver pronto para tornar sua página ativa, clique no botão Salvar e selecione a opção Publicar.
Em seguida, visite sua página ativa para testá-la. Agora, quando os visitantes clicarem no botão de pagamento, eles poderão finalizar a compra usando a Stripe.
Alternativa: Adicione um Botão Stripe com WP Simple Pay
Se você já tem um design de página de destino e só precisa adicionar um recurso de pagamento, então WP Simple Pay é uma solução excelente e leve. É um plugin dedicado de pagamentos Stripe que permite adicionar um botão "Comprar Agora" a qualquer post ou página sem uma configuração complexa.
O processo é muito rápido. Após instalar o plugin, um assistente de configuração o guiará 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 seu preço e moeda.
Uma vez salvo, você pode adicionar o botão à sua página de destino usando o bloco WP Simple Pay fornecido ou um shortcode.
Perguntas Frequentes sobre Landing Pages com Gateways de Pagamento
Guias Bônus para Sites de eCommerce
Agora que você sabe como aceitar pagamentos simples em uma landing page, o próximo passo lógico pode ser construir uma loja online completa. Estes guias irão ajudá-lo nesse processo:
- Como adicionar um botão personalizado de "Adicionar ao Carrinho" no WooCommerce
- Como Exibir Categorias e Tags de Produtos no WooCommerce
- Como personalizar facilmente sua página de loja WooCommerce
Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.
