Como adicionar o pagamento do código QR Stripe no WordPress

Você está procurando adicionar uma opção de pagamento de código QR no seu site WordPress?

Um método de pagamento QR permite que os usuários digitalizem e acessem seu link de pagamento em seus telefones. Isso torna o processo de check -out mais simples e fácil para eles.

Mas existem muitas maneiras de permitir que os usuários paguem pelo código QR. Além disso, existem muitos gateways de pagamento que você pode se integrar ao código QR.

Por exemplo, você pode adicionar manualmente um código QR de pagamento ao seu site usando plataformas como o Gerador de Código QR ou o QRSTUFF. Mas isso requer um longo processo de configuração.

Você precisa inserir as informações no código QR, como link de pagamento, URL do site e detalhes de contato. Você também precisa personalizar o código QR separadamente do seu site e baixá -lo como uma imagem.

No final, pode parecer deslocado e ter conflito de funcionalidade.

Além disso, os códigos QR gerados manualmente são estáticos, o que significa que quaisquer atualizações exigem regeneração e substituição da imagem no seu site.

É por isso que recomendamos que você use o WPForms para ajudá -lo a criar uma opção de pagamento de código QR.

Primeiro, com o WPForms, você pode gerar dinamicamente códigos QR com base nas entradas de formulário, como detalhes do usuário, valores de pagamento ou registros de eventos. Isso garante que os códigos QR sejam sempre relevantes e personalizados sem intervenção manual.

Você também pode adicionar rapidamente um código QR ao seu link de pagamento a qualquer formulário ou página usando o Visual Builder, economizando tempo.

A melhor parte é que o WPForms se integra a gateways de pagamento como PayPal e Stripe, facilitando a geração de códigos QR vinculados às páginas de pagamento.

Agora que selecionamos uma ferramenta para criar o código QR de pagamento, a próxima pergunta é: qual gateway é melhor para configurar códigos de pagamento QR?

Aqui, sua prioridade deve ser encontrar um gateway de pagamento seguro, escalável e fácil de usar. Você também deve encontrar um que suporta muitas moedas, dando acesso a um público global.

Por esses motivos, selecionamos a faixa.

O Stripe permite gerar códigos QR dinâmicos que vinculam a páginas de pagamento em tempo real. Você pode personalizar a página de pagamento vinculada ao código QR com sua marca, logotipo e cores.

A Stripe suporta vários métodos de pagamento, incluindo cartões de crédito/débito, carteiras móveis como Apple Pay e Google Pay, bem como sistemas de pagamento locais.

Como resultado, um único código QR pode direcionar os usuários para uma página de pagamento na qual eles escolhem seu método preferido.

Aqui estão outras razões pelas quais o Stripe é um ótimo gateway de pagamento de código QR.

• Pagamentos com um TAP: os clientes podem digitalizar o código QR e concluir o pagamento em segundos usando métodos de pagamento salvos
• Valores de pagamento dinâmico: o Stripe permite criar códigos QR vincados a valores de pagamento calculados dinamicamente.
• Integração fácil com sites: o Stripe fornece integrações e plugins simples de API para plataformas como o WordPress.
• Atualizações em tempo real: o painel do Stripe rastreia os pagamentos feitos por códigos QR. Você pode monitorar transações instantaneamente.
• Transações seguras: os pagamentos por meio de códigos QR de faixa são processados ​​com segurança, com mecanismos avançados de criptografia e detecção de fraude.

Como você pode ver, a combinação de Stripe e WPForms é uma ótima maneira de receber pagamentos por meio de códigos QR.

Com isso fora do caminho, vamos mostrar -lhe, passo a passo, como configurar os pagamentos de código QR no WordPress.

Abaixo está uma amostra do pagamento do código QR Stripe que criaremos neste tutorial:

Com isso fora do caminho, vamos começar.

Como adicionar o pagamento do código QR Stripe no WordPress

Como mencionado, precisamos de duas ferramentas para configurar pagamentos de QR no WordPress: WPForms e Stripe.

Felizmente, o WPForms é compatível com o Stripe. Portanto, conectaremos o Stripe com o WordPress através do WPForms. Esse processo permite que os usuários paguem por código QR em qualquer formulário que desejar usar o construtor de arrastar e soltar. Isso torna conveniente e fácil para seus usuários fazer uma compra.

