Skip to main content

🎨 Customize the Look and Feel of Your Reorder Page

Written by Miles

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.

Did this answer your question?