{"id":41033,"date":"2020-12-29T05:37:03","date_gmt":"2020-12-29T13:37:03","guid":{"rendered":"https:\/\/kinsta.com\/?p=85725&#038;preview=true&#038;preview_id=85725"},"modified":"2025-02-14T09:12:12","modified_gmt":"2025-02-14T12:12:12","slug":"woocommerce-checkout","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/","title":{"rendered":"O Guia Completo para o WooCommerce Checkout &#8211; Personaliza\u00e7\u00e3o, Mudan\u00e7a de Modelo, Cria\u00e7\u00e3o de Checkout de Uma P\u00e1gina"},"content":{"rendered":"<p>O WooCommerce \u00e9 um plugin flex\u00edvel e poderoso que voc\u00ea pode usar para transformar seu site WordPress em uma loja de com\u00e9rcio eletr\u00f4nico din\u00e2mica. Entretanto, se voc\u00ea estiver procurando reduzir o <a href=\"https:\/\/kinsta.com\/pt\/blog\/abandono-do-carrinho-de-compras\/\">abandono do carrinho de compras<\/a>, <a href=\"https:\/\/kinsta.com\/pt\/blog\/tutorial-woocommerce\/\">conduzir convers\u00f5es<\/a> e aumentar a receita, \u00e9 importante prestar aten\u00e7\u00e3o cuidadosa \u00e0 sua p\u00e1gina de checkout do WooCommerce.<\/p>\n<p>H\u00e1 tantas maneiras diferentes de estilizar e editar a p\u00e1gina de checkout no WooCommerce. Se voc\u00ea est\u00e1 come\u00e7ando sua primeira loja on-line e procurando entender como esta p\u00e1gina funciona, ou se voc\u00ea quer melhorar a experi\u00eancia de checkout em seu site WooCommerce existente, n\u00f3s temos voc\u00ea coberto.<\/p>\n<p>Neste post, explicaremos o que \u00e9 a p\u00e1gina de checkout do WooCommerce e como ele funciona. Em seguida, vamos lhe mostrar as muitas op\u00e7\u00f5es que voc\u00ea tem para estilizar, mudar e aproveitar para otimizar as convers\u00f5es usando plugins, c\u00f3digo, temas e muito mais.<\/p>\n<p>Vamos entrar logo!<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\"><div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/span><\/p>\n<h2>Uma vis\u00e3o geral da p\u00e1gina de checkout do WooCommerce<\/h2>\n<p>Quando voc\u00ea <a href=\"https:\/\/kinsta.com\/pt\/blog\/tutorial-woocommerce\/\">monta sua primeira loja WooCommerce<\/a>, o plugin cria e atribui automaticamente uma p\u00e1gina de checkout. Se voc\u00ea visualiz\u00e1-la na parte frontal do seu site, voc\u00ea notar\u00e1 que \u00e9 bastante simples:<\/p>\n<figure style=\"width: 1225px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-page.png\" alt=\"A p\u00e1gina de checkout padr\u00e3o do WooCommerce.\" width=\"1225\" height=\"795\"><figcaption class=\"wp-caption-text\">A p\u00e1gina de checkout padr\u00e3o do WooCommerce.<\/figcaption><\/figure>\n<p>Por padr\u00e3o, o WooCommerce pede aos clientes algumas informa\u00e7\u00f5es b\u00e1sicas. Isto inclui:<\/p>\n<ul>\n<li>Detalhes de faturamento<\/li>\n<li>Nome e sobrenome<\/li>\n<li>Nome da empresa<\/li>\n<li>Endere\u00e7o (Cidade\/Cidade, Pa\u00eds, Distrito e C\u00f3digo Postal\/ZIP)<\/li>\n<li>N\u00famero de telefone<\/li>\n<li>Endere\u00e7o de e-mail<\/li>\n<li>Notas de encomenda<\/li>\n<li>Declara\u00e7\u00e3o de pol\u00edtica de privacidade<\/li>\n<\/ul>\n<p>Esta \u00e9 uma informa\u00e7\u00e3o importante a ser inclu\u00edda em uma p\u00e1gina de checkout do WooCommerce. Ela fornece os detalhes necess\u00e1rios para que um cliente complete sua compra, e para que o site processe suas informa\u00e7\u00f5es de pagamento.<\/p>\n<p>Entretanto, n\u00e3o h\u00e1 nada aqui que esteja necessariamente ajudando a aumentar as convers\u00f5es ou a reduzir o abandono das caixas. Al\u00e9m disso, a p\u00e1gina padr\u00e3o pode n\u00e3o oferecer as informa\u00e7\u00f5es mais relevantes ou \u00fateis para seu neg\u00f3cio espec\u00edfico. Portanto, como muitos <a href=\"https:\/\/kinsta.com\/webinars\/website-prep-black-friday-cyber-monday\/\">propriet\u00e1rios de sites WooCommerce<\/a>, voc\u00ea pode estar procurando mudar tanto o design quanto o conte\u00fado de sua p\u00e1gina de checkout.<\/p>\n<p>Antes de entrarmos nas diferentes formas de personalizar a p\u00e1gina de checkout no WooCommerce, h\u00e1 algumas coisas a entender primeiro.<\/p>\n<p>Vamos falar sobre onde encontrar esta p\u00e1gina, assim como as v\u00e1rias configura\u00e7\u00f5es e recursos padr\u00e3o dispon\u00edveis dentro do <a href=\"https:\/\/kinsta.com\/pt\/blog\/plugins-woocommerce\/\">plugin WooCommerce<\/a>.<\/p>\n<h3>Onde encontrar a p\u00e1gina e as configura\u00e7\u00f5es padr\u00e3o do WooCommerce Checkout<\/h3>\n<p>O WooCommerce cria automaticamente uma p\u00e1gina de checkout para sua loja assim que voc\u00ea ativa o plugin. Voc\u00ea pode localiz\u00e1-la navegando para <strong>P\u00e1ginas <\/strong>&gt; <strong>Checkout <\/strong>em seu <a href=\"https:\/\/kinsta.com\/pt\/blog\/painel-administrativo-wordpress\/\">painel de administra\u00e7\u00e3o<\/a>:<\/p>\n<figure style=\"width: 956px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/pages-woocommerce-checkout.jpg\" alt=\"A p\u00e1gina de Checkout no WooCommerce.\" width=\"956\" height=\"455\"><figcaption class=\"wp-caption-text\">A p\u00e1gina de Checkout no WooCommerce.<\/figcaption><\/figure>\n<p>Voc\u00ea pode editar esta p\u00e1gina exatamente como faria com qualquer conte\u00fado WordPress. Por exemplo, voc\u00ea pode alterar o t\u00edtulo e permalink da p\u00e1gina, adicionar uma imagem em destaque, modificar os atributos da p\u00e1gina, etc. Tamb\u00e9m usa o <a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-shortcodes\/\">atalho [woocommerce_checkout]<\/a>:<\/p>\n<figure style=\"width: 1489px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-shortcode.png\" alt=\"O atalho da p\u00e1gina de checkout do WooCommerce no WordPress.\" width=\"1489\" height=\"587\"><figcaption class=\"wp-caption-text\">O atalho da p\u00e1gina de checkout do WooCommerce no WordPress.<\/figcaption><\/figure>\n<p>H\u00e1 um punhado de op\u00e7\u00f5es padr\u00e3o para configurar esta p\u00e1gina, algumas das quais voc\u00ea pode encontrar em <strong>WooCommerce <\/strong>&gt; <strong>Settings <\/strong>&gt; <strong>Advanced:<\/strong><\/p>\n<figure style=\"width: 1086px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-settings-advanced.png\" alt=\"A aba 'Avan\u00e7ado' em configura\u00e7\u00f5es do WooCommerce\" width=\"1086\" height=\"578\"><figcaption class=\"wp-caption-text\">A aba &#8216;Avan\u00e7ado&#8217; em configura\u00e7\u00f5es do WooCommerce<\/figcaption><\/figure>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">Nesta tela, sob a se\u00e7\u00e3o <\/span><strong style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">Configurar P\u00e1gina<\/strong><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">, voc\u00ea pode selecionar uma p\u00e1gina diferente<\/span><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\"> para usar como tela de checkout para sua loja. Voc\u00ea tamb\u00e9m tem a op\u00e7\u00e3o de for\u00e7ar <\/span><a style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\" href=\"https:\/\/kinsta.com\/pt\/blog\/http-para-https\/\">uma conex\u00e3o HTTPS segura<\/a><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">.<\/span><\/p>\n<p>Na p\u00e1gina Configura\u00e7\u00f5es <strong>gerais<\/strong>, voc\u00ea pode permitir que os cupons sejam usados no checkout, e configurar como os impostos ser\u00e3o calculados:<\/p>\n<figure style=\"width: 910px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-coupons-taxes.png\" alt=\"A p\u00e1gina de configura\u00e7\u00f5es gerais no WooCommerce.\" width=\"910\" height=\"428\"><figcaption class=\"wp-caption-text\">A p\u00e1gina de configura\u00e7\u00f5es gerais no WooCommerce.<\/figcaption><\/figure>\n<p>Na aba <strong>Contabilidade e Privacidade, <\/strong>voc\u00ea tamb\u00e9m pode encontrar algumas op\u00e7\u00f5es para cria\u00e7\u00e3o de contas e checkouts de convidados:<\/p>\n<figure style=\"width: 1242px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-accounts-privacy.png\" alt=\"A guia 'Contas e Privacidade' das configura\u00e7\u00f5es do WooCommerce\" width=\"1242\" height=\"407\"><figcaption class=\"wp-caption-text\">A guia &#8216;Contas e Privacidade&#8217; das configura\u00e7\u00f5es do WooCommerce<\/figcaption><\/figure>\n<p>Abaixo disso, h\u00e1 uma se\u00e7\u00e3o de <strong>Pol\u00edtica de privacidade <\/strong>onde voc\u00ea pode modificar o texto da pol\u00edtica de privacidade que aparece na p\u00e1gina de checkout:<\/p>\n<figure style=\"width: 1049px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-privacy-policy.png\" alt=\"Configura\u00e7\u00f5es da pol\u00edtica de privacidade no WooCommerce\" width=\"1049\" height=\"290\"><figcaption class=\"wp-caption-text\">Configura\u00e7\u00f5es da pol\u00edtica de privacidade no WooCommerce<\/figcaption><\/figure>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">Al\u00e9m destas configura\u00e7\u00f5es integradas, voc\u00ea tem op\u00e7\u00f5es limitadas para personalizar sua p\u00e1gina de checkout usando apenas o plugin WooCommerce.<\/span><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\"> Felizmente, existem outros m\u00e9todos que voc\u00ea pode usar para melhorar sua apar\u00eancia e ampliar sua funcionalidade.<\/span><\/p>\n<h2>Por que voc\u00ea pode querer mudar sua p\u00e1gina de checkout do WooCommerce<\/h2>\n<p>A p\u00e1gina de checkout \u00e9 a \u00faltima coisa que os clientes v\u00eaem antes de concluir suas compras. Ela pode fazer a diferen\u00e7a entre se eles acabam convertendo ou abandonando seu site completamente.<\/p>\n<p>Como tal, \u00e9 essencial garantir que sua p\u00e1gina de checkout do WooCommerce seja bem projetada e funcione de forma a incentivar convers\u00f5es. H\u00e1 muitas maneiras de voc\u00ea proporcionar uma experi\u00eancia melhor, como por exemplo, por<\/p>\n<ul>\n<li>Mudando o design e o modelo da p\u00e1gina<\/li>\n<li>Criando um checkout de uma p\u00e1gina<\/li>\n<li>Acr\u00e9scimo, remo\u00e7\u00e3o ou rearranjo de campos<\/li>\n<li>Mudan\u00e7a de etiquetas de campo de entrada e texto de bot\u00e3o<\/li>\n<li>Exigindo o preenchimento de certos campos<\/li>\n<li>Acionar automaticamente o envio gratuito<\/li>\n<li>Vincula\u00e7\u00e3o direta de produtos \u00e0 p\u00e1gina de checkout<\/li>\n<\/ul>\n<p>Quer voc\u00ea queira revisar completamente a p\u00e1gina padr\u00e3o ou fazer pequenas modifica\u00e7\u00f5es, o importante \u00e9 que voc\u00ea seja capaz de fazer isso com facilidade. Felizmente, voc\u00ea tem v\u00e1rias op\u00e7\u00f5es.<\/p>\n\n<h2>M\u00e9todos que voc\u00ea pode usar para mudar sua p\u00e1gina de checkout do WooCommerce<\/h2>\n<p>H\u00e1 muitas maneiras de mudar sua p\u00e1gina de checkout do WooCommerce. A melhor para usar depende de um punhado de fatores, tais como a edi\u00e7\u00e3o espec\u00edfica que voc\u00ea est\u00e1 tentando fazer e seu n\u00edvel de conforto com a codifica\u00e7\u00e3o.<\/p>\n<p>Alguns dos m\u00e9todos que voc\u00ea pode usar para melhorar sua p\u00e1gina de checkout do WooCommerce incluem:<\/p>\n<ul>\n<li><strong>Caracter\u00edsticas do WooCommerce, blocos e c\u00f3digos de atalho<\/strong>. O WooCommerce vem com alguns recursos e configura\u00e7\u00f5es embutidos que voc\u00ea pode usar para melhorar sua loja. Por exemplo, voc\u00ea pode acionar automaticamente o envio gratuito, assim como vincular diretamente os produtos \u00e0 p\u00e1gina de checkout. H\u00e1 tamb\u00e9m blocos e <a href=\"https:\/\/kinsta.com\/pt\/blog\/codigo-curto-wordpress\/\">atalhos<\/a> para modificar a p\u00e1gina.<\/li>\n<li><strong>Plugins e extens\u00f5es<\/strong>. Se voc\u00ea n\u00e3o \u00e9 especialista em tecnologia ou simplesmente quer uma maneira r\u00e1pida e sem complica\u00e7\u00f5es de melhorar sua p\u00e1gina de checkout do WooCommerce, <a href=\"https:\/\/kinsta.com\/pt\/blog\/plugins-woocommerce\/\">h\u00e1 muitos plugins que voc\u00ea pode usar<\/a>. A maioria \u00e9 f\u00e1cil de come\u00e7ar e requer pouco suporte. Alguns complementos s\u00e3o fornecidos pelo WooCommerce e dispon\u00edveis na <a href=\"https:\/\/kinsta.com\/pt\/blog\/extensoes-woocommerce\/\">biblioteca de extens\u00e3o<\/a>, enquanto outros s\u00e3o desenvolvidos e oferecidos por plataformas de terceiros.<\/li>\n<li><strong>Modelos de p\u00e1ginas e temas. <\/strong>Se voc\u00ea quiser mudar o estilo da sua p\u00e1gina de checkout, voc\u00ea pode usar um <a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-woocommerce\/\">modelo ou tema pr\u00e9-constru\u00eddo<\/a>. Assim como os plugins, esta \u00e9 uma op\u00e7\u00e3o s\u00f3lida se voc\u00ea tiver experi\u00eancia limitada em codifica\u00e7\u00e3o e quiser fazer mudan\u00e7as na apar\u00eancia geral da p\u00e1gina, a fim de combinar melhor com sua marca. A desvantagem \u00e9 que ela n\u00e3o oferece tanta flexibilidade quanto uma codifica\u00e7\u00e3o personalizada.<\/li>\n<li><strong>C\u00f3digo personalizado<\/strong>. Outro m\u00e9todo que voc\u00ea pode utilizar para alterar a p\u00e1gina de checkout do WooCommerce \u00e9 a codifica\u00e7\u00e3o personalizada. Este \u00e9 um caminho poderoso se voc\u00ea estiver confort\u00e1vel editando os arquivos do seu site e quiser adicionar muita personaliza\u00e7\u00e3o.<\/li>\n<\/ul>\n<p>Nas se\u00e7\u00f5es seguintes, daremos uma olhada em algumas das mudan\u00e7as mais efetivas que voc\u00ea pode fazer em sua p\u00e1gina de WooCommerce. Para cada uma delas, explicaremos porque voc\u00ea pode querer fazer a edi\u00e7\u00e3o, e o acompanharemos atrav\u00e9s dos diferentes m\u00e9todos que voc\u00ea pode usar para fazer a edi\u00e7\u00e3o.<\/p>\n<h2>Como personalizar os campos checkout do WooCommerce<\/h2>\n<p>Uma das mudan\u00e7as mais comuns que voc\u00ea pode fazer em uma p\u00e1gina do WooCommerce \u00e9 modificar seus campos de forma. Estes normalmente ocupam o maior espa\u00e7o na p\u00e1gina, portanto, precisam ser relevantes. Quer voc\u00ea queira remover campos, reorganizar seu pedido ou adicionar novos campos personalizados, voc\u00ea tem um par de op\u00e7\u00f5es para fazer isso. Voc\u00ea pode usar um plugin ou editar o c\u00f3digo diretamente.<\/p>\n<h3>Usando um Plugin para mudar os campos de checkout do WooCommerce<\/h3>\n<p>Se voc\u00ea deseja uma maneira r\u00e1pida e simples de personalizar os campos de checkout no WooCommerce, recomendamos o uso de um plugin. H\u00e1 um punhado de op\u00e7\u00f5es para escolher.<\/p>\n<p>Um dos mais populares \u00e9 o <a href=\"https:\/\/wordpress.org\/plugins\/woo-checkout-field-editor-pro\/\">plug-in do Checkout Field Editor<\/a>:<\/p>\n<figure style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/checkout-field-editor.png\" alt=\"O Plugin do Editor de Campo de Checkout WooCommerce\" width=\"928\" height=\"299\"><figcaption class=\"wp-caption-text\">O Plugin do Editor de Campo de Checkout WooCommerce<\/figcaption><\/figure>\n<p>Esta \u00e9 uma ferramenta freemium que lhe permite adicionar ou editar os campos do formul\u00e1rio em sua p\u00e1gina de checkout do WooCommerce. Voc\u00ea pode ativar ou desativar certos campos, assim como reorganizar seus pedidos.<\/p>\n<p>Embora a vers\u00e3o gratuita permita que voc\u00ea administre estas tarefas b\u00e1sicas, o <a href=\"https:\/\/www.themehigh.com\/product\/woocommerce-checkout-field-editor-pro\/\">WooCommerce Checkout Field Editor Pro<\/a> vem com funcionalidade adicional. Isto inclui 17 tipos de campo e ganchos personalizados.<\/p>\n<p>Para usar este plugin, voc\u00ea pode instal\u00e1-lo em seu site WooCommerce navegando para <strong>Plugins <\/strong>&gt; <strong>Adicionar novo <\/strong>e depois procurando por ele. Uma vez encontrado, clique no bot\u00e3o <strong>Install Now<\/strong>, seguido por <strong>Activate<\/strong>.<\/p>\n<p>Quando estiver ativado, voc\u00ea pode configurar as configura\u00e7\u00f5es indo para <strong>WooCommerce &gt; Formul\u00e1rio de Checkout<\/strong>:<\/p>\n<figure style=\"width: 1022px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/checkout-form-editor.png\" alt=\"O plug-in do Editor de Formul\u00e1rio de Checkout no WooCommerce\" width=\"1022\" height=\"505\"><figcaption class=\"wp-caption-text\">O plug-in do Editor de Formul\u00e1rio de Checkout no WooCommerce<\/figcaption><\/figure>\n<p>H\u00e1 tr\u00eas tipos diferentes de campos que voc\u00ea pode editar:<\/p>\n<ol>\n<li>Faturamento<\/li>\n<li>Expedi\u00e7\u00e3o<\/li>\n<li>Adicional<\/li>\n<\/ol>\n<p>Voc\u00ea pode selecionar qualquer campo que queira alterar e depois clicar no bot\u00e3o <strong>Remover<\/strong>, <strong>Habilitar <\/strong>ou <strong>Desabilitar<\/strong>. Para adicionar um novo campo, selecione <strong>Adicionar campo<\/strong>.<\/p>\n<p>Se voc\u00ea quiser mudar um campo de formul\u00e1rio existente, selecione a caixa \u00e0 esquerda, e clique no bot\u00e3o <strong>Editar<\/strong>. Um painel ser\u00e1 aberto onde voc\u00ea poder\u00e1 alterar o tipo de campo (somente na vers\u00e3o premium), editar a etiqueta do campo, escolher se ele ser\u00e1 necess\u00e1rio, e muito mais:<\/p>\n<figure style=\"width: 991px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/edit-checkout-field.png\" alt=\"O painel de campo editar checkout no plugin WooCommerce do Checkout Editor de Campo\" width=\"991\" height=\"544\"><figcaption class=\"wp-caption-text\">O painel de campo editar checkout no plugin WooCommerce do Checkout Editor de Campo<\/figcaption><\/figure>\n<p>Quando terminar, clique no bot\u00e3o <strong>Salvar<\/strong>. Quando terminar de fazer todas as mudan\u00e7as desejadas nos campos da p\u00e1gina de checkout, n\u00e3o se esque\u00e7a de clicar em <strong>Salvar mudan\u00e7as <\/strong>na parte inferior da tela.<\/p>\n<p>Para uma orienta\u00e7\u00e3o mais detalhada, voc\u00ea pode consultar a documenta\u00e7\u00e3o do WooCommerce sobre o <a href=\"https:\/\/docs.woocommerce.com\/document\/checkout-field-editor\/\">uso do plug-in do Checkout Field Editor<\/a>.<\/p>\n<p>\u00c9 claro, este \u00e9 apenas um dos muitos plugins que voc\u00ea pode usar para mudar seus campos de checkout do WooCommerce. Outras op\u00e7\u00f5es que vale a pena considerar incluem os <a href=\"https:\/\/wordpress.org\/plugins\/flexible-checkout-fields\/\">Flexible Checkout Fields<\/a> e <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-checkout-manager\/\">WooCommerce Checkout Manager<\/a>, que discutiremos mais adiante neste post.<\/p>\n<h3>Editando os campos de checkout usando c\u00f3digo<\/h3>\n<p>Outra op\u00e7\u00e3o para editar os campos em sua p\u00e1gina de checkout do WooCommerce \u00e9 usar uma codifica\u00e7\u00e3o personalizada. Naturalmente, isto requer um certo n\u00edvel de conhecimento t\u00e9cnico e conforto ao trabalhar com os arquivos do seu site. A vantagem \u00e9 que voc\u00ea tem mais flexibilidade em termos de personaliza\u00e7\u00e3o do que voc\u00ea teria com um plugin de terceiros.<\/p>\n<p>Voc\u00ea pode editar seus campos de checkout usando as <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/theme-functions\/\"><em>fun\u00e7\u00f5es.php <\/em>do seu site<\/a> e filtros como, por exemplo:<\/p>\n<ul>\n<li><em>woocommerce_checkout_fields<\/em><\/li>\n<li><em>woocommerce_billing_fields<\/em><\/li>\n<li><em>Woocommerce_shipping_fields<\/em><\/li>\n<\/ul>\n<p>As <a href=\"https:\/\/docs.woocommerce.com\/document\/tutorial-customising-checkout-fields-using-actions-and-filters\/\">a\u00e7\u00f5es e filtros do WooCommerce<\/a> permitem manipular os campos de checkout quase da maneira que voc\u00ea desejar. Por exemplo, voc\u00ea pode remov\u00ea-los completamente, adicionar novos campos ou alterar o texto exibido. Usando o filtro <em>woocommerce_checkout_fields <\/em>permitir\u00e1 que voc\u00ea sobreponha qualquer campo.<\/p>\n<p>Digamos que voc\u00ea queira alterar o texto do espa\u00e7o reservado para o campo <em>order_comments<\/em>. Por padr\u00e3o, ele \u00e9 definido como o seguinte:<\/p>\n<pre><code class=\"language-php\">_x('Notes about your order, e.g. special notes for delivery.', 'placeholder', 'woocommerce')<\/code><\/pre>\n<p>Para mud\u00e1-lo, voc\u00ea pode adicionar este trecho de c\u00f3digo ao seu arquivo <em>functions.php:<\/em><\/p>\n<pre><code class=\"language-php\">\/\/ Hook in\n\nadd_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );\n\n\/\/ Our hooked in function - $fields is passed via the filter!\n\nfunction custom_override_checkout_fields( $fields ) {\n\n$fields['order']['order_comments']['placeholder'] = 'My new placeholder';\n\nreturn $fields;\n\n}<\/code><\/pre>\n<p>Para remover um campo, voc\u00ea pode usar o seguinte:<\/p>\n<pre><code class=\"language-php\">\/\/ Hook in\nadd_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );\n\n\/\/ Our hooked in function - $fields is passed via the filter!\nfunction custom_override_checkout_fields( $fields ) {\n\nunset($fields['order']['order_comments']);\n\nreturn $fields;<\/code><\/pre>\n<p>H\u00e1 muitas mudan\u00e7as que voc\u00ea pode fazer nos campos em sua p\u00e1gina de checkout, portanto n\u00e3o vamos explorar todas elas aqui. Voc\u00ea pode encontrar uma lista \u00fatil de <a href=\"https:\/\/gist.github.com\/woogists\/7241afdfa6f21d561ce85f7247a0f282#file-wc-override-checkout-fields-php\">c\u00f3digos de campo de anula\u00e7\u00e3o de checkout no GitHub<\/a><\/p>\n<h2>Como mudar o modelo da p\u00e1gina de checkout do WooCommerce<\/h2>\n<p>Por padr\u00e3o, seu modelo de p\u00e1gina de checkout do WooCommerce ser\u00e1 baseado no tema do seu site. Mas talvez voc\u00ea queira alterar o design para melhor se adequar \u00e0 sua marca ou talvez queira apenas fazer pequenas altera\u00e7\u00f5es no conte\u00fado da p\u00e1gina modelo.<\/p>\n<p>Os dois principais m\u00e9todos que voc\u00ea pode usar para mudar isso s\u00e3o o uso de um modelo pr\u00e9-constru\u00eddo ou a adi\u00e7\u00e3o de c\u00f3digo. Vamos come\u00e7ar com o primeiro.<\/p>\n<h3>Come\u00e7ando com um modelo pr\u00e9-constru\u00eddo para personalizar sua p\u00e1gina de checkout<\/h3>\n<p>A maneira mais f\u00e1cil de mudar o design de sua p\u00e1gina de checkout do WooCommerce \u00e9 <a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-mais-rapidos-woocommerce\/\">instalando um tema pr\u00e9-constru\u00eddo<\/a>, como os da <a href=\"https:\/\/woocommerce.com\/product-category\/themes?\">Loja de Temas do WooCommerce<\/a>. H\u00e1 uma variedade de op\u00e7\u00f5es gratuitas dispon\u00edveis, bem como temas premium.<\/p>\n<p>Voc\u00ea pode pesquisar por temas de checkout de uma p\u00e1gina, por exemplo, ou qualquer outro tipo de modelo espec\u00edfico que esteja interessado em utilizar. Voc\u00ea tamb\u00e9m pode encontrar muitos temas de WooCommerce no <a href=\"https:\/\/themeforest.net\/search\/woocommerce%20one%20page%20checkout\">Envato Market<\/a>.<\/p>\n<h3>Usando c\u00f3digo para personalizar o modelo de p\u00e1gina de checkout do WooCommerce<\/h3>\n<p>Se <a href=\"https:\/\/kinsta.com\/pt\/blog\/editar-codigo-wordpress\/\">voc\u00ea estiver confort\u00e1vel para editar o c\u00f3digo<\/a>, voc\u00ea tamb\u00e9m pode alterar manualmente o modelo da p\u00e1gina de checkout. Dependendo do seu provedor de hospedagem, voc\u00ea poder\u00e1 fazer isso atrav\u00e9s do Gerenciador de Arquivos no <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-cpanel\/\">cPanel<\/a> ou de <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-usar-sftp\/\">um cliente SFTP (Secure File Transfer Protocol)<\/a>.<\/p>\n<p>Voc\u00ea pode usar <a href=\"https:\/\/kinsta.com\/pt\/blog\/hooks-wordpress\/\">hooks<\/a> de a\u00e7\u00e3o para adicionar, editar ou remover elementos de sua p\u00e1gina de checkout. H\u00e1 nove ganchos de a\u00e7\u00e3o principais que o WooCommerce usa para a p\u00e1gina de checkout:<\/p>\n<ul>\n<li><em>woocommerce_before_checkout_form<\/em><\/li>\n<li><em>woocommerce_checkout_before_customer_details<\/em><\/li>\n<li><em>woocommerce_checkout_billing<\/em><\/li>\n<li><em>woocommerce_checkout_shipping<\/em><\/li>\n<li><em>woocommerce_checkout_after_customer_details<\/em><\/li>\n<li><em>woocommerce_checkout_before_order_review<\/em><\/li>\n<li><em>woocommerce_checkout_order_review<\/em><\/li>\n<li><em>woocommerce_checkout_after_order_review<\/em><\/li>\n<li><em>Woocommerce_after_checkout_form<\/em><\/li>\n<\/ul>\n<p>Estes ganchos de a\u00e7\u00e3o acrescentam marcas \u00e0 p\u00e1gina, que voc\u00ea pode usar para personalizar tanto seu estilo quanto sua funcionalidade. Se voc\u00ea quiser usar estes ganchos de a\u00e7\u00e3o para modificar seu modelo de p\u00e1gina de checkout, voc\u00ea pode faz\u00ea-lo editando o arquivo PHP do formul\u00e1rio de checkout.<\/p>\n<p>Voc\u00ea pode localizar os arquivos de <a href=\"https:\/\/docs.woocommerce.com\/document\/template-structure\/\">modelos do WooCommerce<\/a> em <strong><em>\/woocommerce\/templates<\/em><\/strong>. A partir do diret\u00f3rio raiz do seu site, voc\u00ea precisar\u00e1 navegar para <strong><em>wp-content\/plugins\/woocommerce<\/em><\/strong>:<\/p>\n<figure style=\"width: 1051px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-templates-folder.jpg\" alt=\"A pasta de modelos do WooCommerce\" width=\"1051\" height=\"386\"><figcaption class=\"wp-caption-text\">A pasta de modelos do WooCommerce<\/figcaption><\/figure>\n<p>Dentro destes arquivos, h\u00e1 ganchos que voc\u00ea pode usar para adicionar e reorganizar o conte\u00fado na p\u00e1gina de modelo, sem realmente editar os arquivos de modelo. Para criar um modelo de tema personalizado para sua p\u00e1gina de checkout, voc\u00ea precisar\u00e1 primeiro criar uma pasta &#8220;woocommerce\/checkout&#8221; dentro da pasta do seu tema.<\/p>\n<p>A seguir, copie o modelo da p\u00e1gina de checkout do WooCommerce, que voc\u00ea pode encontrar em <strong><em>woocommerce\/templates\/checkout\/form-checkout.php<\/em><\/strong>:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-form.jpg\" alt=\"O arquivo de modelo da p\u00e1gina de checkout do WooCommerce\" width=\"1000\" height=\"418\"><figcaption class=\"wp-caption-text\">O arquivo de modelo da p\u00e1gina de checkout do WooCommerce<\/figcaption><\/figure>\n<p>Em seguida, adicione-a \u00e0 nova pasta que voc\u00ea acabou de criar. Depois disso, voc\u00ea pode editar o arquivo para fazer as altera\u00e7\u00f5es desejadas. Quando voc\u00ea salvar o arquivo, o plugin do WooCommerce carregar\u00e1 este modelo e substituir\u00e1 o modelo de p\u00e1gina padr\u00e3o.<\/p>\n<h2>Como criar um checkout de uma p\u00e1gina do WooCommerce<\/h2>\n<p>Uma das maneiras de melhorar a experi\u00eancia de checkout para seus clientes, e no processo reduzir as taxas de abandono, \u00e9 torn\u00e1-la o mais r\u00e1pida e simples poss\u00edvel. Se voc\u00ea quiser encurtar o processo de checkout, pode faz\u00ea-lo criando um checkout de uma p\u00e1gina no WooCommerce.<\/p>\n<p>H\u00e1 v\u00e1rias maneiras de fazer isso. Como mencionamos anteriormente, voc\u00ea pode procurar por um tema de uma p\u00e1gina ou modelo que fornecer\u00e1 uma \u00fanica p\u00e1gina de checkout. Entretanto, se voc\u00ea gostar do seu tema atual, talvez n\u00e3o queira mud\u00e1-lo.<\/p>\n<p>Se for esse o caso, n\u00e3o se preocupe. Existem outras op\u00e7\u00f5es, como a <a href=\"https:\/\/woocommerce.com\/products\/woocommerce-one-page-checkout\/?_ga=2.83100246.1525586471.1605130294-53477992.1601660722\">extens\u00e3o premium WooCommerce One Page Checkout<\/a>:<\/p>\n<figure style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-one-page-checkout-extension.png\" alt=\"A extens\u00e3o do WooCommerce One Page Checkout\" width=\"1060\" height=\"484\"><figcaption class=\"wp-caption-text\">A extens\u00e3o do WooCommerce One Page Checkout<\/figcaption><\/figure>\n<p>Como esta solu\u00e7\u00e3o foi desenvolvida pelo WooCommerce, voc\u00ea sabe que ela \u00e9 segura, confi\u00e1vel e oferece muito apoio. Al\u00e9m de permitir que voc\u00ea transforme qualquer p\u00e1gina em uma p\u00e1gina de checkout, ela vem com uma infinidade de recursos para otimizar o processo de checkout de uma p\u00e1gina.<\/p>\n<p>Voc\u00ea pode:<\/p>\n<ul>\n<li>Mostrar tanto a sele\u00e7\u00e3o do produto quanto os formul\u00e1rios de checkout em uma p\u00e1gina.<\/li>\n<li>Permitir que os clientes adicionem ou removam itens do seus carrinhos.<\/li>\n<li>Deixe que os clientes completem os pagamentos sem sair da p\u00e1gina.<\/li>\n<li>Adicionar campos personalizados \u00e0s p\u00e1ginas.<\/li>\n<\/ul>\n<p>Ap\u00f3s adquirir a extens\u00e3o atrav\u00e9s de sua conta WooCommerce, voc\u00ea pode baixar o plugin, e depois instal\u00e1-lo e ativ\u00e1-lo em seu site WooCommerce.<\/p>\n<p>Para utiliz\u00e1-lo, navegue at\u00e9 <strong>P\u00e1ginas <\/strong>&gt; <strong>Adicionar novo <\/strong>e selecione o \u00edcone de<strong> One Page Checkout<\/strong><strong>\u00a0<\/strong>na barra de ferramentas do editor:<\/p>\n<figure style=\"width: 906px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/one-page-checkout-icon.png\" alt=\"O \u00edcone de extens\u00e3o do Checkout de uma p\u00e1gina no editor WordPress\" width=\"906\" height=\"256\"><figcaption class=\"wp-caption-text\">O \u00edcone de extens\u00e3o do Checkout de uma p\u00e1gina no editor WordPress<\/figcaption><\/figure>\n<p>No painel que se abre, voc\u00ea pode clicar dentro do campo <strong>Produtos<\/strong>, e come\u00e7ar a digitar o nome do(s) produto(s) que voc\u00ea deseja adicionar.<\/p>\n<p>Em seguida, escolha o modelo que voc\u00ea deseja usar (Lista de Produtos, Tabela de Produtos, Tabela de Pre\u00e7os, ou Produto \u00danico) e clique em <strong>Criar c\u00f3digo de atalho<\/strong>.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode inserir manualmente o atalho de uma p\u00e1gina em qualquer postagem ou p\u00e1gina. Para saber mais sobre este plugin e como utiliz\u00e1-lo, voc\u00ea pode consultar a <a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-one-page-checkout\/\">documenta\u00e7\u00e3o do WooCommerce One Page Checkout<\/a>.<\/p>\n<h2>Como acionar o envio gratuito durante o processo de checkout do WooCommerce<\/h2>\n<p>Como <a href=\"https:\/\/kinsta.com\/pt\/blog\/plataformas-ecommerce\/\">empres\u00e1rio de com\u00e9rcio eletr\u00f4nico<\/a>, h\u00e1 muitas estrat\u00e9gias diferentes que voc\u00ea pode utilizar para incentivar seus clientes a gastar mais. Uma delas \u00e9 oferecer frete gr\u00e1tis.<\/p>\n<p>\u00c9 claro, voc\u00ea pode n\u00e3o querer oferecer frete gratuito em cada pedido. Entretanto, adicion\u00e1-lo como um incentivo em totais de pedidos que atinjam um determinado valor pode ajud\u00e1-lo a incentivar os compradores a gastar mais do que eles gastariam de outra forma.<\/p>\n<p>Portanto, voc\u00ea pode querer configurar sua p\u00e1gina de checkout do WooCommerce para acionar automaticamente o envio gratuito em pedidos acima de um certo n\u00famero, tais como $100.<\/p>\n<p>A primeira coisa que voc\u00ea precisar\u00e1 fazer \u00e9 oferecer o m\u00e9todo de envio gratuito para a(s) zona(s) mar\u00edtima(s) relevante(s).<\/p>\n<p>Para isso, navegue para <strong>WooCommerce &gt; Configura\u00e7\u00f5es &gt; Expedi\u00e7\u00e3o<\/strong>:<\/p>\n<figure style=\"width: 1185px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-shipping-zones.png\" alt=\"As configura\u00e7\u00f5es do WooCommerce Shipping\" width=\"1185\" height=\"501\"><figcaption class=\"wp-caption-text\">As configura\u00e7\u00f5es do WooCommerce Shipping<\/figcaption><\/figure>\n<p>Passe o mouse sobre a zona de embarque que voc\u00ea deseja modificar, e depois clique no link <strong>Editar. <\/strong>Se voc\u00ea ainda n\u00e3o tiver adicionado nenhuma zona, selecione primeiro o <strong>bot\u00e3o Adicionar zona de embarque <\/strong>e siga as instru\u00e7\u00f5es antes de prosseguir.<\/p>\n<p>A seguir, clique em <strong>Add Shipping Method<\/strong>. No modal que se abre, selecione <strong>Free Shipping <\/strong>no menu suspenso, seguido por <strong>Add shipping method <\/strong>novamente:<\/p>\n<figure style=\"width: 913px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-free-shipping.png\" alt=\"Adicionando um m\u00e9todo de envio gratuito no WooCommerce\" width=\"913\" height=\"375\"><figcaption class=\"wp-caption-text\">Adicionando um m\u00e9todo de envio gratuito no WooCommerce<\/figcaption><\/figure>\n<p>Em seguida, a partir da lista de <strong>m\u00e9todos de envio <\/strong>na p\u00e1gina de configura\u00e7\u00f5es, passe o mouse sobre o <strong>envio gratuito <\/strong>e clique no link <strong>Editar.<\/strong><\/p>\n<p>Ser\u00e1 aberto um painel de <strong>ajustes de envio gratuito<\/strong>. No menu suspenso <strong>Free shipping requires&#8230;.<\/strong>, selecione <strong>Um valor m\u00ednimo de encomenda<\/strong>:<\/p>\n<figure style=\"width: 1282px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/free-shipping-settings.png\" alt=\"Configura\u00e7\u00f5es de envio gratuito no WooCommerce\" width=\"1282\" height=\"405\"><figcaption class=\"wp-caption-text\">Configura\u00e7\u00f5es de envio gratuito no WooCommerce<\/figcaption><\/figure>\n<p>Voc\u00ea pode ent\u00e3o definir o valor m\u00ednimo do pedido. Quando terminar, clique no bot\u00e3o <strong>Salvar mudan\u00e7as<\/strong>.<\/p>\n<h2>Como vincular diretamente os produtos \u00e0 p\u00e1gina de checkout do WooCommerce<\/h2>\n<p>Outra maneira de melhorar a experi\u00eancia de checkout para seus clientes \u00e9 criar links diretos de checkout. Isto \u00e9 \u00fatil para enviar os clientes diretamente para o checkout a partir das p\u00e1ginas de produtos e vendas.<\/p>\n<h3>Cria\u00e7\u00e3o manual de um link direto de checkout<\/h3>\n<p>Para criar e adicionar um link direto de checkout no WooCommerce, voc\u00ea pode usar a seguinte URL: <em>exampledomain.com\/\/checkout\/?add-to-cart=ID<\/em>.<\/p>\n<p>Nota: voc\u00ea vai querer substituir &#8220;exampledomain&#8221; e &#8220;ID&#8221; por seu nome de dom\u00ednio e o ID do produto espec\u00edfico que voc\u00ea est\u00e1 vinculando \u00e0 p\u00e1gina de checkout.<\/p>\n<p>Para encontrar um ID de produto, navegue at\u00e9 <strong>Produtos &gt; Todos os produtos <\/strong>em seu painel de administra\u00e7\u00e3o. Navegue at\u00e9 o produto para o qual voc\u00ea deseja criar o link direto, e depois passe o mouse sobre o nome do produto para revelar o n\u00famero de identifica\u00e7\u00e3o do produto:<\/p>\n<figure style=\"width: 901px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-product-id.jpg\" alt=\"Um ID de produto WooCommerce\" width=\"901\" height=\"392\"><figcaption class=\"wp-caption-text\">Um ID de produto WooCommerce<\/figcaption><\/figure>\n<p>Uma vez que voc\u00ea cole o ID do produto na URL acima mencionada, voc\u00ea pode ent\u00e3o colocar o link em qualquer lugar em seu site WooCommerce. Voc\u00ea pode repetir este processo para cada um do seus produtos, mesmo itens vari\u00e1veis e agrupados.<\/p>\n<h3>Criando um link direto de checkout usando um plugin<\/h3>\n<p>Compreendemos que a estrat\u00e9gia acima pode n\u00e3o ser o m\u00e9todo mais eficiente para todos os usu\u00e1rios. Dependendo de quantos produtos voc\u00ea tenha em sua loja WooCommerce, isso pode ser muito demorado.<\/p>\n<p>Felizmente, se voc\u00ea estiver procurando um m\u00e9todo mais r\u00e1pido, voc\u00ea tamb\u00e9m pode usar o plugin <a href=\"https:\/\/quadlayers.com\/portfolio\/woocommerce-direct-checkout\/\">Direct Checkout para WooCommerce<\/a>:<\/p>\n<figure style=\"width: 1295px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-woocommerce.png\" alt=\"O Plugin de Checkout Direto para WooCommerce\" width=\"1295\" height=\"646\"><figcaption class=\"wp-caption-text\">O Plugin Direct Checkout para WooCommerce<\/figcaption><\/figure>\n<p>Esta ferramenta freemium permite simplificar o processo de checkout de v\u00e1rias maneiras, inclusive adicionando um link direto de uma p\u00e1gina de produto para a tela de checkout. Uma vez instalado e ativado o plugin em seu site WooCommerce, navegue at\u00e9 <strong>WooCommerce &gt; Direct Checkout<\/strong>:<\/p>\n<figure style=\"width: 1121px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-settings.png\" alt=\"O Checkout direto para configura\u00e7\u00f5es de plugins do WooCommerce\" width=\"1121\" height=\"556\"><figcaption class=\"wp-caption-text\">O Direct Checkout para configura\u00e7\u00f5es de plugins do WooCommerce<\/figcaption><\/figure>\n<p>Na guia <strong>Geral<\/strong>, selecione <strong>Sim <\/strong>para a op\u00e7\u00e3o de <strong>redirecionamento Adicionar ao carrinho <\/strong>e, em seguida, selecione <strong>Checkout <\/strong>no menu suspenso <strong>Adicionar ao carrinho redirecionar para <\/strong>o menu suspenso. Clique em <strong>Salvar mudan\u00e7as <\/strong>quando terminar.<\/p>\n<p>A seguir, navegue at\u00e9 a guia <strong>Produtos<\/strong>:<\/p>\n<figure style=\"width: 1093px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-redirect.jpg\" alt=\"A op\u00e7\u00e3o de redirecionar para o carrinho no Checkout direto para WooCommerce\" width=\"1093\" height=\"462\"><figcaption class=\"wp-caption-text\">A op\u00e7\u00e3o de redirecionar para o carrinho no Direct Checkout para WooCommerce<\/figcaption><\/figure>\n<p>Habilite o <strong>Redirecionamento para a p\u00e1gina do carrinho ap\u00f3s a op\u00e7\u00e3o de<\/strong> <strong>adi\u00e7\u00e3o bem sucedida<\/strong>. Novamente, clique no bot\u00e3o <strong>Salvar mudan\u00e7as<\/strong>. \u00c9 isso a\u00ed!<\/p>\n<h2>Como testar sua p\u00e1gina de checkout do WooCommerce<\/h2>\n<p>Neste ponto, esperamos que voc\u00ea tenha implementado uma variedade de maneiras para melhorar sua p\u00e1gina de checkout do WooCommerce. Agora, \u00e9 essencial ter certeza de que seu processo de checkout est\u00e1 funcionando corretamente, a fim de reduzir o abandono e confirmar que nenhum erro interromper\u00e1 a viagem do cliente.<\/p>\n<p>Felizmente, h\u00e1 uma maneira f\u00e1cil de enviar uma ordem de teste e pagamento atrav\u00e9s de sua loja WooCommerce, para ter certeza de que tudo est\u00e1 funcionando como deveria. Para fazer isso, voc\u00ea precisar\u00e1 primeiro instalar o <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-payments\/\">plugin WooCommerce Payments<\/a> em seu site (se ainda n\u00e3o o fez):<\/p>\n<figure style=\"width: 924px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-payments-plugin.png\" alt=\"O plugin de pagamentos do WooCommerce\" width=\"924\" height=\"293\"><figcaption class=\"wp-caption-text\">O plugin de pagamentos do WooCommerce<\/figcaption><\/figure>\n<p>Uma vez instalado e ativado o plugin, voc\u00ea pode ativar o &#8216;modo teste&#8217;. Para isso, navegue para <strong>WooCommerce <\/strong>&gt; <strong>Pagamentos<\/strong> &gt;<strong> Configura\u00e7\u00f5es<\/strong>:<\/p>\n<figure style=\"width: 1133px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-test-mode.jpg\" alt=\"O modo de teste de pagamentos do WooCommerce\" width=\"1133\" height=\"667\"><figcaption class=\"wp-caption-text\">O modo de teste de pagamentos do WooCommerce<\/figcaption><\/figure>\n<p>Lembre-se de salvar suas mudan\u00e7as.<\/p>\n<p>Uma vez ativado o Modo de Teste, voc\u00ea pode navegar em sua loja WooCommerce e selecionar qualquer produto. Adicione-o ao seu carrinho de compras e depois passe para a p\u00e1gina de checkout.<\/p>\n<p>Preencha os campos da p\u00e1gina de checkout do formul\u00e1rio, conforme necess\u00e1rio. Para as informa\u00e7\u00f5es de pagamento, voc\u00ea pode usar qualquer um dos <a href=\"https:\/\/docs.woocommerce.com\/document\/payments\/testing\/\">n\u00fameros de cart\u00e3o de cr\u00e9dito fict\u00edcio<\/a> fornecidos pelo WooCommerce. Voc\u00ea tamb\u00e9m pode usar quaisquer tr\u00eas d\u00edgitos para o c\u00f3digo CVC, e selecionar qualquer data futura.<\/p>\n<p>Quando terminar, clique em <strong>Place Order<\/strong>. A seguir, navegue para a tela <strong>Pagamentos &gt; Transa\u00e7\u00f5es<\/strong>:<\/p>\n<figure style=\"width: 1216px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/test-transaction-woocommerce.jpg\" alt=\"Teste de transa\u00e7\u00f5es no WooCommerce\" width=\"1216\" height=\"420\"><figcaption class=\"wp-caption-text\">Teste de transa\u00e7\u00f5es no WooCommerce<\/figcaption><\/figure>\n<p>Aqui, voc\u00ea deve ver a carga aparecer. Se ela estiver l\u00e1, voc\u00ea sabe que sua p\u00e1gina de checkout est\u00e1 funcionando como deveria. Lembre-se de desligar o Modo de Teste quando terminar!<\/p>\n\n<h2>Os Melhores Plugins e Extens\u00f5es de WooCommerce Checkout<\/h2>\n<p>Ao longo deste post, cobrimos uma grande variedade de maneiras de mudar sua p\u00e1gina de checkout do WooCommerce, incluindo blocos, atalhos e c\u00f3digos personalizados. Tamb\u00e9m mencionamos alguns plugins chave que podem ajud\u00e1-lo a adicionar recursos e funcionalidades que de outra forma n\u00e3o estariam dispon\u00edveis.<\/p>\n<p>No entanto, existem alguns complementos, plugins e extens\u00f5es adicionais que ainda n\u00e3o mencionamos, mas que lhe oferecem mais op\u00e7\u00f5es de personaliza\u00e7\u00e3o para sua p\u00e1gina de checkout do WooCommerce. Algumas das melhores op\u00e7\u00f5es que vale a pena considerar incluem:<\/p>\n<ul>\n<li><a href=\"https:\/\/woocommerce.com\/products\/cart-notices\/\">WooCommerce Cart Notices Add-On<\/a>. Este WooCommerce add-on permite que voc\u00ea exiba mensagens e notifica\u00e7\u00f5es acion\u00e1veis aos seus clientes durante o processo de checkout. Por exemplo, voc\u00ea pode us\u00e1-lo para notific\u00e1-los sobre vendas e promo\u00e7\u00f5es relevantes.<\/li>\n<li><a href=\"https:\/\/en-ca.wordpress.org\/plugins\/woocommerce-checkout-manager\/\">WooCommerce Checkout Manager<\/a>. Feito pela mesma equipe que desenvolveu o Direct Checkout para WooCommerce, este plugin \u00e9 uma poderosa extens\u00e3o que voc\u00ea pode usar para otimizar sua p\u00e1gina de checkout. Voc\u00ea pode us\u00e1-lo para editar, remover e adicionar campos personalizados, assim como para criar campos de condi\u00e7\u00f5es.<\/li>\n<li><a href=\"https:\/\/woocommerce.com\/products\/woocommerce-checkout-add-ons\/\">WooCommerce Checkout Add-ons<\/a>. Este plug-in premium permite adicionar add-ons gratuitos e pagos na fase de checkout. \u00c9 uma ferramenta \u00fatil para aumentar as convers\u00f5es e impulsionar a receita.<\/li>\n<\/ul>\n<p>Dependendo do tipo de site de com\u00e9rcio eletr\u00f4nico que voc\u00ea possui, voc\u00ea pode estar procurando ainda mais op\u00e7\u00f5es. Se for o caso, recomendamos verificar a <a href=\"https:\/\/woocommerce.com\/products\/\">Biblioteca de Extens\u00f5es do WooCommerce<\/a>, que oferece uma tonelada de complementos para ampliar as caracter\u00edsticas e funcionalidades do plug-in WooCommerce, incluindo solu\u00e7\u00f5es tanto gratuitas como pagas.<\/p>\n<h2>Resumo<\/h2>\n<p>H\u00e1 diferentes maneiras de implementar para melhorar e <a href=\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-kinsta-apm\/#1-woocommerce-apm-example-sluggish-thirdparty-api-calls-during-checkout\">otimizar sua p\u00e1gina de checkout do WooCommerce<\/a>.<\/p>\n<p>Dependendo da mudan\u00e7a que voc\u00ea deseja fazer e do seu n\u00edvel de experi\u00eancia, voc\u00ea pode aproveitar os <a href=\"https:\/\/kinsta.com\/pt\/blog\/plugins-woocommerce\/\">plugins<\/a> e <a href=\"https:\/\/kinsta.com\/pt\/blog\/extensoes-woocommerce\/\">extens\u00f5es do WooCommerce<\/a>, modelos de p\u00e1gina e <a href=\"https:\/\/kinsta.com\/pt\/blog\/temas-mais-rapidos-woocommerce\/\">temas<\/a>, e at\u00e9 mesmo c\u00f3digo personalizado.<\/p>\n<p>Voc\u00ea tem alguma pergunta sobre o uso ou edi\u00e7\u00e3o da p\u00e1gina de checkout do WooCommerce? Informe-nos na se\u00e7\u00e3o de coment\u00e1rios abaixo!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WooCommerce \u00e9 um plugin flex\u00edvel e poderoso que voc\u00ea pode usar para transformar seu site WordPress em uma loja de com\u00e9rcio eletr\u00f4nico din\u00e2mica. Entretanto, se &#8230;<\/p>\n","protected":false},"author":103,"featured_media":41036,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[265,42],"topic":[1023],"class_list":["post-41033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-onlinestore","tag-woocommerce","topic-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>O Guia Completo para WooCommerce Checkout<\/title>\n<meta name=\"description\" content=\"As p\u00e1ginas de checkout s\u00e3o cr\u00edticas para todas as lojas online. Aprenda como personalizar e enriquecer suas p\u00e1ginas de checkout do WooCommerce com este guia detalhado!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O Guia Completo para o WooCommerce Checkout - Personaliza\u00e7\u00e3o, Mudan\u00e7a de Modelo, Cria\u00e7\u00e3o de Checkout de Uma P\u00e1gina\" \/>\n<meta property=\"og:description\" content=\"As p\u00e1ginas de checkout s\u00e3o cr\u00edticas para todas as lojas online. Aprenda como personalizar e enriquecer suas p\u00e1ginas de checkout do WooCommerce com este guia detalhado!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-29T13:37:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-14T12:12:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"As p\u00e1ginas de checkout s\u00e3o cr\u00edticas para todas as lojas online. Aprenda como personalizar e enriquecer suas p\u00e1ginas de checkout do WooCommerce com este guia detalhado!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"O Guia Completo para o WooCommerce Checkout &#8211; Personaliza\u00e7\u00e3o, Mudan\u00e7a de Modelo, Cria\u00e7\u00e3o de Checkout de Uma P\u00e1gina\",\"datePublished\":\"2020-12-29T13:37:03+00:00\",\"dateModified\":\"2025-02-14T12:12:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/\"},\"wordCount\":4603,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg\",\"keywords\":[\"onlinestore\",\"woocommerce\"],\"articleSection\":[\"Melhores Tutoriais WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/\",\"name\":\"O Guia Completo para WooCommerce Checkout\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg\",\"datePublished\":\"2020-12-29T13:37:03+00:00\",\"dateModified\":\"2025-02-14T12:12:12+00:00\",\"description\":\"As p\u00e1ginas de checkout s\u00e3o cr\u00edticas para todas as lojas online. Aprenda como personalizar e enriquecer suas p\u00e1ginas de checkout do WooCommerce com este guia detalhado!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg\",\"width\":768,\"height\":384,\"caption\":\"WooCommerce checkout\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O Guia Completo para o WooCommerce Checkout &#8211; Personaliza\u00e7\u00e3o, Mudan\u00e7a de Modelo, Cria\u00e7\u00e3o de Checkout de Uma P\u00e1gina\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"O Guia Completo para WooCommerce Checkout","description":"As p\u00e1ginas de checkout s\u00e3o cr\u00edticas para todas as lojas online. Aprenda como personalizar e enriquecer suas p\u00e1ginas de checkout do WooCommerce com este guia detalhado!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/","og_locale":"pt_PT","og_type":"article","og_title":"O Guia Completo para o WooCommerce Checkout - Personaliza\u00e7\u00e3o, Mudan\u00e7a de Modelo, Cria\u00e7\u00e3o de Checkout de Uma P\u00e1gina","og_description":"As p\u00e1ginas de checkout s\u00e3o cr\u00edticas para todas as lojas online. Aprenda como personalizar e enriquecer suas p\u00e1ginas de checkout do WooCommerce com este guia detalhado!","og_url":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2020-12-29T13:37:03+00:00","article_modified_time":"2025-02-14T12:12:12+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"As p\u00e1ginas de checkout s\u00e3o cr\u00edticas para todas as lojas online. Aprenda como personalizar e enriquecer suas p\u00e1ginas de checkout do WooCommerce com este guia detalhado!","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg","twitter_creator":"@matteoduo","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Matteo Du\u00f2","Tempo estimado de leitura":"23 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"O Guia Completo para o WooCommerce Checkout &#8211; Personaliza\u00e7\u00e3o, Mudan\u00e7a de Modelo, Cria\u00e7\u00e3o de Checkout de Uma P\u00e1gina","datePublished":"2020-12-29T13:37:03+00:00","dateModified":"2025-02-14T12:12:12+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/"},"wordCount":4603,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg","keywords":["onlinestore","woocommerce"],"articleSection":["Melhores Tutoriais WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/","url":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/","name":"O Guia Completo para WooCommerce Checkout","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg","datePublished":"2020-12-29T13:37:03+00:00","dateModified":"2025-02-14T12:12:12+00:00","description":"As p\u00e1ginas de checkout s\u00e3o cr\u00edticas para todas as lojas online. Aprenda como personalizar e enriquecer suas p\u00e1ginas de checkout do WooCommerce com este guia detalhado!","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/12\/woocommerce-checkout.jpg","width":768,"height":384,"caption":"WooCommerce checkout"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/woocommerce-checkout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/pt\/topicos\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"O Guia Completo para o WooCommerce Checkout &#8211; Personaliza\u00e7\u00e3o, Mudan\u00e7a de Modelo, Cria\u00e7\u00e3o de Checkout de Uma P\u00e1gina"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/41033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=41033"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/41033\/revisions"}],"predecessor-version":[{"id":41290,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/41033\/revisions\/41290"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/translations\/se"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/41033\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/41036"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=41033"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=41033"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=41033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}