# Customer Portal

Learn how to customize the Customer Portal in the Subscriptions app, including adding Custom CSS, modifying design elements, and personalizing text labels.

## **What is the Customer Portal?**

The Customer Portal is a self-service interface within the Subscriptions app that allows your shoppers to manage their subscriptions seamlessly. It provides an easy way for them to update payment information, modify subscription details, and review order history. As a store owner, you can customize the appearance and layout of the Customer Portal to match your brand by adding Custom CSS, changing colors, uploading your logo, and editing text labels.

## **Steps to Access and Customize the Customer Portal**

#### **Step 1: Open the Customer Portal Settings**

Click on **"Customer Portal"** to access the customization options.

<figure><img src="/files/yQY590G53b87dAXw4Xhx" alt=""><figcaption></figcaption></figure>

#### **Step 2: Add Custom CSS**

In the **Custom CSS Section**, you can input custom CSS code to further personalize the Customer Portal. This feature gives you advanced control over the look and feel, allowing you to apply unique styles or adjust elements that aren’t customizable through the standard design settings.

<figure><img src="/files/b7AYdEaL2tzEBXbCSe2w" alt=""><figcaption></figcaption></figure>

#### **Step 2: Customize the Design**

**Design Tab**: This section lets you make visual adjustments to the Customer Portal.

* **Upload Your Logo**: Add your brand’s logo to ensure the Customer Portal looks professional and cohesive.

<figure><img src="/files/9RzsrHZCnmyyV0klZdSl" alt=""><figcaption></figcaption></figure>

* **Change Colors**: Select colors that align with your brand for elements like buttons, backgrounds, and text.

<figure><img src="/files/hHn2QsYi1s1oU1ZMEeWW" alt=""><figcaption></figcaption></figure>

* **Text Labels**: Customize the text labels throughout the portal, such as renaming buttons or modifying section headers to better match your brand’s tone and terminology.

<figure><img src="/files/Pxz2sUpHixobUcnMnyrf" alt=""><figcaption></figcaption></figure>

## Common Questions about Customer Portal

<details>

<summary><strong>Can I preview the Customer Portal before making changes live?</strong></summary>

Yes, the Subscriptions app allows you to preview your customizations in real time. This way, you can ensure everything looks perfect before publishing your changes.

</details>

<details>

<summary>How do I reset to the default colors if needed?</summary>

You can revert to the default design colors at any time in the **Design Tab**. There’s an option to reset colors.

</details>

<details>

<summary>Is there a limit to how much Custom CSS I can add?</summary>

While there is no strict limit, keep in mind that extensive or complex CSS might affect the loading speed or functionality of the portal. It's best to test any custom styles you apply.

</details>

## Conclusion

Customizing the Customer Portal enhances the overall user experience and ensures it aligns with your brand’s identity. With options to add Custom CSS, adjust design elements, and personalize text labels, the Subscriptions app gives you full control over how your customers interact with their subscriptions. If you encounter any challenges or need guidance on customization, our support team is always here to help.

***

<table data-card-size="large" data-column-title-hidden data-view="cards" data-full-width="false"><thead><tr><th></th><th></th><th data-hidden></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><mark style="color:purple;"><strong>Get Subscriptions</strong></mark></td><td>Try free </td><td> </td><td><p>1. Customer Portal</p><p>2. Subscription Management</p><p>3. Update Payment Information</p><p>4. Manage Subscriptions</p><p>5. Subscription Settings</p><p>6. Self-Service Portal</p><p>7. Customize Portal Design</p><p>8. Customer Dashboard</p><p>9. Subscription Updates</p><p>10. Edit Subscription Preferences</p></td><td><a href="https://apps.shopify.com/subscriptions-pickystory">https://apps.shopify.com/subscriptions-pickystory</a></td><td></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.heyamplify.com/subscriptions/scenarios/customer-portal.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.