> For the complete documentation index, see [llms.txt](https://docs.shopwaive.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shopwaive.com/shopify/app-blocks.md).

# App blocks

Show customers their Shopwaive balance in your theme or on the Profile page of Shopify's customer accounts

## Legacy customer accounts

Navigate to the **Shopify Admin** > **Sales Channels** > **Online Store** and click **Edit theme** next to your theme. Click **Add block** inside a section, or **Add section**, and in the Apps section of the menu choose the <mark style="color:blue;">**Account**</mark> app block, which can display a customer's transaction history and current available balance. Click **Save**.

{% hint style="info" %}
The <mark style="color:blue;">**Account**</mark> app block is designed for [Legacy customer accounts](https://help.shopify.com/en/manual/customers/customer-accounts). It shows only to a signed-in customer. Stores on Shopify's new customer accounts use the <mark style="color:blue;">**Account**</mark> block on the Profile page instead: see [Customer accounts](#customer-accounts) below
{% endhint %}

<figure><img src="https://1743155819-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6HSAZj4RDucpQwVtzMYt%2Fuploads%2F5aAQWuc3bZuO1nS8HnEw%2FAppBlocks.png?alt=media&amp;token=9f7dae5c-a486-4022-8ea3-781a81ccb8cc" alt=""><figcaption><p>Add the Account app block for legacy customer accounts to show a transactions table and available balance</p></figcaption></figure>

## Customer accounts

On Shopify's new customer accounts, the <mark style="color:blue;">**Account**</mark> block shows each customer their Shopwaive balance, redemptions and offers on the Profile page. It does not run on legacy customer accounts.

To add the block:

1. In the Shopify admin go to **Settings** > **Checkout** and open the checkout and accounts editor
2. Open **Apps** in the editor's sidebar
3. Click **+** next to the Shopwaive <mark style="color:blue;">**Account**</mark> block and choose **Profile**
4. Click **Save**

Shopify's own steps: [Customizing your checkout and customer accounts with apps](https://help.shopify.com/en/manual/checkout-settings/customize-checkout-configurations/checkout-apps)

### Profile

A signed-in customer sees:

* **Balance**: their balance. On a Loyalty and Rewards store the card is titled **Points**, or your own unit, and shows whole numbers
* **Redeemed**: the total they have redeemed, once they have redeemed
* **Offers**: their available offers, when [Offers](/shopify/offers.md) is on
* **Recent redemptions**: their three most recent redemptions, each with the order name, date and amount
* With the [referral program](/shopify/referrals-and-affiliates.md) on: their referral link, coupon code and referral figures

To choose who sees the block, open the Shopwaive app and go to <mark style="color:blue;">**Settings**</mark> > <mark style="color:blue;">**Theme**</mark> > <mark style="color:blue;">**Customer account visibility**</mark>. When it is on, only customers who carry one of the tags you list see the block. With no tags listed, every signed-in customer sees it.

<figure><img src="https://1743155819-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6HSAZj4RDucpQwVtzMYt%2Fuploads%2Fwa1bqrd9TTdsHk7IfCMw%2FNewCustomerAccounts.png?alt=media&amp;token=b5878010-3c61-4569-b650-0d981d82b8b9" alt=""><figcaption><p>The Account block on the customer account Profile page</p></figcaption></figure>

{% hint style="info" %}
In the editor the block shows sample figures and the line "Preview — a signed-in customer sees their own balance and redemptions here." Customers see their own figures. Questions? Contact us at <support@shopwaive.com>
{% endhint %}

Have questions on any specific features? [<mark style="color:blue;">**Contact us**</mark>](mailto:support@shopwaive.com)
