• BLOCK SETUP GUIDES • SETUP GUIDE

How to Customize the Shopify Customer Login Page

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

Sign-in appearance settings control the supported page, primary button, and card styling. They affect presentation, not who can authenticate or how the account login process works.

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: Style account and sign-in pages consistently

Example setup: Shopify Plus; current customer accounts; intended brand colors.

Step-by-step instructions

  1. Open Checkout branding and its Customer accounts section.

  2. For Sign-in page, adjust the supported background/text, primary button colors, and card corners/shadow.

  3. Use a readable palette, for example a white background with dark navy text and a dark navy button with white text.

  4. Save, then open the signed-out customer sign-in page. Check the page background, primary button, and card appearance.

  5. Test on a phone, then complete sign-in to confirm the ordinary authentication flow still works.

Verify the result

Test case Expected result or verification
Signed-out sign-in page The supported sign-in styling appears.
Authentication Styling does not change login eligibility or authentication.

Important: These controls change appearance, not authentication, account eligibility, or order permissions. In the article about login, focus on the signed-out sign-in view.

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.