Agora, confira todas as etapas que seguiremos abaixo. Se você deseja pular para qualquer etapa, basta clicar nela.

• Etapa 1: Instale e configure WPForms
• Etapa 2: Instale e configure o WPForms Stripe Pro Addon
• Etapa 3: Crie formulário de pagamento
• Etapa 4: Configurar o pagamento da faixa
• Etapa 5: Configure notificações e mensagens de confirmação
• Etapa 6: publique o formulário
• Etapa 7: Adicione código QR para pagamentos de faixa no WordPress

Vamos orientá -lo durante todo o processo abaixo.

Etapa 1: Instale e configure WPForms

A primeira etapa é instalar o WPForms no seu painel WordPress. Mas devemos mencionar que o WPForms oferece uma versão gratuita que permite fazer pagamentos de faixas. Você pode acessá -lo rapidamente no seu repositório WordPress e começar a fazer formulários.

Mas você precisa da versão Pro para funcionalidades de faixas mais avançadas, como o uso de um código QR.

Isso ocorre porque a versão Pro fornece acesso ao Stripe Pro Addon, que precisaremos neste tutorial. Além disso, a versão gratuita do WPForms vem com uma taxa de transação de 3%, o que pode aumentar o custo de suas mercadorias.

Confira a última revisão do WPForms para saber mais.

Para começar, vá para o site oficial da WPForms e inscreva -se em um plano. Eles oferecem uma variedade de planos, facilitando a localização de um que se adapte ao seu orçamento e necessidades. Mas, para usar o Stripe Pro Addon especificamente, você precisa dos planos Pro ou Elite WPForms.

Depois de comprar o Plano Pro ou Elite, faça login na sua conta WPForms e navegue para downloads .

Depois disso, faça o download do arquivo zip wpforms para o seu PC. Então, ainda nesta página, copie a chave de licença ; Você precisará dele para ativar a versão Pro.

Depois de terminar, vá para o seu painel WordPress e vá para plugins »Adicione um novo plug -in . Em seguida, instale e ative WPForms como você faria com qualquer outro plug -in.

Confira este tutorial sobre como instalar plugins se precisar de ajuda.

Após a ativação, você deve ver uma nova opção de menu aparecer no seu painel do WordPress rotulado como “WPForms”. Isso indica que o processo de instalação foi um sucesso.

Depois disso, vá para WPForms »Configurações» Geral e cole a "chave de licença" que você copiou anteriormente.

Finalmente, pressione a chave verificada , e é isso! Você está pronto para usar o WPForms.

Em seguida, vamos ver como configurar o pagamento do Stripe no WordPress através do WPForms.

Etapa 2: Instale e configure o WPForms Stripe Pro Addon

O WPForms torna super simples adicionar pagamentos de faixas e configurá -los. Tudo o que você precisa fazer é ir para wpforms »addons .

Aqui, role os complementos disponíveis ou use a função de pesquisa para encontrar o addon "Stripe Pro". Depois disso, instale e ative -o como qualquer outro addon do plug -in.

É isso! Agora você pode usar funções de faixa avançada no WPForms através deste complemento.

Em seguida, configure e configure os pagamentos de faixas no WPForms.

Para fazer isso, vá para WPForms »Configurações e navegue até a guia" Pagamento ". Depois disso, role até a seção de faixas na página e pressione "Conecte -se com listras".

Você será redirecionado para uma página de inscrição, onde poderá adicionar seus detalhes de login de faixas. Se você não possui uma conta Stripe, também pode criar uma nesta página.

Depois de conectado, você será redirecionado de volta ao seu painel WordPress. Neste ponto, você deve ver um carrapato verde ao lado de "Status da conexão" na guia Stripe.

Confira este artigo sobre os melhores plugins de faixa, se você estiver procurando por mais ferramentas que conectem isso facilmente com o Stripe no WordPress.

Ótimo! Você acabou de configurar a faixa e está pronta para receber pagamentos.

Etapa 3: Crie formulário de pagamento

