Your “Thank You Page” is a great opportunity to tell your brand story and build a relationship with new customers.
Include a video on this page thanking them for their purchase and educating them on the mission that drives your business.
Then, consider welcoming them into your community with links to your best blog posts and social content (Are you going to send them fun content via a post-purchase email sequence? Let them know!).
Remember: You have their undivided attention right now — make the most of it!
On this page
Configuring the OCU Thank You Page
To configure the available options for the OCU Thank You page, click on the "Settings" button from the left-side navigation menu. Then select "Page Defaults" and click the "Customize" button below "Thank You Page":
Here is where you can modify and preview the OCU Thank You page using the available Appearance section:
In the Appearance section, you can configure the following...
The "Title" of the page shown at the very top of the page. Default text is "Thank You for Your Order.
The Hero Section is where you choose the image or video you want used for that section of the Thank You page. There are 3 options available:
- Disabled - Uses no image or video for this section of the Thank You page.
- Image - Upload a custom image from your computer by clicking the "Choose Image" button.
- Video - Use a video instead by pasting in the Video's URL or Embed Code into the provided field. There is also an option to toggle "Auto-play" for the video (unavailable on mobile). Supported Services: YouTube, Vimeo, DailyMotion or Wistia
Choose whether or not you want a border around the Hero Section. Toggle the switcher on/off depending on your preference.
Shown above the "Hero Section" on the page. Default text is "Thanks! We appreciate you. 💖"
The Description field is where you can edit the Thank You page Description section. For this section, we provide a "What You See Is What You Get" (WYSIWYG) editor with many tools available such as:
Font Styles, Fonts, Font Size, Font Colors, Bold, Italicize, Underline, Remove Font Styles, Unordered List, Ordered List, Paragraph Spacing, Image, Link, Video, Line Height and Code View.
*Useful Tip: Using the "Code View" option you can add custom HTML code to the offer page. The correct way to add code is to switch to "Code View" -> add code -> switch back to text view -> Save changes. Otherwise (not switching back to text view first) it will not save the code changes.
Expand Order Summary On Mobile:
The customer Order Summary is collapsed by default on the OCU thank you page. If you'd like it to be expanded by default instead, enable this setting by clicking the switcher:
Offer Product Label:
This is the "Special Offer" text that will be shown above any upsell/downsell items in the Order Summary section that have been added to the order.
"Back to Store" Link settings:
Edit the "Back to Store" Link Text, Link Destination, Link Size and Link Color:
Headline Background Color:
Set the "Headline Background Color" for the Thank You page.
Preview Window and URL
The Thank You Page preview window allows you to see your edits applied updated in real-time! You can switch between Desktop and Mobile views by clicking the desired device icon.
The "Show Order Summary" dropdown also works when clicked in the Mobile preview window.
Click the "Preview on Store" button to see the OCU Thank You page "preview" opened up in a new browser window. You can share this preview URL with your designer or anyone else you'd like so they can view the preview and give editing tips and suggestions for improvement. The preview URL will look like this for example: https://yourstore.myshopify.com/apps/secure-checkout/previews/thank_you
*Note: The "preview window" and "preview URL" are just previews. The order summary section on the "live" OCU Thank You page will appear differently for each of your customer depending on which items they've purchased.
Once you have everything configured to your liking, click the "Save" button to save your changes!