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 submmitted'  
'store_pickup': true for store pickup, false for home delivery
            }  }  }  }  };
</script>

 

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