O próximo passo é configurar um formulário de pagamento em que os usuários possam fazer pagamentos. Como mencionado, a beleza do uso do WPForms é que você pode adicionar um campo de pagamento em qualquer formulário que desejar.

Por exemplo, você pode adicionar um campo de pagamento a um formulário de registro. Isso combina a inscrição e o pagamento com o processo de código QR, simplificando a compra. Você também pode adicioná -lo a um formulário de doação, formulário de cobrança, formulário de leilão, formulário de RSVP, formulário de pedido e muito mais.

A melhor parte do uso do WPForms é que ele vem com mais de 2000 modelos de formulário pronto para uso. Isso simplifica ainda mais o processo. Você também pode usar a tela em branco se tiver experiência de design.

Para ajudá -lo a escolher um modelo, o WPForms mostra uma visualização para cada uma na página do modelo. Se você deseja visualizar o modelo em uma tela cheia, passe o mouse e selecione "View Demo".

Nosso tutorial passo a passo usará o modelo "Formulário de contato simples".

Então, passaremos o mouse e pressionaremos o "Modelo de uso". Isso abrirá o modelo no construtor de formulários de arrasto e soltar.

Primeiro, você notará que a interface do construtor de formulários é dividida em duas seções: “Campos” à esquerda e uma prévia ao vivo do seu formulário à direita.

Os campos são divididos em campos padrão, campos sofisticados e campos de pagamento. Isso facilita encontrar um campo que você deseja adicionar.

O WPForms oferece uma variedade de tipos de campo, incluindo texto de linha única, email, suspensos, caixas de seleção e muito mais, fornecendo a flexibilidade de criar formulários adaptados ao seu objetivo.

Para adicionar um campo, basta arrastá -lo do painel esquerdo e soltá -lo no local desejado no seu formulário na janela de visualização à direita. Você pode reorganizar os campos clicando e arrastando -os dentro da visualização ao vivo enquanto cria seu formulário de contato.

Isso permite personalizar o layout do formulário para atender às suas necessidades sem esforço.

Por exemplo, você pode adicionar itens de seleção, vários itens ou itens suspensos se desejar vender vários produtos em seu formulário. Por outro lado, você pode adicionar um único campo de item se deseja vender apenas um produto no formulário de contato.

Lembre-se de que cada modelo WPForms possui campos pré-adidados, que você pode personalizar.

Para editar um campo, selecione -o na visualização do formulário e as opções de campo aparecerão à esquerda. A partir daqui, você pode modificar o rótulo do campo, o texto do espaço reservado e outras configurações, como se o campo é necessário.

Depois de terminar de editar ou adicionar campos, salve seu formulário usando o botão no canto superior direito para garantir que todas as alterações sejam aplicadas. Esse processo simples garante que mesmo os iniciantes possam criar formas profissionais e funcionais em minutos.

Confira este artigo de comparação no WPForms vs. Formstack para ver como eles correspondem na criação de formas.

Etapa 4: Configurar o pagamento da faixa

Com o seu formulário de contato pronto, a configuração da opção de pagamento da faixa é a próxima etapa.

Para fazer isso, precisaremos adicionar um campo de faixa ao formulário. Este é um processo muito simples, pois você usará o mesmo processo de arrastar e soltar que usamos acima.

Então, vá para o painel Fields e role para os campos de pagamentos . Aqui, localize o campo "Cartão de crédito", arraste -o e solte -o para o local no formulário que você deseja que ele apareça.

O campo de pagamento do WPForms Stripe vem pré -fabricado com o número do cartão, vencimento, CVC e linhas de texto do país. Portanto, você não precisa personalizar ainda mais o campo do cartão de crédito Stripe.

Confira este artigo para aprender outra maneira conveniente de receber pagamentos de cartão no WordPress.

Com o campo de pagamento da faixa pronto, vá para a guia "Pagamentos" na extrema esquerda.

Depois de selecionado, você abre todos os gateways de pagamento para se conectar com WPForms. Você pode usar Authorize.net, cupons, PayPal Commerce, PayPal Standard e Square.

Mas, o gateway de pagamento recomendado é o Stripe, que você encontrará na parte superior desta página.

