Customer Portal Customizations

Overview

The Customer Portal in the Easy Subscriptions app allows customers to manage their subscriptions, view their subscription history, and make changes such as swapping products, pausing, or canceling subscriptions. This portal can be fully customized to match the branding and design of your Shopify store. With the Custom CSS feature, you have the flexibility to adjust various visual elements of the portal, providing a seamless and consistent customer experience.

Key Customization Capabilities

• Text and Element Styling: Adjust fonts, colors, and sizes for headings, paragraphs, and other text elements.
• Layout Control: Modify the structure and positioning of subscription product lists, buttons, and badges.
• Button Customization: Style action buttons such as “Pause”, “Cancel”, and “View More” to align with your store’s branding.
• Badge Customization: Design status indicators (e.g., Active, Paused, Canceled) with custom colors and shapes
• Product Card and Grid Layouts: Customize the look of product cards, including background colors, padding, and overall layout.
• Order History & Subscription Management: Customize the display of order details, subscription intervals, and product management options.

Step-by-Step Instructions for Custom CSS Setup

Step 1: Access the Easy Subscriptions App

1. Log in to your Shopify dashboard.
2. Navigate to the Apps section and click on Easy Subscriptions.

Step 2: Open the Settings

1. Inside the Easy Subscriptions app, locate the Settings menu from the sidebar.

Step 3: Enable Custom CSS

1. In the settings page, find the Custom CSS option.
2. Toggle the switch to enable Custom CSS.

Step 4: Apply Your Custom CSS

1. After enabling Custom CSS, input your CSS code to style elements within the Customer Portal.
2. You can modify styles for text, buttons, badges, product displays, order history sections, and more.

Step 5: Save and Preview

1. Once you have added your custom CSS, click Save to apply the changes.
2. Preview the portal to ensure that the customizations reflect your desired design.

Summary

The Custom CSS feature in Easy Subscriptions allows you to fully customize the appearance of the Customer Portal to ensure it aligns with your store’s design. This includes adjusting layouts, colors, fonts, and various interface elements, offering a personalized and branded subscription management experience for your customers.