Skip to main content

How to customize your subscription - widget, customer portal, custom CSS

This article covers how to customize your subscription widget, subscription portal, and create a custom CSS.

Updated this week

You can easily customize your subscription widget in the Merchant admin page in the Appstle Subscriptions app. To do this, open the app and navigate to More > Widget/Customer Portal, depending on which you wish to customize.

Widget Settings

1. Widget Labels

On the Widget Labels page you can customize the labels associate with your subscriptions. These labels are used by the customer to navigate your store and set up or manage recurring orders.

2. Widget Settings

On the Widget Settings page you can customize widget configurations and enable/disable visual options for your store.

Customer Portal Settings

1. Labels

On the Labels page, you can customize the names of labels your customer will see in their profile or order snapshot. Customers use these labels to manage their subscriptions, so choosing user friendly labels is advised.

2. Permission

On the Customer Portal Permission page, you can manage permission settings and provide a variety of different options for customers to manage their subscriptions using the customer portal.

3. Configuration

On the Configuration page, you can customize various settings on your customer portals, including date formatting and setting up cancellation and up selling discounts.

4. Customization

On the Customization page, you can edit various display settings including showing/hiding different sections in the customer portal. You can also add style changes by changing button colors, tabs, and backgrounds.

5. Advanced Setup

On the Advanced Setup page, you can enable additional management rules in the customer portal. This includes restricting customer permissions, specific product availability, and making products not editable through the customer portal.

Custom CSS

If you would like to customize your own code using CSS, Appstle offers custom CSS capabilities that allow you to customize the look and feel of the subscription widget. Custom CSS is easily added using the built-in editor. Each feature has its own editor including:

1. Widget CSS (at the bottom of 'Widget Settings') - Used for the subscription widget, or any general storefront changes.

2. (Customer Portal) Custom CSS - Used for the customer portal.

If you have any questions regarding customization, please contact us at subscription-support@appstle.com. You can also chat with a live agent 24/7 using our chat widget.

Did this answer your question?