Depois de selecionar esta opção, uma nova página será aberta à esquerda com um botão de alternância para ativar "pagamentos únicos" ou "pagamentos recorrentes".

Confira este artigo para saber como configurar pagamentos recorrentes com o WPForms.

Para o nosso tutorial hoje, estabeleceremos pagamentos únicos.

Depois de usar o botão alternar para ativar esse recurso, você verá as opções para mapear seus campos de formulário de contato para os campos de pagamento. Isso permite que o WPForms se comunique com o Stripe e verifique se os detalhes de pagamento corretos são capturados durante o processo de envio do formulário.

Novamente, o WPForms facilita o processo de mapeamento.

Tudo o que você precisa fazer é selecionar uma opção nos menus suspensos. De fato, os menus suspensos contêm apenas o campo mais provável a ser mapeado, facilitando ainda mais.

Por exemplo, sob o suspensão do recibo de pagamento de listras, você vê "Email". Então, no suspensão do nome do cliente, você terá "nome".

Após o mapeamento, deve parecer a captura de tela abaixo:

Para melhorar ainda mais a experiência do usuário, você pode ativar a lógica condicional na parte inferior desta página.

Aqui, você pode ditar quando os campos de pagamento devem ser exibidos ou ocultos. O WPForms ainda permite adicionar várias regras lógicas condicionais.

Além da lógica condicional, aqui está outra maneira de reduzir o abandono da forma que pode ser útil.

Etapa 5: Configure notificações e mensagens de confirmação

Agora, as notificações por e -mail e as mensagens de confirmação são importantes para todos os formulários. Mas eles são cruciais para formas relacionadas ao pagamento. Eles fornecem feedback instantâneo aos usuários, tranquilizando -os de que seu pagamento foi processado com sucesso.

As notificações por email podem ser configuradas para enviar um recibo ou detalhes de confirmação ao usuário, ao mesmo tempo em que notifica -o sobre a transação.

As mensagens de confirmação, exibidas imediatamente após o envio do formulário, ajudam a eliminar a confusão, informando aos usuários que seu pagamento e o envio do formulário foi bem -sucedido.

Você pode definir a mensagem de confirmação imediatamente na mesma página que uma "mensagem", mostre -a em outra página no mesmo site ou em um URL externo.

O WPForms permite que você defina ambos em Configurações . Aqui, você recebe guias para "notificações" e "confirmações".

Lembre -se, garantir que essas mensagens sejam claras e o profissional aprimore a confiança do usuário e cria uma experiência geral mais suave.

Você pode conferir este artigo sobre como configurar notificações e confirmações de formulário para uma explicação aprofundada.

Etapa 6: publique o formulário

Agora, com tudo definido, a única coisa a fazer é publicar seu formulário no seu site WordPress. Existem duas maneiras de fazer isso: publique em uma nova página ou publique em uma página existente.

Vejamos como publicar em uma página existente.

Primeiro, pressione o botão Salvar na parte superior da página. Depois de concluído, selecione o botão "Incorporar" ao lado do botão Salvar para abrir uma janela pop -up. Em seguida, nesta janela, escolha "Selecione a página existente".

No próximo pop -up, escolha a página em que você deseja que o formulário apareça no menu suspenso. Após esse golpe, "Vamos lá".

Isso abrirá a página no editor de blocos do WordPress.

Depois disso, vá para a extrema esquerda do editor de blocos e selecione o botão Plus (+) para abrir os blocos.

Em seguida, localize o bloco WPForms e arraste e solte -o para o local na página em que você deseja que seu formulário de pagamento apareça. Depois de carregar, use o menu suspenso no bloco para selecionar o formulário de pagamento que você acabou de criar.

Finalmente, pressione Save no canto superior direito da página. Neste ponto, você deve ver o formulário de contato criado na página ao vivo.

Em seguida, vamos ver como adicionar o formulário de pagamento a uma nova página.

Mais uma vez, volte para o botão de incorporação na parte superior do construtor de formas de arrasto e solteira. Mas desta vez, selecione "Crie uma nova página".

No próximo pop -up, nomeie sua nova página e selecione "Vamos lá". Isso abrirá o editor de blocos para a nova página. Desta vez, a nova página será carregada com o formulário pré-added.

