Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Insert code in thank you page order confirmation woocommerce WordPress

  • SOLVED

Hello I am looking for help with woocommerce to add a code to the order confirmation thank you page. I need the get the following order variables inside [ ] and insert the woocommerce code to get the actual woocommerce values.

<script data-cfasync="false">
window.juapp=window.juapp||function(){(window.juapp.q=window.juapp.q||[]).push(arguments)}

/*
Replace the [order ...] portions below with the actual order information.
You can omit any of the attributes that you don't have values for other then the order id and order total.
*/

juapp(
'order',
'[order id]',
{total:[order total],subtotal:[order subtotal],tax:[order tax],shipping:[order shipping],currency:'USD'}
);

/*
You will need to repeat this line of code for each item in the order.
Replace the [item ...] portions below with the actual item information in order.
You can omit any of the attributes that you don't have values for other then the item id and quantity.
*/

juapp(
'orderItem',
'[item id]',
{name:'[item name]',quantity:[item quantity],price:[item price],color:'[item color]',size:'[item size]'}
);

/* end of repeat section */
</script>


I have looked over this page but need help with the code. https://docs.woocommerce.com/document/custom-tracking-code-for-the-thanks-page/

Also you can see more about the conversion code here https://support.justuno.com/general-conversion-code-installation

Let me know if any questions

Answers (1)

2019-11-09

Alex Miller answers:

Below is a function you can copy and paste into a theme, child theme, or build as a separate plugin. The easiest solution is to mix Javascript and PHP to add in the order properties to the tracking script. If you have any questions let me know!

/**
* Add tracking code to WooCommerce Thank You page
*
* @param Integer $order_id
*
* @return void
*/
function jwt_woocommerce_thankyou_juapp_tracking( $order_id ) {

// Lets grab the order
$order = wc_get_order( $order_id );

// Let's grab the order items
$line_items = $order->get_items();

?>

<script data-cfasync="false">
window.juapp=window.juapp||function(){(window.juapp.q=window.juapp.q||[]).push(arguments)}

juapp(
'order',
'<?php echo $order->get_ID(); ?>',
<?php
printf( '{total:\'%1$s\',subtotal:\'%2$s\',tax:\'%3$s\',shipping:\'%4$s\',currency:\'USD\'}',
$order->get_total(),
$order->get_subtotal(),
$order->get_cart_tax(),
$order->get_shipping_total()
);
?>
);

<?php foreach( $line_items as $item ) :
$product = $item->get_product();
$attributes = $item->get_formatted_meta_data( '_', true );
$script_atts = array(
'color' => '',
'size' => '',
);

if( $product->is_type( 'variation' ) && ! empty( $attributes ) ) {

foreach( $attributes as $attr ) {

$key = str_replace( 'pa_', '', $attr->key );

if( isset( $script_atts[ $key ] ) ) {
$script_atts[ $key ] = $attr->value;
}

}

}
?>

juapp(
'orderItem',
'<?php echo $item->get_ID(); ?>',
<?php
printf( '{name:\'%1$s\',quantity:\'%2$s\',price:\'%3$s\',color:\'%4$s\',size:\'%5$s\'}',
$product->get_name(),
$item->get_quantity(),
$product->get_price(),
$script_atts['color'],
$script_atts['size']
);
?>
);

<?php endforeach; ?>

</script>

<?php

}
add_action( 'woocommerce_thankyou', 'jwt_woocommerce_thankyou_juapp_tracking' );


If need be I can add a link to download the code as a plugin ( which would be fully install-able as a plugin ).


George Sprouse comments:

Thank you the worked out perfect!