Overview #
The Customer Portal in the Easy Subscriptions app lets your customers manage their recurring orders with ease. They can view order history, pause, cancel, or swap products within their subscriptions—all through a user-friendly interface.
To provide a branded and personalized subscription experience, Easy Subscriptions offers a Custom CSS feature that allows you to fully customize the look and feel of the portal. You can style fonts, colors, layouts, buttons, and more to align with your Shopify store’s theme and branding.
Key Customization Capabilities #
- Text and Element Styling: Adjust font types, sizes, and colors for headings, body text, and labels.
- Layout Control: Modify spacing, alignment, and structure of subscription sections and blocks.
- Button Customization: Restyle key actions like “Pause,” “Cancel,” and “Swap” to match your design system.
- Status Badge Customization: Create visually distinct indicators for subscription states (Active, Paused, Canceled).
- Product Card and Grid Styling: Edit product display cards using background colors, borders, padding, and custom grids.
- Order & Subscription Management View: Tailor how order history, billing frequency, and product actions are displayed.
Step-by-Step Instructions to Customize the Customer Portal Using CSS #
- Access the Easy Subscriptions App:
Log in to your Shopify dashboard. Go to Apps → Easy Subscriptions. - Open the Settings Panel:
From the sidebar menu in Easy Subscriptions, click on Settings. - Enable the Custom CSS Option:
Locate the Custom CSS section and toggle it ON. - Apply Your Custom CSS:
Paste or write your CSS code to style the subscription portal elements. You can edit:- Typography (font-family, size, weight)
- Button colors and hover states
- Product card styling
- Badge shapes and colors
- Spacing and layout adjustments
- Save and Preview:
Click Save to apply changes. Then preview the portal to ensure everything looks consistent with your brand.
Summary #
The Custom CSS feature in Easy Subscriptions empowers you to deliver a fully branded, customer-facing subscription portal experience. From colors and buttons to layout and fonts, you can make the portal feel like a natural extension of your Shopify store—boosting customer trust and reinforcing your brand identity.
If you have specific design needs or require help writing CSS code for your subscription interface, feel free to reach out to our support team.
