• GETTING STARTED • SETUP GUIDE

How to Add Rivio Checkout Customizer Blocks to the Shopify Checkout Editor

By Rivio Support Team
2 min read

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.

EXPECTED SETUP TIME Varies by feature
COMPATIBILITY See requirements in this guide
TECHNICAL DIFFICULTY Zero Code Required

Configure a visual block in Rivio, then place the matching app block on a supported page in Shopify’s Checkout and Accounts Editor. Both saves are required.

How this feature works

Rivio separates function-based rules, visual blocks, offers, account features, and branding. Choose the feature that solves your immediate goal. Configure it in Rivio, complete its activation or editor-placement requirement, then test a matching and a non-matching customer case before combining it with other features.

Before you begin

Open Apps > Rivio Checkout Customizer in the intended store. Prepare the cart, customer, products, address, or order needed by the example, and check the feature’s supported inputs before activating it.

Worked example: Configure and place a single banner end to end

Example setup: A Shopify Plus store for checkout placement, or a supported Thank you page on Basic or higher.

Step-by-step instructions

  1. Open UI extension blocks > Custom banner and create a configuration named Dispatch message.

  2. Enter Orders ship within 2 business days, choose an informational tone, and leave display conditions empty for the first test.

  3. Save the configuration as Active. Note which pages its card supports.

  4. Open the Checkout and Accounts Editor and choose the intended configuration and exact target page.

  5. Use Add app block in a supported location, select the matching Rivio banner, and select the saved configuration if prompted.

  6. Save the editor. Test the actual page using a checkout or completed order appropriate to that surface.

  7. Edit the message in Rivio and save; verify the content change without removing and recreating the placement.

Verify the result

Test case Expected result or verification
Saved in Rivio only Configuration exists but has no guaranteed customer placement.
Saved in Rivio and editor The active banner appears on the supported target page.
Banner set to Draft The saved configuration is not an active customer-facing message.

If the result is different

Check What it means / what to do
Cannot find a feature Check the current Shopify plan and the feature’s supported page labels.
Saved setup has no customer result Complete the feature’s activation or supported editor-placement step.
Several features interact unexpectedly Test one at a time, then repeat the combined customer flow with the same cart/customer context.

Configuration screenshots

Use the numbered instructions for the current workflow. Navigation wording in an older screenshot can differ from the current app.

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.