> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.getgreenspark.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Customer Account Widget

In this article we will cover how to implement the Customer Account widget in your Shopify store.

| Add the widgets to your orders, order status and customer profiles!

# Add the widget to your customer accounts

1. From your Shopify admin, go to **`Online Store`** -> **`Themes` -> `Edit Theme`**

![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/a/0/3fa02643ae649600/customer-account-widget-1_1xsa3pi.png)
2. Within the Shopify theme editor click on the dropdown and then on `Checkout and customer accounts`

![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/a/0/3fa02643ae649600/customer-account-widget-2_vbtvz3.png)
3. Click on the dropdown again and select where you want to add the customer account widget. You can add this to your `Order status`, `Orders` or `Profile` pages.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/a/0/3fa02643ae649600/customer-account-widget-3_on4s7q.png =407xauto)
| We recommend adding the widget across all three areas to maximise touch-points with your customers.

4. Once you have decided where to add the widget, simply click on `Add block` and select the `Greenspark Customer Widget`. This can then be dragged to your desired position on the page.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/a/0/3fa02643ae649600/customer-account-widget-4_1mm7640.png =598xauto)


# Customise the widget

Once you have added the widget you are able to customise it to fit your theme.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/a/0/3fa02643ae649600/customer-account-widget-5_1w5hrw7.png =325xauto)
* Widget Background -> sets the background of your widget. This is limited by Shopify to ensure it matches all themes.
* Widget alignment -> positions the widget to be either left, center or right aligned.
* Widget full width -> When set to true the widget will fill the container.
* Hide popup -> Controls whether the popup is shown when your customer clicks on the widget.

Below is a popup example. We generally recommend activating this since it allows your customers to learn more about the projects they are supporting.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/a/0/3fa02643ae649600/customer-account-widget-6_pgzk9w.png)


|| Looking to set up our other Shopify widgets? Click [here](https://help.getgreenspark.com/en/article/how-do-i-display-badges-on-my-shopify-store-with-a-20-theme-olqwn4/)