e-satisfaction

The #1 Humanized Marketing Platform

4. Integration Step 2: Checkout Stage

Follow

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.

 

<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