{"id":227631,"date":"2022-09-23T10:52:00","date_gmt":"2022-09-23T07:52:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227631"},"modified":"2022-11-09T02:17:56","modified_gmt":"2022-11-08T23:17:56","slug":"redirecionamento-woocommerce-apos-o-checkout-como-configura-lo","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/redirecionamento-woocommerce-apos-o-checkout-como-configura-lo\/","title":{"rendered":"Redirecionamento WooCommerce ap\u00f3s o checkout: como configur\u00e1-lo"},"content":{"rendered":"\n

Como voc\u00ea pode redirecionar os clientes para uma bela p\u00e1gina de agradecimento personalizada para seu produto espec\u00edfico?<\/p>\n

Um dos redirecionamentos mais comuns do WooCommerce \u00e9 ap\u00f3s o pagamento do checkout. Por padr\u00e3o, eles s\u00e3o redirecionados para uma p\u00e1gina de ‘Obrigado’.<\/p>\n

Provavelmente, voc\u00ea deseja que o usu\u00e1rio chegue a uma p\u00e1gina personalizada assim que o pedido for feito, onde o servi\u00e7o e o suporte p\u00f3s-venda podem ser gerenciados.<\/p>\n

Este artigo criado por nossa equipe em wpDataTables<\/a> ir\u00e1 gui\u00e1-lo sobre como implementar o redirecionamento de usu\u00e1rio WooCommerce para uma p\u00e1gina personalizada ap\u00f3s o checkout.<\/p>\n

O redirecionamento do WooCommerce ap\u00f3s o snippet de c\u00f3digo de checkout<\/h3>\n

O snippet de c\u00f3digo abaixo permite o redirecionamento para uma p\u00e1gina personalizada ap\u00f3s o usu\u00e1rio concluir uma compra ao usar o plug-in do complemento de assinatura. Simplesmente adicione o trecho ao tema filho ativo function.php e substitua a URL na fun\u00e7\u00e3o wo_redirect() para a p\u00e1gina apropriada.<\/p>\n

Esse snippet \u00e9 usado com frequ\u00eancia quando os propriet\u00e1rios de sites desejam mostrar aos clientes uma p\u00e1gina de boas-vindas ap\u00f3s a finaliza\u00e7\u00e3o da compra. As p\u00e1ginas de boas-vindas s\u00e3o \u00f3timas maneiras de educar os clientes, fazer upsell de um produto e obter refer\u00eancias.<\/p>\n

add_action( 'woocommerce_thankyou', 'bbloomer_redirectcustom');\nfunction bbloomer_redirectcustom( $order_id ){\n\u00a0\u00a0\u00a0\u00a0$order = wc_get_order( $order_id );\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/yoursite.com\/custom-url';\n\u00a0\u00a0\u00a0\u00a0if (! $order->has_status( 'failed')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_safe_redirect( $url );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit;\n\u00a0\u00a0\u00a0\u00a0}\n}\n<\/code><\/pre>\n
Ei, voc\u00ea sabia que os dados tamb\u00e9m podem ser bonitos?<\/h3>\n
wpDataTables<\/a> pode torn\u00e1-lo assim. H\u00e1 uma boa raz\u00e3o pela qual \u00e9 o plugin n\u00ba 1 do WordPress para criar tabelas e gr\u00e1ficos responsivos.<\/p>\n
\"Redirecionamento<\/a><\/p>\n
Um exemplo real de wpDataTables em estado selvagem<\/p>\n
E \u00e9 muito f\u00e1cil fazer algo assim:<\/p>\n
    \n
  1. Voc\u00ea fornece os dados da tabela<\/li>\n
  2. Configure e personalize<\/li>\n
  3. Publique-o em um post ou p\u00e1gina<\/li>\n<\/ol>\n
    E n\u00e3o \u00e9 apenas bonito, mas tamb\u00e9m pr\u00e1tico. Voc\u00ea pode criar tabelas grandes com at\u00e9 milh\u00f5es de linhas<\/a>, ou pode usar filtros e pesquisas avan\u00e7adas<\/a>, ou pode enlouquecer e torn\u00e1-las edit\u00e1veis<\/a>.<\/p>\n
    "Sim, mas eu gosto muito do Excel e n\u00e3o h\u00e1 nada assim em sites". Sim, h\u00e1. Voc\u00ea pode usar a formata\u00e7\u00e3o condicional<\/a> como no Excel ou no Planilhas Google.<\/p>\n
    Eu te disse que voc\u00ea tamb\u00e9m pode criar gr\u00e1ficos<\/a> com seus dados? E isso \u00e9 apenas uma pequena parte. Existem muitos outros recursos<\/a> para voc\u00ea.<\/p>\n
    Configurando uma p\u00e1gina de agradecimento do WooCommerce, substituindo os modelos do WooCommerce<\/h3>\n
    Para redirecionar o usu\u00e1rio depois que um pedido foi feito, voc\u00ea precisa usar o gancho de redirecionamento de modelo e uma fun\u00e7\u00e3o de retorno de chamada com o URL de redirecionamento. Em um breve resumo, aqui est\u00e3o as etapas necess\u00e1rias:<\/p>\n
    Primeiro, \u00e9 uma boa pr\u00e1tica verificar se o usu\u00e1rio est\u00e1 na p\u00e1gina de checkout, na p\u00e1gina do pedido ou na p\u00e1gina do pedido recebido antes de criar o redirecionamento personalizado ap\u00f3s o checkout.<\/p>\n
    Redirecionar os clientes para uma p\u00e1gina personalizada automaticamente ap\u00f3s o pedido ser feito precisa da fun\u00e7\u00e3o template_redirect().<\/p>\n
    Adicione o gancho de a\u00e7\u00e3o template_redirect, por exemplo<\/p>\n
    -?\u00a0add_action('template_redirect', 'your_callback_function');<\/code><\/pre>\n
    Crie a fun\u00e7\u00e3o de retorno de chamada referenciada no gancho de redirecionamento de modelo acima, observando que o nome na fun\u00e7\u00e3o de retorno de chamada e o gancho devem corresponder.<\/p>\n
    Na fun\u00e7\u00e3o de retorno de chamada, use a fun\u00e7\u00e3o wp_redirect() para adicionar a p\u00e1gina para a qual voc\u00ea deseja que o usu\u00e1rio seja redirecionado ap\u00f3s o check-out bem-sucedido. Sempre adicione uma sa\u00edda ap\u00f3s a fun\u00e7\u00e3o wp_redirect para evitar problemas de redirecionamento.<\/p>\n
    Este c\u00f3digo \u00e9 adicionado ao seu arquivo functions.php no tema. Localize esse arquivo e abra-o no editor para adicionar este gancho de a\u00e7\u00e3o para redirecionar WooCommerce ap\u00f3s o checkout.<\/p>\n
    Salve as altera\u00e7\u00f5es ou atualize seu tema functions.php ou o arquivo de plugin e voc\u00ea ter\u00e1 criado com sucesso o redirecionamento para a p\u00e1gina preferida ap\u00f3s o checkout do WooCommerce.<\/p>\n
    Personalizando a p\u00e1gina de agradecimento do WooCommerce com filtros<\/h2>\n
    Vamos come\u00e7ar a personalizar a p\u00e1gina de agradecimento do WooCommerce<\/a> com algumas altera\u00e7\u00f5es r\u00e1pidas de c\u00f3digo.<\/p>\n
    Alterando o t\u00edtulo da p\u00e1gina de agradecimento<\/h3>\n
    Em vez de criar uma p\u00e1gina de agradecimento personalizada, talvez voc\u00ea queira apenas alterar o t\u00edtulo da p\u00e1gina.<\/p>\n
    Voc\u00ea pode adicionar o trecho abaixo com um plugin ou no arquivo functions.php do tema.<\/p>\n
    <?php<\/code><\/pre>\n
    WooCommerce fornece a fun\u00e7\u00e3o is_order_received_page() no arquivo includes\/wc-conditional-functions.php.<\/p>\n
    Personalize o t\u00edtulo<\/h3>\n
    Voc\u00ea pode aprimorar seu site personalizando o t\u00edtulo da p\u00e1gina de agradecimento para incluir detalhes como o nome do cliente ou receb\u00ea-lo em seu idioma nativo.<\/p>\n
    Voc\u00ea pode adicionar o c\u00f3digo abaixo com um plugin ou no functions.php do seu tema:<\/p>\n
    <?php\n\u00a0add_filter( 'the_title', 'woo_personalize_order_received_title', 10, 2 );\nfunction woo_personalize_order_received_title( $title, $id) {\n\u00a0\u00a0\u00a0 if (is_order_received_page() && get_the_ID() === $id) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 global $wp;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Get the order. Line 9 to 17 are present in order_received() in includes\/shortcodes\/class-wc-shortcode-checkout.php file\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order_id\u00a0 = apply_filters( 'woocommerce_thankyou_order_id', absint( $wp->query_vars['order-received']) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order_key = apply_filters( 'woocommerce_thankyou_order_key', empty( $_GET['key'] )? '': wc_clean( $_GET['key']) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if ($order_id > 0) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order = wc_get_order( $order_id );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if ($order->get_order_key() != $order_key) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order = false;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (isset ($order)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/$title = sprintf( \"You are awesome, %s!\", esc_html( $order->billing_first_name) ); \/\/ use this for WooCommerce versions older then v2.7\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $title = sprintf( \"You are awesome, %s!\", esc_html( $order->get_billing_first_name()) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0 return $title;\n}<\/code><\/pre>\n
    Alterando o texto antes das informa\u00e7\u00f5es do pedido<\/h3>\n
    Os filtros dispon\u00edveis no WooCommerce permitem que voc\u00ea altere o texto exibido na p\u00e1gina ‘Obrigado’. O texto padr\u00e3o exibido antes das informa\u00e7\u00f5es do pedido \u00e9 “Obrigado. Seu pedido foi recebido.".<\/p>\n
    Este texto vem do arquivo templates\/checkout\/thankyou.php. O filtro dispon\u00edvel para alterar este texto \u00e9: woocommerce_thankyou_order_received_text<\/p>\n
    <?php<\/code><\/pre>\n
    O c\u00f3digo acima anexar\u00e1 o texto "Enviamos o recibo de compra por e-mail para voc\u00ea". ao texto existente.<\/p>\n
    Se voc\u00ea quiser sobrescrever o texto completamente, voc\u00ea simplesmente precisa evitar encadear a vari\u00e1vel $str com sua vari\u00e1vel de mensagem $new_str.<\/p>\n
    $new = ‘Enviamos o comprovante de compra para voc\u00ea.’;<\/p>\n
    Se voc\u00ea deseja que o cliente baixe um formul\u00e1rio, \u00e9 quando as instru\u00e7\u00f5es podem ser adicionadas.<\/p>\n
    <?php<\/code><\/pre>\n
    Eu n\u00e3o codigo \u2013 existe um plugin confi\u00e1vel para isso?<\/h2>\n
    Escrever c\u00f3digo \u00e9 uma habilidade, mas esses plugins podem ser usados \u200b\u200bpara alcan\u00e7ar o mesmo resultado.<\/p>\n
    Este exemplo \u00e9 para o plugin WooCommerce Redirect Thank You .<\/a><\/p>\n
    Instalando o Plugin<\/h3>\n
    \"Redirecionamento<\/a><\/p>\n
    Depois de instalar o plugin WooCommerce Redirect Thank You, voc\u00ea pode criar suas p\u00e1ginas de agradecimento. Voc\u00ea pode configurar uma p\u00e1gina de agradecimento geral apropriada para uso global ou pode criar p\u00e1ginas para mostrar produtos espec\u00edficos.<\/p>\n
    \"Redirecionamento<\/a><\/p>\n
    Isso permite vendas cruzadas, vendas adicionais, descontos ou cupons, todos os quais podem promover vendas futuras. No exemplo de codifica\u00e7\u00e3o ‘Obrigado’ mostrado acima, um up-sell com uma oferta de cupom foi implementado usando um bloco WooCommerce.<\/p>\n
    \"Redirecionamento<\/a><\/p>\n
    No painel do WordPress, passe o mouse sobre WooCommerce e clique em Configura\u00e7\u00f5es, em seguida selecione a guia ‘Obrigado’.<\/p>\n
    (Opcional) Se voc\u00ea quiser definir uma p\u00e1gina global de agradecimento para a qual os clientes ser\u00e3o enviados ap\u00f3s a conclus\u00e3o do pedido, defina essa p\u00e1gina com essa configura\u00e7\u00e3o. Esta op\u00e7\u00e3o substitui a configura\u00e7\u00e3o da p\u00e1gina de pedido conclu\u00eddo do WooCommerce.<\/p>\n
    \"Redirecionamento<\/a><\/p>\n
    No campo da chave de licen\u00e7a, adicione a chave de licen\u00e7a enviada no e-mail de confirma\u00e7\u00e3o do pedido. Isso ativar\u00e1 as notifica\u00e7\u00f5es de novas vers\u00f5es do plug-in e permitir\u00e1 atualiza\u00e7\u00f5es autom\u00e1ticas do seu painel do WordPress.<\/p>\n
    Outros plug-ins<\/h3>\n
    P\u00e1gina de agradecimento personalizada YITH para WooCommerce<\/h4>\n
    \"Redirecionamento<\/a><\/p>\n
    Redirecionamento personalizado Boxy WooCommerce ap\u00f3s o checkout<\/h4>\n
    \"Redirecionamento<\/a><\/p>\n
    Seja criativo com sua p\u00e1gina de agradecimento<\/h3>\n
    Controlar o design permite a criatividade com sua p\u00e1gina de agradecimento. Ao usar um construtor de p\u00e1ginas, voc\u00ea pode aprimorar a experi\u00eancia do seu cliente, fortalecendo as taxas de reten\u00e7\u00e3o.<\/p>\n
    Mantenha sua p\u00e1gina de agradecimento relevante, talvez incluindo um v\u00eddeo do propriet\u00e1rio da loja recomendando um produto. Quando voc\u00ea fornece informa\u00e7\u00f5es atraentes para seus clientes, eles ser\u00e3o motivados a contratar seus servi\u00e7os no futuro.<\/p>\n
    Se voc\u00ea gostou de ler este artigo sobre redirecionamento do WooCommerce ap\u00f3s o checkout, confira este artigo sobre como definir produtos relacionados ao WooCommerce<\/a>.<\/p>\n
    Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como como configurar o modo de teste<\/a> WooCommerce, produto agrupado<\/a> WooCommerce, produto vari\u00e1vel<\/a> WooCommerce, plugins de compromissos<\/a> WooCommerce, varia\u00e7\u00f5es de produtos WooCommerce<\/a>, como exportar pedidos WooCommerce<\/a>, como alterar o n\u00famero de produtos WooCommerce por p\u00e1gina<\/a>, O WooCommerce oculta a categoria da p\u00e1gina da loja<\/a> e as melhores op\u00e7\u00f5es de produtos extras do WooCommerce<\/a>.<\/p>\n
    Fonte de grava\u00e7\u00e3o:  wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
    Um dos redirecionamentos WooCommerce mais comuns ap\u00f3s o pagamento de checkout. Por padr\u00e3o, eles s\u00e3o redirecionados para uma p\u00e1gina de ‘Obrigado’.<\/p>\n","protected":false},"author":1,"featured_media":185220,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[816,846,857,867],"tags":[1170],"class_list":["post-227631","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plug-ins","category-tutoriais","category-woocommerce-8","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=227631"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227631\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/185220"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=227631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=227631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=227631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}