Your reorder page should feel like part of your store, not a generic add-on. Easy Reorder gives you control over colors, headings, button labels, and the product grid so the page matches your brand.
These settings live in the Easy Reorder app under Settings. Each has its own tab: Colors, Page text and Layout. Each tab saves on its own, so switching tabs with unsaved changes asks you first.
🎨 Colors
Go to Settings → Colors. You can set:
Primary button background and Primary button text — the main "Reorder" button
Secondary button background and Secondary button text — less prominent buttons
Page background — the background of the sign-in page
Input border — the border of the email and zip code fields
Type a color code like #000000, or click the small color square to pick one. A live preview of the sign-in page and the reorder page updates as you go.
✍️ Page text
Go to Settings → Page text. Every piece of copy on the reorder page is editable, in two groups.
Login page
Page title
Page description
Reorder page
Page title
Previous order section title
Products section title
Reorder button text
Empty state message — what customers see when they have no past orders
Leave a field empty to use the standard wording. For both page titles, that wording is "Reorder". Match the rest to your brand voice: friendly, premium, playful, or straightforward.
📐 Layout
Go to Settings → Layout. The reorder page shows previously purchased products in a grid. You set how many products sit in a row for each screen width, from 1 to 6:
Phone, under 576px
Large phone, 576px and up
Tablet, 768px and up
Desktop, 992px and up
Wide desktop, 1200px and up
Extra wide, 1400px and up
A common setup is 2 per row on phones and 4 per row on desktop.
🧩 Works on any reorder page
These settings apply wherever your reorder page lives: at Easy Reorder's own address, or on a page in your theme that uses the "Reorder page" block. See Use a theme page as your reorder page.
The floating reorder button has its own colors and wording, set under Widgets → Floating button. See Floating reorder button.
💡 Pro Tip
Preview your changes on a real phone after saving. Mobile rendering can look different from the preview in the app, especially for grid layouts and button colors.
🔧 Need more control?
If colors and text aren't enough, you can add custom CSS to the reorder page for advanced styling: fonts, spacing, animations. See Add custom CSS to the reorder page.
Still have questions? Get in touch and we'll help.