Checkout app extensions make it easy for developers to extend their app code into checkout and customize many aspects of the checkout experience. Shopify provides the tools and resources for building checkout UI extensions on the checkout steps, post-purchase page, and thank you and order status pages.
โ
Add LoudHippo App Block
Once you have opted in to Checkout Extensibility, go to Shopify >> Settings >> Checkout >> Checkout Customization and click Customize.
The LoudHippo app block is available on both the Thank You Page (initial checkout) and Order Status page. You need to configure and add the app block on each page separately.
Once on either the Thank You or Order Status page, click 'Add app block' in the bottom left of the Checkout Extensibility Section editor panel. LoudHippo will appear as an available app block if you are an existing customer. If not already a customer, you can browse the Shopify App Store (bottom left of editor) and install LoudHippo from there.
You have the option to update the text on your survey App block:
A preview won't show, but once saved, you can navigate to the order status page of a previous order to see the survey in action:
โ
Demo
Here's a demo of the survey in action with the 8 different questions types:
Note: the survey will look different to how it appears in the LoudHippo admin, displaying questions one a time and without any additional styling to adhere to Shopify UI Extensibility guidelines.