How to Implement the Revenue Goals in Wingify?

In this article, you’ll learn:

• About Revenue Goal
• Implementing the Revenue goal in Wingify Insights Goals
• Implementing the Revenue goal in Wingify Testing
• Add Multiple Revenue Goals on a Single Page

About Revenue Goal

The Revenue goal typically tracks the revenue generated by visitors to your website during their journey. For example, consider an e-commerce site, where the visitors make purchases. You can track the revenue generated after the visitors submit the billing detail form, successfully. To determine the revenue earned, you can simply define a revenue tracking goal for each successful billing form submission.

The Revenue goal can be set up for both Wingify Insights and Wingify Testing campaigns. In both the cases, the goal requires a tracking code (along with the Wingify SmartCode) to be implemented on the page, where the revenue is to be tracked. Then, you need to define your revenue value in this tracking code. Usually, the revenue value is available on the ‘thank you’ / ‘payment confirmation’ page, where the transaction is completed.

Applying the revenue tracking code to this page ensures that Wingify tracks only those transactions where revenue is generated.

Some Key Points

• While adding the revenue value in the revenue tracking code, ensure that it doesn’t include a comma (,). This is because, Wingify by default, replaces the comma with a decimal. For example, if you enter the value as 1,500, the comma is replaced with a decimal as 1.5. However, you can enter the value with a proper decimal like 1500.0.
• If you don't want to hardcode the code snippets on your website, you can choose to work with any of the following alternatives: Tag managers or the Pre-campaign JS option of Wingify Editor. The Pre-campaign JS option is only available with Wingify Testing.

For Wingify Insights Goals

Perform the following steps to set up the Revenue goal under Wingify Insights:

1. From the Goal Type dropdown, select Track Revenue and enter the URL of the page, where you want to track the revenue and click Next. On the Audience page, enter the audience URL, and click Create. 
2. Now, you will be able to see the following revenue tracking code snippet generated by Wingify to track the revenue.  For Wingify Insights:  Copy the code and paste it into the source code of your ‘thank you’ / ‘payment confirmation’ page and pass the value equal to the total revenue generated by the visitor. The revenue value is often a variable present in your website that populates the value of the purchase made by the visitor. For example, if a purchase is made for $5, the revenue variable collects the value and populates it. If it is for $9, the revenue variable updates the value accordingly. You can directly pass the revenue variable in the goal snippet so that it automatically picks the revenue value of the purchase. To do so, replace “REPLACE_THIS_WITH_ACTUAL_REVENUE" with the revenue variable in the code.

For Wingify Testing

Perform the following steps to set up the Revenue goal for your Wingify Testing campaign:

1. On the Goals page, from the Goal Type dropdown, select Tracks revenue on and enter the URL of the goal page where you have access to the revenue amount of each successful transaction. It is typically available on the ‘thank you’ / ‘payment confirmation’ page after a successful payment/transaction. 

2. Click Save changes to see the following revenue tracking code snippet generated by Wingify to track the revenue.
   For Wingify Testing:

   <script type="text/javascript">
       window._vis_opt_queue = window._vis_opt_queue || [];
       window._vis_opt_queue.push(function() {
           _vis_opt_revenue_conversion("REPLACE_THIS_WITH_ACTUAL_REVENUE");
       });
   </script>

   Copy the code and paste it into the source code of your webpage and apply the revenue variable to it.

Add Multiple Revenue Goals on a Single Page

By default, Wingify allows creating one revenue tracking goal for each test. However, to track multiple revenue goals on a single page, such as a 'thank you' or 'payment confirmation' page, use the following code snippet:

<script type = "text/javascript" >
 var rev1 = < revenue
for 1 st revenue tracking goal > ;
var rev2 = < revenue
for 2 nd revenue tracking goal > ;
window._vis_opt_queue = window._vis_opt_queue || [];
window._vis_opt_queue.push(
 function() {
   _vis_opt_register_conversion( < goal ID1 > , < Campaign ID > , rev1);
 });
window._vis_opt_queue.push(function() {
 _vis_opt_register_conversion( < goal ID2 > , < Campaign ID > , rev2);
});
</script>

NOTE: Replace the respective revenue variable with the respective goal and campaign ID in the URL. As soon as the visitor visits the goal URL on which the revenue code is present after the Wingify code, a conversion will be triggered in Wingify, and the revenue value will be logged for the corresponding goal ID.

Locate your Goal ID in Wingify

To locate your goal ID, perform these steps:

1. Select the test campaign for which you want to locate the goal ID.
2. Go to Review > Configuration summary.
3. The Goals section will display all the goals you have created for the test, with a Goal ID assigned to each goal created.