How to Add Custom Blocks to the Shopify Thank You Page
What you will achieve in this guide
Follow the feature-specific setup and testing instructions below. Check the supported pages and plan requirements before activating the feature.
Thank you and Order status are separate pages after the original order is placed. Configure and place compatible Rivio blocks on each page you want to customize.
How this feature works
Thank you is the immediate confirmation after checkout. Order status is the order view customers can revisit. Configure and place content on each intended page separately; placement on one does not place it on the other. Use a completed test order to verify these surfaces.
Before you begin
Checkout-step visual blocks require Shopify Plus. Supported Thank you and Order status blocks are available on Basic and higher. Check the page labels on the block’s Rivio card; a card does not necessarily support every page.
Worked example: Add a dispatch banner to the immediate confirmation
Example setup: Basic-or-higher store and a shippable test product.
Step-by-step instructions
Open UI extension blocks and filter to Thank you; choose Custom banner if its card lists that page.
Enter Orders ship within 2 business days and choose an informational tone.
Save as Active and leave optional conditions empty for the first test.
Open the editor’s Thank you page for the intended configuration and place the matching Rivio banner in a supported location.
Save the editor, then complete a new test order and inspect its immediate confirmation.
Review desktop and phone presentation; use a separate Order status placement if you want the message on return visits.
Verify the result
| Test case | Expected result or verification |
|---|---|
| Newly completed order | The Thank you banner displays. |
| Returning Order status page without its own placement | Do not expect the Thank you-only layout to carry over. |
Important: If you add an order-based condition later, complete an order matching that condition rather than relying on preview data.
If the result is different
| Check | What it means / what to do |
|---|---|
| Appears on the wrong confirmation/order view | Select and save placement on the exact Thank you or Order status page. |
| Preview works but real order does not | Test with an actual completed order matching the configured conditions. |
| Offer purchase result is unclear | Follow the displayed action and verify the resulting purchase instead of assuming the original paid order is modified. |
Related guides
- How to Customize the Shopify Thank You Page
- How to Add Post-Purchase Upsells to the Shopify Thank You Page
- How to Add Custom Blocks to the Shopify Order Status Page
Need help?
Email support@rivioapps.com with your store domain, feature name, target page, the relevant settings, and a screenshot of the actual result. Include the test cart, customer, or order details needed to reproduce the issue.
Screenshot reference
Screenshot to add: The saved settings described in this guide, with its selected conditions or scope visible.
Screenshot to add: The worked example’s actual customer result or saved Shopify record, including the relevant test inputs.
Was this article helpful?
Your feedback helps us continuously improve our setup guides and documentation.
Thank you for your feedback! Our documentation team reviews all suggestions.