{"id":227309,"date":"2022-09-23T11:17:00","date_gmt":"2022-09-23T08:17:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227309"},"modified":"2022-11-11T15:43:54","modified_gmt":"2022-11-11T12:43:54","slug":"redireccionamiento-de-woocommerce-despues-del-pago-como-configurarlo","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/redireccionamiento-de-woocommerce-despues-del-pago-como-configurarlo\/","title":{"rendered":"Redireccionamiento de WooCommerce despu\u00e9s del pago: c\u00f3mo configurarlo"},"content":{"rendered":"\n

\u00bfC\u00f3mo puede redirigir a los clientes a una hermosa p\u00e1gina de "Gracias" personalizada para su producto espec\u00edfico?<\/p>\n

Uno de los redireccionamientos de WooCommerce m\u00e1s comunes es despu\u00e9s del pago del pago. Por defecto, son redirigidos a una p\u00e1gina de ‘Gracias’.<\/p>\n

Probablemente, desea que el usuario llegue a una p\u00e1gina personalizada una vez que se haya realizado el pedido, donde se puede administrar el servicio y soporte postventa.<\/p>\n

Este art\u00edculo creado por nuestro equipo en wpDataTables<\/a> lo guiar\u00e1 sobre c\u00f3mo implementar la redirecci\u00f3n de usuario de WooCommerce a una p\u00e1gina personalizada despu\u00e9s del pago.<\/p>\n

La redirecci\u00f3n de WooCommerce despu\u00e9s del fragmento de c\u00f3digo de pago<\/h3>\n

El fragmento de c\u00f3digo a continuaci\u00f3n permite la redirecci\u00f3n a una p\u00e1gina personalizada despu\u00e9s de que el usuario haya completado una compra al usar el complemento de suscripci\u00f3n. Simplemente agregue el fragmento al tema secundario activo function.php y reemplace la URL en la funci\u00f3n wo_redirect() a la p\u00e1gina adecuada.<\/p>\n

Este fragmento se usa con frecuencia cuando los propietarios de sitios web desean mostrar a los clientes una p\u00e1gina de bienvenida despu\u00e9s del pago. Las p\u00e1ginas de bienvenida son excelentes formas de educar a los clientes, vender un producto y buscar referencias.<\/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
Oye, \u00bfsab\u00edas que los datos tambi\u00e9n pueden ser hermosos?<\/h3>\n
wpDataTables<\/a> puede hacerlo de esa manera. Hay una buena raz\u00f3n por la que es el plugin de WordPress n.\u00ba 1 para crear tablas y gr\u00e1ficos receptivos.<\/p>\n
\"Redireccionamiento<\/a><\/p>\n
Un ejemplo real de wpDataTables en la naturaleza<\/p>\n
Y es muy f\u00e1cil hacer algo como esto:<\/p>\n
    \n
  1. Usted proporciona los datos de la tabla.<\/li>\n
  2. Config\u00faralo y personal\u00edzalo<\/li>\n
  3. Publicarlo en una publicaci\u00f3n o p\u00e1gina<\/li>\n<\/ol>\n
    Y no solo es bonito, sino tambi\u00e9n pr\u00e1ctico. Puede crear tablas grandes con hasta millones de filas<\/a>, o puede usar filtros y b\u00fasquedas avanzados<\/a>, o puede volverse loco y hacerlo editable<\/a>.<\/p>\n
    "S\u00ed, pero me gusta demasiado Excel y no hay nada de eso en los sitios web". S\u00ed, lo hay. Puede usar formato condicional<\/a> como en Excel o Google Sheets.<\/p>\n
    \u00bfTe dije que tambi\u00e9n puedes crear gr\u00e1ficos<\/a> con tus datos? Y eso es solo una peque\u00f1a parte. Hay muchas otras caracter\u00edsticas<\/a> para ti.<\/p>\n
    Configuraci\u00f3n de una p\u00e1gina de agradecimiento de WooCommerce, sobrescribiendo plantillas de WooCommerce<\/h3>\n
    Para redirigir al usuario despu\u00e9s de que se haya realizado un pedido, debe usar el enlace de redirecci\u00f3n de plantilla y una funci\u00f3n de devoluci\u00f3n de llamada con la URL de redirecci\u00f3n. En un breve resumen, aqu\u00ed est\u00e1n los pasos necesarios:<\/p>\n
    En primer lugar, es una buena pr\u00e1ctica verificar si el usuario est\u00e1 en la p\u00e1gina de pago, en la p\u00e1gina del pedido o en la p\u00e1gina del pedido recibido antes de crear la redirecci\u00f3n personalizada despu\u00e9s del pago.<\/p>\n
    Redirigir a los clientes a una p\u00e1gina personalizada autom\u00e1ticamente despu\u00e9s de realizar el pedido necesita la funci\u00f3n template_redirect().<\/p>\n
    Agregue el enlace de acci\u00f3n template_redirect, por ejemplo<\/p>\n
    -?\u00a0add_action('template_redirect', 'your_callback_function');<\/code><\/pre>\n
    Cree la funci\u00f3n de devoluci\u00f3n de llamada a la que hizo referencia en el enlace de redirecci\u00f3n de plantilla anterior, teniendo en cuenta que el nombre en la funci\u00f3n de devoluci\u00f3n de llamada y el enlace deben coincidir.<\/p>\n
    En la funci\u00f3n de devoluci\u00f3n de llamada, use la funci\u00f3n wp_redirect() para agregar la p\u00e1gina a la que desea que se redirija al usuario despu\u00e9s de un pago exitoso. Siempre agregue una salida despu\u00e9s de la funci\u00f3n wp_redirect para evitar problemas de redirecci\u00f3n.<\/p>\n
    Este c\u00f3digo se agrega a su archivo functions.php en el tema. Ubique ese archivo y \u00e1bralo en el editor para agregar este enlace de acci\u00f3n para la redirecci\u00f3n de WooCommerce despu\u00e9s del pago.<\/p>\n
    Guarde los cambios o actualice su tema functions.php o el archivo del complemento y habr\u00e1 creado con \u00e9xito la redirecci\u00f3n a la p\u00e1gina preferida despu\u00e9s del pago de WooCommerce.<\/p>\n
    Personalizaci\u00f3n de la p\u00e1gina de agradecimiento de WooCommerce con filtros<\/h2>\n
    Comencemos a personalizar la p\u00e1gina de agradecimiento de WooCommerce<\/a> con algunos cambios r\u00e1pidos en el c\u00f3digo.<\/p>\n
    Cambiar el t\u00edtulo de la p\u00e1gina de agradecimiento<\/h3>\n
    En lugar de crear una p\u00e1gina personalizada de ‘Gracias’, es posible que desee cambiar el t\u00edtulo de la p\u00e1gina.<\/p>\n
    Puede agregar el siguiente fragmento con un complemento o en el archivo functions.php del tema.<\/p>\n
    <?php<\/code><\/pre>\n
    WooCommerce proporciona la funci\u00f3n is_order_received_page() en el archivo includes\/wc-conditional-functions.php.<\/p>\n
    Personaliza el t\u00edtulo<\/h3>\n
    Puede mejorar su sitio web personalizando el t\u00edtulo de la p\u00e1gina "Gracias" para incluir detalles como el nombre del cliente o darle la bienvenida en su idioma nativo.<\/p>\n
    Puede agregar el siguiente c\u00f3digo con un complemento o en functions.php de su 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
    Cambiar el texto antes de la informaci\u00f3n del pedido<\/h3>\n
    Los filtros disponibles en WooCommerce te permiten cambiar el texto que se muestra en la p\u00e1gina de "Gracias". El texto predeterminado que se muestra antes de la informaci\u00f3n del pedido es \u00abGracias. Tu orden ha sido recibida.".<\/p>\n
    Este texto proviene del archivo templates\/checkout\/thankyou.php. El filtro disponible para cambiar este texto es: woocommerce_thankyou_order_received_text<\/p>\n
    <?php<\/code><\/pre>\n
    El c\u00f3digo anterior agregar\u00e1 el texto "Le hemos enviado por correo electr\u00f3nico el recibo de compra". al texto existente.<\/p>\n
    Si desea sobrescribir el texto por completo, simplemente debe evitar encadenar la variable $str a su variable de mensaje $new_str.<\/p>\n
    $nuevo = ‘Le hemos enviado por correo electr\u00f3nico el recibo de compra.’;<\/p>\n
    Si desea que el cliente descargue un formulario, aqu\u00ed es cuando se pueden agregar las instrucciones.<\/p>\n
    <?php<\/code><\/pre>\n
    No codifico: \u00bfhay un complemento confiable para eso?<\/h2>\n
    Escribir c\u00f3digo es una habilidad, pero estos complementos se pueden usar para lograr el mismo resultado.<\/p>\n
    Este ejemplo es para el\u00a0 complemento WooCommerce Redirect Thank You<\/a>.<\/p>\n
    Instalaci\u00f3n del complemento<\/h3>\n
    \"Redireccionamiento<\/a><\/p>\n
    Despu\u00e9s de instalar el complemento WooCommerce Redirect Thank You, puede crear sus p\u00e1ginas de agradecimiento. Es posible que desee configurar una p\u00e1gina de agradecimiento general adecuada para el uso global, o puede dise\u00f1ar p\u00e1ginas para mostrar productos espec\u00edficos.<\/p>\n
    \"Redireccionamiento<\/a><\/p>\n
    Esto permite ventas cruzadas, ventas adicionales, descuentos o cupones, todo lo cual podr\u00eda promover ventas futuras. En el ejemplo de codificaci\u00f3n ‘Gracias’ que se muestra arriba, se implement\u00f3 una venta adicional con una oferta de cup\u00f3n utilizando un bloque de WooCommerce.<\/p>\n
    \"Redireccionamiento<\/a><\/p>\n
    En el panel de control de WordPress, pase el cursor sobre WooCommerce y haga clic en Configuraci\u00f3n, luego seleccione la pesta\u00f1a ‘Gracias’.<\/p>\n
    (Opcional) Si desea configurar una p\u00e1gina global de "Gracias" a la que se enviar\u00e1 a los clientes al completar el pedido, puede configurar esa p\u00e1gina con esta configuraci\u00f3n. Esta opci\u00f3n anula la configuraci\u00f3n de la p\u00e1gina de pedidos completados de WooCommerce.<\/p>\n
    \"Redireccionamiento<\/a><\/p>\n
    En el campo de clave de licencia, agregue la clave de licencia enviada en el correo electr\u00f3nico de confirmaci\u00f3n del pedido. Esto activar\u00e1 las notificaciones de nuevas versiones del complemento y permitir\u00e1 actualizaciones autom\u00e1ticas desde su panel de WordPress.<\/p>\n
    Otros complementos<\/h3>\n
    YITH P\u00e1gina de agradecimiento personalizada para WooCommerce<\/h4>\n
    \"Redireccionamiento<\/a><\/p>\n
    Redirecci\u00f3n personalizada de Boxy WooCommerce despu\u00e9s del pago<\/h4>\n
    \"Redireccionamiento<\/a><\/p>\n
    Sea creativo con su p\u00e1gina de agradecimiento<\/h3>\n
    Controlar el dise\u00f1o permite la creatividad con su p\u00e1gina de "Gracias". Al usar un creador de p\u00e1ginas, puede mejorar la experiencia de su cliente, fortaleciendo las tasas de retenci\u00f3n.<\/p>\n
    Mantenga relevante su p\u00e1gina de ‘Gracias’, tal vez incluyendo un video del due\u00f1o de la tienda recomendando un producto. Cuando proporciona informaci\u00f3n atractiva para su cliente, se sentir\u00e1 motivado a contratar sus servicios en el futuro.<\/p>\n
    Si disfrut\u00f3 leyendo este art\u00edculo sobre la redirecci\u00f3n de WooCommerce despu\u00e9s del pago, debe consultar este sobre c\u00f3mo configurar productos relacionados con WooCommerce<\/a>.<\/p>\n
    Tambi\u00e9n escribimos sobre algunos temas relacionados, como c\u00f3mo configurar el modo de prueba<\/a> de WooCommerce, el producto agrupado<\/a> de WooCommerce, el producto variable<\/a> de WooCommerce, los complementos de citas de<\/a> WooCommerce, las variaciones de productos<\/a> de WooCommerce, c\u00f3mo exportar pedidos de WooCommerce<\/a>, c\u00f3mo cambiar la cantidad de productos de WooCommerce por p\u00e1gina<\/a>, WooCommerce oculta la categor\u00eda de la p\u00e1gina de la tienda<\/a> y las mejores opciones de productos adicionales de WooCommerce<\/a>.<\/p>\n
    Fuente de grabaci\u00f3n:  wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
    Uno de los redireccionamientos de WooCommerce m\u00e1s comunes despu\u00e9s del pago de pago. Por defecto, son redirigidos a una p\u00e1gina de ‘Gracias’.<\/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":[810,840,851,861],"tags":[1172],"class_list":["post-227309","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-complementos","category-tutoriales","category-woocommerce-2","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/227309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=227309"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/227309\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/185220"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=227309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=227309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=227309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}