This guide explains how to integrate the unique link of your on-site survey page into Shopify's Shipping updated > Delivered notification template. Providing a direct link to a "shipping experience" survey is a great way to receive instant feedback.
This article will involve customizing the survey URL and a short snippet of code in your Abandoned Checkout notification email. If you would like some help with this then please get in touch.
Locate and copy your on-site survey's unique URL
To locate the unique on-site survey code you wish to use in your abandoned checkout email, take a look at our article on how to find my unique survey code?
Adding a URL parameter to identify the respondent
The on-site survey page supports a number of variables that when incorporated into the on-site survey URL, can be used to identify the respondent.
For this step, we'll append the URL parameters for both the customer id, 'customer_id' and order id, 'order_id' into the on-site survey URL.
Using xxxx as a placeholder for our values (we will replace these in the next step), our modified URL should currently look something like this:
https://mystore.myshopify.com/tools/survey/64b51408bf775?customer_id=xxxx&order_id=xxxx
Using Shopify Objects within the on-site survey URL
You can use Shopify Liquid Objects to populate URL parameters with dynamic values. Shopify Objects like the Customer ID and Order ID can be used to identify a survey response with a customer or order in your Shopify store, without the respondent needing to type in their name or email address.
For more details, please see our guide Using Shopify Objects within the Standalone survey URL
Including the Shopify Liquid Object as a value
The following Shopify Liquid Object values should be added to the URL parameter.
customer_id = {{ customer.id }}
order_id = {{ id }}
Your unique survey URL should now look something like this:
https://mystore.myshopify.com/tools/survey/64b51408bf775?customer_id={{ customer.id }}&order_id={{ id }}
Finish preparing your customized on-site survey URL by encapsulating it within an anchor tag to create a link.
<a href="https://mystore.myshopify.com/tools/survey/64b51408bf775?customer_id={{ customer.id }}&order_id={{ id }}">Take our survey!</a>
Adding the on-site survey link to the notification template
Within your Shopify admin got to Settings > Notifications
Scroll down on the page to locate the Delivered email template within the Shipping updated section and select that option:
Select the Edit code button from the top right of that page.
Find a suitable area within the email to insert your survey link tag. If you decide to create a new section specifically for your survey link then it may be necessary to copy the HTML from an existing section within the template and adapt it to your needs.
You should introduce this survey section by posing a question and then adding a brief summary before the survey link, e.g.
How did we do with our delivery today?
If you would like to let us know, please click the link below for our simple one-question survey. Many thanks!
Take our survey
This will help let the customer know what it is that you’d like them to do.
You may wish to place the survey link within a 'button' instead.
Example
In the example below we are using the default Shopify theme – Dawn. We have used additional styling for the Survey section and button. Shopify's guide on how to edit their notification email templates can be found here:
Preview your notification
Once you have made your changes, Preview the notification or send yourself a Test email:
Don't forget to Save the notification template
That's it! The link to your on-site survey will now be included within your Delivered notification emails.
Need any help?
If you have any questions about the content of this article or any other Grapevine Surveys related question, then please do just get in touch.