e-satisfaction

The #1 Humanized Marketing Platform

Integration Step 2: Checkout Stage

Follow

To successfully integrate the Checkout Questionnaire in the Order Confirmation page of your website, please make sure that you will first have to complete the Integration Step 1: Core Library

Step 4.1

For the checkout stage questionnaires, you have to define in the checkout success page the placeholder where the questionnaire will reside, as a css selector. (eg. #esat_checkout_container)

You have to make sure that the element exists and it's in the page before running the integration code.

 Step 4.2

The following script has to be executed between steps 3.1 and 3.2. Or just replace it with step 3.1 

<script>
window.esat_config = { 
application_id: 'YOUR-APPLICATION-ID', 
collection: {
    'CHECKOUT-QUESTIONNAIRE-ID': {
        metadata: {
            responder: {
'email': 'The customer's email',
     'phone_number': 'The customer's phone number'
           },             
questionnaire: {   
'transaction_id': 'The id of the order',   
'transaction_date': 'The datetime the order was submitted',   
'store_pickup': true for store pickup, false for home delivery
            }  }  }  }  }; 
</script>

 

If you do not have the option of store pick up for your orders, then the store pickup variable should always have the value false.

Note: The position of the Checkout questionnaire should also be defined in the Dashboard Checkout Questionnaire Integration Settings (field name=position). 

If the integration has been completed successfully, you should be able to see the embedded questionnaire in the container, upon completing the checkout success process.

 Here's an example: 

<script>
window.esat_config = {
application_id: 'Gfvpy8zfSWCgusUWN5eZfQ',
collection: {
    'Jf327y8zfsafgjk246sZfQ': {
        metadata: {
            responder: {
'email': 'john@doe.com',
     'phone_number': '00306941123458'
           },            
questionnaire: {  
'transaction_id': 'G32528352',  
'transaction_date': '2018-02-25 15:20:32',  
'store_pickup': true
            }  }  }  }  };
</script>

 

Was this article helpful?
0 out of 0 found this helpful

Comments