Once your survey question and answer options have been defined, you will no doubt wish to see how the survey appears to your customers across the various channels/surfaces that your survey will be published on.
There are four ways in which you can view/preview your survey widget:
Your Surveys - Preview button
The Your Surveys view within the app presents a list of all of your surveys. These can be filtered by Active, Deactivated or All surveys.
When hovering over a survey, a set of action buttons will appear, one of which will is a Preview button:
Click on the Preview button and a full preview page will open to show an example of how your survey will appear across different surfaces.
The preview can be toggled between mobile and desktop views as well as the ability to toggle between each surface/channel that you have published your survey to:
The Survey Editor - preview pane
You will have seen the preview pane in the middle of the Survey Editor when creating your survey:
The Survey Editor preview pane allows you to see how your survey will appear across the different surfaces/channels it has been published to. The preview can also be toggled between mobile and desktop views:
The preview pane does not pick up and apply your store's global styles, however, it will give you a good idea as to how the survey will appear.
The preview pane of the Survey Editor will show how your survey appears when published on the following surfaces:
As a survey widget on the order thank you page / order status page
As a survey displayed within a standalone survey page
As a survey presented within the Shopify POS app
Please note:
The next two options for previewing the survey widget will require that your survey visibility has been enabled on the relevant channel.
Place an order on your store
Placing an order on your store will allow you to view the survey on your Thank You Page. This will help you to see exactly what your customer's will experience.
Yes, it will be live, but you can enable it for a brief period of time, test it and then unpublish it should you need to make adjustments.
View an existing order status page
If you would prefer not to place an order on your store but have existing orders in your Shopify Admin area, then this option may be more suitable for you.
To view an existing Order Status Page, go to Shopify Admin > Orders and then select any order from your orders list.
From the order view, click on the More actions dropdown and then select the View order status page option:
You will then see the Order Status Page for that order and the Grapevine Surveys Widget should then appear just underneath the order summary details displaying your order status page survey:
Previewing your survey on app block compatible post purchase pages
If you have migrated away from using checkout.liquid and are now using app block compatible post-purchase pages, then you will have added the Grapevine Surveys app block to both the Thank You Page and the Order Status Page via the Shopify checkout editor.
Revisit the Thank You Page and the Order Status Pages within your Shopify checkout editor to preview how a survey published to your order status page will appear.
What if the survey widget does not appear?
If the survey associated with an order has already been submitted, the survey will not appear again on that Order Status Page if you have enabled the One response per customer option.
If the survey widget does not appear on your Order Status Page, then please do contact our support team and we will take a look into the issue.