Obviamente, você pode usar blocos WordPress para personalizar ainda mais a página. Mas, o formulário deve estar pronto para publicar como está. Depois de ficar feliz com o formulário, clique em "Publicar" na parte superior da página.

É isso! Agora você pode publicar um formulário usando WPForms nas páginas existentes e novas.

Em seguida, vamos ver como adicionar um código QR para aceitar pagamentos através do formulário.

Etapa 7: Adicione código QR para pagamentos de faixa no WordPress

Agora, existem 2 métodos simples e gratuitos para adicionar um código QR ao seu formulário de pagamento. Primeiro, você pode usar o Google Chrome, que possui uma função QR integrada ou códigos de curto-falhas Ultimate, um plug-in gratuito do WordPress.

1. Use a função cromo integrada para adicionar um código QR

Para criar um código QR usando a função Google Chrome, abra a página do formulário de pagamento no navegador.

Você pode usar o botão Compartilhar ao lado da barra de texto URL para abrir a função de código QR.

Se você não o encontrar aqui, pressione o botão "Personalizar e controlar" no canto superior direito do seu navegador Chrome. Isso geralmente é exibido como 3 pontos.

Depois disso, role para baixo para lançar, salvar e compartilhar . Em seguida, no menu suspenso, selecione "Crie código QR".

Então, no pop -up que aparece a seguir, faça o download do código QR como uma imagem.

Em seguida, vá para qualquer página ou postagem no seu site e adicione o código QR que você baixou. De preferência, adicione -o às páginas do produto para que você possa redirecionar rapidamente seus usuários para a página de checkout.

Em seguida, tudo o que você precisa fazer é editar a página ou publicá -la no editor de blocos. Em seguida, use o bloco de imagem para adicionar o código QR.

É isso. Seus usuários podem abrir seu formulário de pagamento instantaneamente.

2. Use shortcodes Ultimate para adicionar um código QR

Os códigos de short construídos por shortcodes Ultimate permitem que você coloque o código QR em áreas de página, widgets, barras laterais mais convenientes e muito mais sem codificar.

Para obter a versão gratuita deste plug -in de shortcode, vá para o seu repositório do WordPress e use a função de pesquisa para encontrar "códigos de atalho Ultimate". Depois disso, instale e ative -o como você faria com qualquer outro plug -in.

Depois disso, abra uma página nova ou existente no seu painel WordPress. Em seguida, use a função Plus (+) para pesquisar "Código de Short".

Arraste e solte o bloco de shortcode para a posição na página em que deseja que o código QR apareça.

Depois de concluído, selecione a opção de colchetes quadrados “[]” na parte superior do bloco de shortcode para abrir mais opções. Em seguida, encontre "código QR" da longa lista de opções na janela pop -up.

No próximo pop -up, digite o URL do formulário de pagamento no campo de dados . Em seguida, você pode adicionar mais personalizações como tamanho, margem, alinhamento, link e muito mais.

Depois disso, pressione Inserir Shortcode e atualize a página. Você deve ver o código QR na página ao vivo neste momento.

Confira a amostra do código QR de pagamento abaixo:

A melhor parte é que você pode usar esse código QR criado em várias páginas e postagens sem edições adicionais.

É isso! Você acabou de aprender a adicionar o pagamento do código QR Stripe no WordPress. Esperamos que você tenha gostado. Se você tiver mais alguma dúvida, verifique as perguntas comuns abaixo.

Perguntas frequentes: como adicionar pagamentos de código QR Stripe no WordPress

Parabéns! Agora você pode configurar códigos de pagamento QR no seu site WordPress. Aqui está um artigo para mostrar como aceitar pagamentos de faixas no WordPress se você não deseja adicionar códigos QR ao seu formulário de pagamento.

Além disso, aqui estão outros artigos que você pode estar interessado em ler.

• 9 melhores plugins de pagamento do WordPress
• WP Simple Pay Review: É o melhor plug -in de pagamento?
• 9 melhores plugins de pagamento do WordPress

O primeiro artigo lista os melhores plugins de pagamento para o WordPress. O próximo analisa o WP Simple Pay, outro plug -in de pagamento incrível. O último post classifica os melhores plugins de pagamento do WordPress.