• BRANDING • SETUP GUIDE

How Shopify Checkout Branding Configurations Work

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

Rivio’s advanced branding module adjusts checkout colors, corner radius, typography, and supported account/sign-in appearance on Shopify Plus.

How this feature works

Checkout branding follows the selected checkout configuration. Check which configuration is Published before saving because changes to the published configuration affect live checkout. Account and sign-in appearance settings in the Customer accounts section apply shop-wide rather than being isolated by checkout profile.

Before you begin

Use an eligible Shopify Plus store. Open Apps > Rivio Checkout Customizer and check the feature’s listed supported page. For a visual feature, configure it in Rivio and save its matching editor placement.

Worked example: Edit the configuration the store actually uses

Example setup: Shopify Plus; more than one checkout configuration if the store supports it.

Step-by-step instructions

  1. Open Checkout branding and note the selected checkout profile/configuration.

  2. Identify which configuration is Published and which your test checkout uses.

  3. Make a small recognizable supported change, such as a button color, on the intended configuration.

  4. Review the Published warning, then save when that is the intended target.

  5. Open View checkout or the corresponding customer checkout and verify the exact change.

  6. If account styling is also needed, review the Customer accounts section separately because its appearance settings apply shop-wide.

Verify the result

Test case Expected result or verification
Edited configuration used by test checkout The saved change appears.
Edited configuration not used by test checkout Switch to the intended configuration or correct the target.
Account styling Do not expect checkout-profile isolation for account appearance.

If the result is different

Check What it means / what to do
Changes not visible Check the saved value and the checkout configuration the shopper actually uses.
Wrong area changed Review main/order-summary schemes and checkout versus account/sign-in settings separately.
Text is difficult to read Test the affected controls, long labels, and error states on desktop and a phone before saving further changes.

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.