If you're placing additional content on your Order Status Page (OSP), you may find that your Grapevine survey will end up being pushed further down the page. This is because the content in your Additional Scripts area will load above the container that we use to deliver the Grapevine survey.
This is likely to contribute to a reduction in the number of survey submissions that you receive.
If you'd like to place your Grapevine survey somewhere within your additional content on the OSP, then we have a simple workaround to help overcome this issue.
How do I position the Grapevine Survey?
Within your Settings > Checkout and accounts > Order status page > Additional scripts area, add the following line of code where you'd like the survey to appear:
<div id="grapevine-container"></div>
In this example, you can see that we'd like to display the Grapevine survey between themy-custom-top-box
and themy-custom-bottom-box
elements:
<div id="my-custom-top-box">...</div>
<div id="grapevine-container"></div>
<div id="my-custom-bottom-box">...</div>
Here is how that would look within your Shopify Admin settings:
That's all there is to it!
Need any help?
If you have any questions about this workaround or any other Grapevine related question, then please do just get in touch.