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 grid layout so the page matches your brand.
All of these settings live in one place: Settings β Appearance inside the Easy Reorder app.
π¨ Colors
You can customize the colors used throughout the Reorder Page:
Primary button color β the main "Reorder" button
Secondary button color β for less prominent actions
Login card background β the color of the login box guests see
Input borders β the email and zip code fields
Pick colors that match your brand palette for a seamless look.
βοΈ Text and labels
Every piece of copy on the Reorder Page is editable:
Login page heading β e.g., "Welcome back" or "Reorder your essentials"
Login page description β the supporting text below the heading
Reorder page heading β what customers see once logged in
Section titles β labels for the previous order block and the products grid
Empty-state text β what shows when a customer has no past orders
Reorder button label β e.g., "Reorder", "Buy it again", "Add to cart"
Match these to your brand voice β friendly, premium, playful, or straightforward.
π Grid layout
The Reorder Page shows previously purchased products in a grid. You can set how many products show per row at each screen size:
xs / sm / md / lg / xl / xxl β one setting per screen size breakpoint
This gives you fine-grained control over how the page looks on mobile, tablet, and desktop. A common setup is 2 per row on mobile and 4 per row on desktop.
π‘ Pro Tip
Preview your changes on a real device after saving. Mobile rendering can look different from the in-app preview, especially for grid layouts and button colors.
π§ Need more control?
If colors and text aren't enough, you can apply custom CSS to the Reorder Page for advanced styling β fonts, spacing, animations, custom layouts. See our Custom CSS article for details.
Still have questions? Reach out β we're happy to help you get the look just right.