How to Add Blocks to Your Shopify Thank You & Order Status Pages (Step-by-Step Guide)
If you’re a Shopify merchant, you might have noticed that Shopify doesn’t allow direct access to checkout pages like the Thank You Page and Order Status Page for customization. However, there’s a way to personalize these pages and add blocks of content—and the best part? You can do it for free without writing a single line of code! In this guide, we’ll show you how to use the Checkout Blocks app to achieve this.
What You’ll Learn:
- How to install the Checkout Blocks app
- How to add static and dynamic content blocks
- How to use personalization features like customer names or order details
- How to conditionally display blocks based on specific rules
Let’s dive in!
Step 1: Install the Checkout Blocks App
- Go to the Shopify App Store and search for “Checkout Blocks.” Alternatively, use this link.
- Click Add App and install it on your Shopify store.
- Once installed, open the app from your Shopify admin dashboard.
Note: This app is free to use, with some advanced features available only for Shopify Plus users.
Step 2: Create a Static Content Block
Static blocks are perfect for adding unchanging information like icons, banners, or simple text.
- Open the Checkout Blocks app.
- Click on Create Block and select Static Content.
- Add your desired content, such as text, icons, or images. For example, you could write a thank-you note or display shipping details.
- Customize the content:
- Font Size: Choose between small, medium, or large text.
- Alignment: Align text to the left, center, or right.
- Appearance: Set collapsible content if you want a dropdown-style display.
- Save the block.
- Publish the block on your Thank You or Order Status Page using the Shopify theme editor:
- Go to Online Store > Themes > Customize.
- Select Order Status Page and click the “+ Add Block” button.
- Choose the static content block you just created.
Step 3: Create a Dynamic Content Block
Dynamic blocks allow you to personalize the content for each customer. For instance, you can display their name, email, or specific order details.
- Open the Checkout Blocks app.
- Click on Create Block and select Dynamic Content.
- Choose a template, such as an FAQ accordion or a banner.
- Customize the dynamic content:
- Add fields like customer name, email, or order details using Liquid Variables (e.g., {{ customer.first_name }}).
- Personalize icons or colors for a polished look.
- Add collapsible sections like FAQs.
- Save the block and set it to active.
- Publish the block on your Thank You or Order Status Page using the same steps as above.
Pro Tip: Test the dynamic block by placing a test order to see how customer-specific information appears.
Step 4: Use Display Rules for Conditional Content
The Checkout Blocks app allows you to display blocks conditionally based on specific criteria. For example, you can show certain blocks only for customers with:
- Specific products in their cart
- Orders above a certain value
- Specific subscription plans
To set display rules:
- Go to the Blocks section in the app.
- Select the block you want to configure.
- Add display conditions, such as:
- Product-specific rules
- Cart total thresholds
- Customer language or location
- Save and test the block to ensure the rules work as intended.
Step 5: Test Your Blocks
- Place a test order on your Shopify store.
- Navigate to the Thank You Page or Order Status Page.
- Verify that the static and dynamic content blocks display as expected.
- Check for personalization, such as customer name or email, in the dynamic blocks.
Advanced Features for Shopify Plus Users
If you’re on Shopify Plus, you can unlock additional features in the Checkout Blocks app, such as:
- Creating custom order and shipping discounts
- Validating customer addresses
- Adding subscription-specific content blocks
These features can take your store’s checkout experience to the next level.
Conclusion
Customizing your Thank You and Order Status Pages is an excellent way to enhance the post-purchase experience and leave a lasting impression on your customers. The Checkout Blocks app makes it incredibly easy to add static and dynamic content without any coding skills.!