O que \u00e9 Stripe?<\/h2>\n
O Stripe<\/a> \u00e9 um gateway de pagamentos em r\u00e1pido crescimento que \u00e9 capaz de lidar com pagamentos recorrentes e pode processar reembolsos automaticamente. \u00c9 confi\u00e1vel e usado por grandes marcas em todo o mundo, algumas das quais incluem Best Buy, Target, Lyft, Docker, HubSpot, Facebook, Shopify e IndieGoGo. N\u00f3s os usamos aqui na Kinsta para aceitar pagamentos para todos os nossos clientes de hospedagem web.<\/p>\n Stripe foi fundada em 2010 por dois irm\u00e3os, John e Patrick Collison. Foi lan\u00e7ado publicamente em 2011 e j\u00e1 recebeu v\u00e1rias rodadas de financiamento. Chegou mesmo a ocupar a 4\u00aa posi\u00e7\u00e3o na lista da Forbes Cloud 100<\/a> em 2016. Existem muitas portas de pagamento \u00e0 escolha, mas o foco da Stripe na simplicidade juntamente com a sua popular Stripe API \u00e9 o que os distinguiu dos concorrentes. Sua estrutura de taxas \u00e9 muito mais f\u00e1cil de entender, pois para aqueles que fazem menos de US$ 1 milh\u00e3o por ano, \u00e9 uma taxa fixa de 2,9% + 30\u00a2. Eles tamb\u00e9m permitem que voc\u00ea<\/a> cobre cart\u00f5es de cr\u00e9dito do seu pr\u00f3prio site gratuitamente<\/strong>, enquanto o PayPal cobra $30\/m\u00eas<\/a> mais as suas taxas de transa\u00e7\u00e3o. A Stripe tamb\u00e9m n\u00e3o tem nenhuma taxa para reembolsos ou cart\u00f5es de autoriza\u00e7\u00e3o. O PayPal, no entanto, fica mais barato com um maior volume de transa\u00e7\u00f5es.<\/p>\n Stripe tamb\u00e9m tem um produto de aprendizagem de m\u00e1quinas chamado Radar para reduzir o n\u00famero de transa\u00e7\u00f5es fraudulentas. Para mais detalhes, consulte o nosso guia detalhado: Como to Prevent and Reduce Credit Card Fraud by 98% Using Stripe Radar<\/a><\/p>\n Stripe n\u00e3o tem tecnicamente um plugin WordPress oficial ou integra\u00e7\u00e3o, mas gra\u00e7as \u00e0 fant\u00e1stica comunidade WordPress que utilizou a sua API, existem agora muitas op\u00e7\u00f5es fant\u00e1sticas para facilmente colocar Stripe no seu site. Abaixo entraremos na configura\u00e7\u00e3o Stripe for WordPress em um site b\u00e1sico, com um plugin de formul\u00e1rio e campos personalizados, assim como plataformas de com\u00e9rcio eletr\u00f4nico como WooCommerce e Downloads Digitais F\u00e1ceis. \u00c9 importante notar que o SSL \u00e9 necess\u00e1rio em suas p\u00e1ginas de checkout de Stripes<\/strong> para comunicar dados de pagamento com seguran\u00e7a. Muitos hosts, at\u00e9 mesmo Kinsta, agora oferecem certificados SSL gratuitos <\/a>com Let’s Encrypt. Mas tenha cuidado, voc\u00ea pode prejudicar seu site se n\u00e3o migrar corretamente, por isso n\u00e3o deixe de conferir nosso guia de migra\u00e7\u00e3o HTTP detalhado para HTTPS<\/a>.<\/p>\n Todos estes tutoriais assumem que voc\u00ea tem uma conta de Stripe. Se n\u00e3o o fizer, pode inscrever-se para uma conta Stripe gr\u00e1tis<\/a>.<\/p>\n A primeira forma de configurar a Stripe para WordPress \u00e9 num site b\u00e1sico. Talvez voc\u00ea n\u00e3o tenha nenhuma configura\u00e7\u00e3o de solu\u00e7\u00e3o de com\u00e9rcio eletr\u00f4nico e simplesmente tenha um produto que voc\u00ea queira vender em uma p\u00e1gina. Esta pode ser uma \u00f3tima maneira de aceitar pagamentos (e at\u00e9 mesmo doa\u00e7\u00f5es<\/a>) para um ebook ou download digital sem nenhum custo adicional no seu site. Para isso, recomendamos o plugin gratuito WP Simple Pay Lite for Stripe<\/a>, no qual voc\u00ea pode ir em apenas 4 passos simples. Eles tamb\u00e9m t\u00eam uma vers\u00e3o profissional do plugin, que permite pagamentos recorrentes e uma infinidade de outras funcionalidades, mas se voc\u00ea precisar de algo simples e r\u00e1pido, voc\u00ea pode obter por bem com a vers\u00e3o gratuita. Tem atualmente mais de 10.000 instala\u00e7\u00f5es ativas com uma classifica\u00e7\u00e3o de 4,6 das 5 estrelas.<\/p>\n Baixe e instale o plugin WP Simple Pay Lite para Stripe<\/a> a partir do reposit\u00f3rio WordPress ou procurando por ele dentro do seu painel de controle do WordPress em “Add New” plugins<\/a>.<\/p>\n A primeira coisa que voc\u00ea precisar\u00e1 fazer \u00e9 clicar nas configura\u00e7\u00f5es do plugin e inserir suas chaves Stripe API<\/a>, que voc\u00ea pode pegar no painel de controle da sua conta Stripe. Depois clique em “Guardar altera\u00e7\u00f5es”. Voc\u00ea vai notar que h\u00e1 um interruptor de ligar e desligar. Voc\u00ea pode mant\u00ea-lo desligado at\u00e9 ter tudo configurado.<\/p>\n Clique no separador “Default” settings (Predefini\u00e7\u00f5es). \u00c9 l\u00e1 que voc\u00ea pode dar um nome ao seu site, definir a moeda, fornecer uma imagem, etc. Uma configura\u00e7\u00e3o importante \u00e9 o redirecionamento de URL de sucesso. Se voc\u00ea estiver acompanhando as convers\u00f5es com uma p\u00e1gina de agradecimento, ent\u00e3o voc\u00ea vai querer habilitar isso. Veja o nosso guia de acompanhamento detalhado de convers\u00f5es<\/a>. Em seguida, role para baixo e clique em “Salvar mudan\u00e7as”.<\/p>\n Voc\u00ea pode ent\u00e3o inserir um bot\u00e3o de pagamento em qualquer p\u00e1gina ou postar no seu site WordPress com um simples atalho. Lembre-se que voc\u00ea pode alterar o texto no bot\u00e3o de pagamento nas configura\u00e7\u00f5es do plugin. Aqui est\u00e1 um exemplo de um c\u00f3digo de atalho que pode colar na sua p\u00e1gina ou postar:<\/p>\n Veja todos os atalhos do WP Simple Pay<\/a>. E \u00e9 isso! Adicionar Stripes ao seu site WordPress n\u00e3o poderia ser mais f\u00e1cil. Certifique-se de mudar o Modo Live para “Ligado” se ainda n\u00e3o o fez nas defini\u00e7\u00f5es. Voc\u00ea tamb\u00e9m pode aproveitar o plugin<\/a> gratuito que adiciona um bot\u00e3o em seu editor WordPress<\/a> para adicionar mais facilmente bot\u00f5es de pagamento. N\u00e3o h\u00e1 necessidade de agarrar nenhum atalho.<\/p>\n Uma segunda configura\u00e7\u00e3o comum ao usar Stripe para WordPress \u00e9 us\u00e1-lo junto com um plugin de formul\u00e1rio. A raz\u00e3o pela qual voc\u00ea pode querer fazer isso \u00e9 que isso lhe d\u00e1 mais flexibilidade com a possibilidade de adicionar seus pr\u00f3prios campos personalizados<\/strong> no processo de checkout. Muitos dos plugins de formul\u00e1rios populares<\/a> t\u00eam integra\u00e7\u00f5es e extens\u00f5es f\u00e1ceis de Stripe, tais como Formul\u00e1rios de Gravidade, Formul\u00e1rios Ninja e Formul\u00e1rios WP. A integra\u00e7\u00e3o da Stripe \u00e9 tipicamente um add-on premium. No nosso exemplo, vamos usar o plugin Gravity Forms<\/a>.<\/p>\n Baixe e instale o plug-in Gravity Forms<\/a> juntamente com seu add-on de extens\u00e3o Stripe. Isto requer uma licen\u00e7a de desenvolvedor.<\/p>\n A primeira coisa que voc\u00ea precisar\u00e1 fazer \u00e9 clicar nas configura\u00e7\u00f5es do plugin e inserir suas chaves Stripe API<\/a>, que voc\u00ea pode pegar no painel de controle da sua conta Stripe. Depois clique em “Guardar altera\u00e7\u00f5es”. Voc\u00ea notar\u00e1 que h\u00e1 um modo ao vivo e um modo de teste. Voc\u00ea pode mant\u00ea-lo no modo Teste at\u00e9 ter tudo configurado corretamente.<\/p>\n Role para baixo e voc\u00ea precisar\u00e1 configurar os ganchos da Web. Os Formul\u00e1rios de Gravidade requerem um URL a ser adicionado \u00e0 lista de bloqueios da sua conta de Stripe para que tudo funcione corretamente.<\/p>\n Em seguida, marque a caixa que diz que voc\u00ea ativou o URL do gancho da web e clique em “Atualizar Configura\u00e7\u00f5es”.<\/p>\n Agora \u00e9 hora de preparar o seu formul\u00e1rio. Se voc\u00ea ainda n\u00e3o tem um, voc\u00ea precisar\u00e1 criar um novo formul\u00e1rio.<\/p>\n No formul\u00e1rio, voc\u00ea pode configur\u00e1-lo para aceitar os dados que quiser. Voc\u00ea pode at\u00e9 ter um campo obrigat\u00f3rio para uma mensagem. Como voc\u00ea pode ver, isso oferece muito mais personaliza\u00e7\u00e3o do que o plugin Simple Pay que passamos acima. Basta garantir que voc\u00ea tem o campo do cart\u00e3o de cr\u00e9dito e o pre\u00e7o. Tudo \u00e9 arrastar e largar em Gravity Forms, por isso \u00e9 r\u00e1pido e f\u00e1cil de criar isto.<\/p>\n Depois de criar o seu formul\u00e1rio, voc\u00ea precisa prend\u00ea-lo ao Stripe com um feed. Clique nas configura\u00e7\u00f5es do pr\u00f3prio formul\u00e1rio e em “Stripe”. Voc\u00ea pode definir o tipo de transa\u00e7\u00e3o e o montante de pagamento. Depois clique em “Update Settings” (Atualizar Configura\u00e7\u00f5es).<\/p>\n Ent\u00e3o voc\u00ea pode inserir seu formul\u00e1rio em uma p\u00e1gina ou postar. No editor WordPress Gravity Forms tem um bot\u00e3o chamado “Add Form” (Adicionar Formul\u00e1rio). Selecione o formul\u00e1rio que voc\u00ea criou e clique em “Inserir formul\u00e1rio”.<\/p>\n E \u00e9 s\u00f3 isso. O seu formul\u00e1rio \u00e9 agora um formul\u00e1rio totalmente funcional que est\u00e1 integrado com Stripe e capaz de capturar pagamentos.<\/p>\n Uma terceira configura\u00e7\u00e3o comum ao usar Stripe para WordPress \u00e9 us\u00e1-lo com o WooCommerce. Com mais de 3 milh\u00f5es de instala\u00e7\u00f5es ativas, uma classifica\u00e7\u00e3o de 4,6 utilizadores no WordPress.org, o WooCommerce<\/a> \u00e9 uma das solu\u00e7\u00f5es de com\u00e9rcio eletr\u00f4nico gratuito mais populares para WordPress. Em Dezembro de 2019, o WooCommerce tinha mais de 7% de todas as lojas online<\/a>.<\/p>\n E a grande not\u00edcia \u00e9 que a partir de fevereiro de 2016, Stripe est\u00e1 livre<\/a> para usar com o WooCommerce! Anteriormente voc\u00ea tinha que comprar o Stripe payment gateway diretamente do WooCommerce, que come\u00e7ou em $79 por uma \u00fanica licen\u00e7a de site. Isto diminui significativamente a barreira de entrada para quem quer lan\u00e7ar uma loja WooCommerce e aceitar cart\u00f5es de cr\u00e9dito com Stripe. Este tutorial abaixo assume que voc\u00ea j\u00e1 tem o WooCommerce em funcionamento. Se n\u00e3o o fizer, veja o nosso tutorial detalhado de WooCommerce<\/a>.<\/p>\n A primeira coisa que voc\u00ea precisa fazer \u00e9 instalar o plugin gratuito do WooCommerce Stripe Payment Gateway<\/a>. Tem atualmente mais de 300.000 instala\u00e7\u00f5es ativas com uma classifica\u00e7\u00e3o de 4,7 das 5 estrelas.<\/p>\n Voc\u00ea pode baixar o plugin do reposit\u00f3rio WordPress ou procurando por ele dentro do seu painel de controle do WordPress em “Add New” plugins.<\/p>\n Em seguida, clique nas configura\u00e7\u00f5es do WooCommerce no painel e clique na guia “Checkout”. Voc\u00ea vai querer ativar a Stripe e inserir suas chaves Stripe API<\/a>, que voc\u00ea pode pegar no painel de controle da sua conta Stripe. Voc\u00ea tamb\u00e9m pode escolher se deseja ou n\u00e3o ativar o “Stripe Checkout”. O checkout com Stripes mostra um bot\u00e3o de pagamento e um formul\u00e1rio de cart\u00e3o de cr\u00e9dito modal no checkout em vez dos campos cl\u00e1ssicos do cart\u00e3o de cr\u00e9dito. Em seguida, role para baixo e clique em “Salvar mudan\u00e7as”.<\/p>\n Depois, sob o separador “Checkout”, clique em “Op\u00e7\u00f5es de Checkout”. Vai querer ativar “For\u00e7ar checkout seguro”. Lembre-se que Stripe requer SSL para aceitar cart\u00f5es de cr\u00e9dito com seguran\u00e7a no seu site WordPress. Em seguida, role para baixo e clique em “Salvar mudan\u00e7as”.<\/p>\n E \u00e9 s\u00f3 isso. As suas p\u00e1ginas de checkout devem agora poder aceitar cart\u00f5es de cr\u00e9dito com Stripe. Aqui est\u00e3o alguns exemplos.<\/p>\n Caixa de Stripes Padr\u00e3o do WooCommerce Esta \u00e9 a apar\u00eancia padr\u00e3o da Stripe numa p\u00e1gina de checkout do WooCommerce com campos de cart\u00e3o de cr\u00e9dito em linha na p\u00e1gina.<\/p>\n WooCommerce com Op\u00e7\u00e3o de Caixa de Stripes Ativado<\/strong><\/p>\n Este \u00e9 o visual se voc\u00ea habilitar a op\u00e7\u00e3o “Stripe Checkout” nas configura\u00e7\u00f5es. O cliente clica em “Continuar a pagar” e recebe o modal Stripe.<\/p>\n Uma quarta configura\u00e7\u00e3o comum ao usar Stripe para WordPress \u00e9 us\u00e1-la com o Easy Digital Downloads<\/a>. Tal como o WooCommerce, o Easy Digital Downloads<\/a> \u00e9 uma solu\u00e7\u00e3o popular de com\u00e9rcio eletr\u00f4nico gratuito para WordPress. \u00c9 usado principalmente para vender produtos digitais, no entanto, h\u00e1 tamb\u00e9m uma extens\u00e3o para adapt\u00e1-lo para produtos f\u00edsicos. Tornou-se realmente uma alternativa ao WooCommerce agora. Tem atualmente mais de 50.000 instala\u00e7\u00f5es ativas com 4,8 na classifica\u00e7\u00e3o de 5 estrelas. Este tutorial abaixo assume que voc\u00ea j\u00e1 tem o EDD em funcionamento. Se n\u00e3o o fizer, consulte a documenta\u00e7\u00e3o do Easy Digital Downloads<\/a>.<\/p>\n A \u00fanica queda para a integra\u00e7\u00e3o Easy Digital Downloads Stripe \u00e9 que ela requer a extens\u00e3o premium, que come\u00e7a em $89,00 para uma licen\u00e7a de um \u00fanico site. No entanto, isso pode valer a pena para si se preferir o EDD e quiser usar o Stripe.<\/p>\n Baixe, instale e ative a extens\u00e3o do Stripe gateway de pagamento<\/a>.<\/p>\n Em Downloads (que \u00e9 EDD), clique em Settings, e depois em Payment Gateways gab. Nas configura\u00e7\u00f5es do Gateway, voc\u00ea vai querer verificar a Stripe para ativ\u00e1-lo. Depois mude o gateway padr\u00e3o para Stripe. Voc\u00ea tamb\u00e9m pode ent\u00e3o selecionar os \u00edcones dos cart\u00f5es de cr\u00e9dito a serem mostrados no checkout. Depois clique em “Guardar altera\u00e7\u00f5es”.<\/p>\n Na guia Gateways de pagamento, clique em “Stripe”. Voc\u00ea vai querer inserir suas chaves Stripe API<\/a>, que voc\u00ea pode pegar no painel da sua conta Stripe. Voc\u00ea tamb\u00e9m precisa configurar os ganchos da Web.<\/p>\n![\"stripe\"](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/stripe-logo.png\"){kind=logo}
<\/p>\nPreparar a Stripe para WordPress<\/h2>\n
\n
<\/a> Como Configurar a Stripe no site WordPress B\u00e1sico<\/h2>\n
![\"WP](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/wp-simple-pay-lite-para-plugin-stripe.jpg\" "\\"WP")
<\/a>Passo 1<\/h3>\n
![\"Instalar](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/instalar-plugin-wp-simple-pay-lite.jpg\" "\\"Install")
Passo 2<\/h3>\n
![\"Teclas](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/teclas-api-wp-simple-pay-lite.jpg\" "\\"WP")
Passo 3<\/h3>\n
![\"Defini\u00e7\u00f5es](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/definicoes-wp-simple-play-stripe.jpg\" "\\"WP")
Passo 4<\/h3>\n
[stripe name=\"My Store\" description=\"My Product\" amount=\"1999\"]<\/pre>\n
![\"wp](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/wp-simple-pay-pago-1.jpg\" "\\"WP")
![\"Bot\u00e3o](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/botao-atalho-stripe.jpg\" "\\"Stripe")
<\/a> Como Configurar Stripe com os Gravity Forms<\/h2>\n
![\"gravity](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/gravity-forms.png\")
Passo 1<\/h3>\nPasso 2<\/h3>\n
![\"Gravity](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/gravity-forms-configuracoes-stripes.jpg\" "\\"Gravity")
Passo 3<\/h3>\n
\n
\nhttps:\/\/dashboard.example.com\/account\/webhooks<\/a><\/li>\nhttps:\/\/yourdomain.com\/?callback=gravityformsstripe<\/code><\/li>\n![\"Gancho](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/gancho-correia-gravity-forms.jpg\" "\\"Stripe")
![\"Actualiza\u00e7\u00e3o](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/actualizacao-ganchos-stripes.jpg\" "\\"Update")
Passo 4<\/h3>\n
![\"Criar](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/criar-novo-formulario-gravity-forms.jpg\" "\\"Create")
Passo 5<\/h3>\n
![\"Formul\u00e1rio](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/gravity-forms-formulario-faturamento.jpg\" "\\"Billing")
Passo 6<\/h3>\n
![\"Alimenta\u00e7\u00e3o](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/alimentacao-formulario-faturamento.jpg\" "\\"Billing")
Passo 7<\/h3>\n
![\"Inserir](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/inserir-formul\u00e1rio.jpg\" "\\"Insert")
![\"Cart\u00f5es](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/cartoes-credito-gravity-forms.jpg\" "\\"Credit")
<\/a>Como Configurar Stripe no WooCommerce<\/h2>\n
![\"woocommerce\"](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/woocommerce-logo.png\"){kind=logo}
<\/p>\nPasso 1<\/h3>\n
![\"Plugin](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/woocommerce-stripe-payment-gateway.jpg\" "\\"WooCommerce")
Passo 2<\/h3>\n
![\"WooCommerce](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/woocommerce-definicoes-stripes.jpg\" "\\"WooCommerce")
Passo 3<\/h3>\n
![\"WooCommerce](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/woocommerce-forca-seguranca-checkout.jpg\" "\\"WooCommerce")
\n<\/strong><\/p>\n![\"Checkout](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/checkout-cartao-credito-woocommerce.jpg\" "\\"Credit")
![\"Caixa](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/caixa-stripes-woocommerce.jpg\" "\\"Stripe")
<\/a>Como Configurar Stripe no Easy Digital Downloads<\/h2>\n
![\"easy](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/easy-digital-downloads.png\")
<\/p>\nPasso 1<\/h3>\n
Passo 2<\/h3>\n
![\"Configura\u00e7\u00f5es](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/configuracoes-gateway-pagamento-edd-stripe.jpg\" "\\"EDD")
Passo 3<\/h3>\n
\n
\nhttps:\/\/dashboard.example.com\/account\/webhooks<\/a><\/li>\n
![\"Defini\u00e7\u00f5es](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/definicoes-stripes-edd.jpg\" "\\"Stripe")
![\"Checkout](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/checkout-cartao-credito-edd.jpg\" "\\"Stripe")
![\"Caixa](\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/01\/caixa-stripes-edd.jpg\" "\\"Stripe")