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

# Shopify Account

Enable customers to install your wallet pass from their customer account.

<figure><img src="https://697675905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRg00tOg8E2yOB0rdXTbu%2Fuploads%2FHSGq9R6In3KpFpuZ0bEy%2FScreenshot%202024-03-20%20at%2010.36.19%E2%80%AFAM.png?alt=media&amp;token=566a2ce5-f1c4-49c7-8559-da3bf412ea68" alt=""><figcaption></figcaption></figure>

## Overview

It's very simple for you to add your wallet pass to your Shopify account page. Simply add the one of the following images to your account page:

<div align="center"><figure><img src="https://697675905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRg00tOg8E2yOB0rdXTbu%2Fuploads%2FyevONJBWo7ew2Do8TOk5%2FAdd%20to%20Mobile%20Wallet%20Button.png?alt=media&amp;token=9f706378-4401-45e7-9642-4cef7031541c" alt="" width="270"><figcaption></figcaption></figure> <figure><img src="https://697675905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRg00tOg8E2yOB0rdXTbu%2Fuploads%2FyoQnhy0jx43lDprrvWxO%2FApple%20Wallet%20Logo.svg?alt=media&amp;token=a8ae76bf-6dc9-4cb7-87f8-ce24336e2f7f" alt=""><figcaption></figcaption></figure> <figure><img src="https://697675905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRg00tOg8E2yOB0rdXTbu%2Fuploads%2FBjwjZCrdx7sv2U3PSRSX%2FGoogle%20Wallet%20badge.svg?alt=media&amp;token=fb8c50a6-4ed5-454f-91cf-0da39fdf3b9f" alt=""><figcaption></figcaption></figure></div>

Set the link associated with the image to [(use pass install link)](/start-guide/distribute-your-pass.md#novel-pass-link):&#x20;

```
https://[yourstorefront].novel.com/login
```

{% hint style="info" %}
Once the customer is logged in, Novel automatically replaces the image link with an authenticated URL, enabling a one-click pass install for the customer.&#x20;
{% endhint %}

Refer to the brand kit below to get high resolution images.

{% @figma/embed fileId="5u5yQM726XWS0WurrX1Hcw" nodeId="0:1" url="<https://www.figma.com/file/5u5yQM726XWS0WurrX1Hcw/Novel-Brand-Kit-(Community)?mode=design&node-id=0:1&t=MzMXOkpt86mMltPm-1&type=design>" %}
