> For the complete documentation index, see [llms.txt](https://galmis.gitbook.io/barcodify-customer-selector/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://galmis.gitbook.io/barcodify-customer-selector/getting-started/share-app-generated-barcodes-with-customers/place-barcodes-on-the-new-customer-page.md).

# Place barcodes on the new customer page

{% hint style="info" %}
The guide is for stores using the new customer account pages. For the legacy customer pages, please check out the [tutorial](/barcodify-customer-selector/getting-started/share-app-generated-barcodes-with-customers/place-barcodes-on-the-legacy-customer-page.md). Learn more about the [differences between customer accounts and legacy customer accounts](https://help.shopify.com/en/manual/customers/customer-accounts). 
{% endhint %}

1. In Shopify Admin navigate to Online Store and click **Edit theme**. Learn more about [customizing themes](https://help.shopify.com/en/manual/online-store/themes/customizing-themes). 

   <figure><img src="/files/ojkQmZUb9kv3Yq8BDMVU" alt=""><figcaption></figcaption></figure>
2. Within the theme editor, click **Home page** dropdown menu at the top and select **Checkout and Customer accounts**.&#x20;

   <figure><img src="/files/VJ0PsHZ39sOmxwz3Id0h" alt=""><figcaption></figcaption></figure>
3. In the checkout editor page click the **Checkout** dropdown menu at the top and select **Profile**.&#x20;

   <figure><img src="/files/gHU0hnbA1FgQM9t9WgsW" alt=""><figcaption></figcaption></figure>
4. In the apps' sidebar, search for "Barcodify - Customer Selector" and add the "**Customer barcodes**" extension.&#x20;

   <figure><img src="/files/BQOLWSI3I7rHSK99acEe" alt=""><figcaption></figcaption></figure>
5. Enter the store's `.myshopify.com` domain name as displayed in the admin settings below the store's name.&#x20;

   <figure><img src="/files/uwgefTVnVYPzNmtALb2i" alt=""><figcaption></figcaption></figure>
6. Optionally, add custom text to title and subtitle fields.&#x20;

   <figure><img src="/files/b76aqWO0vcUzKQbk07Vk" alt=""><figcaption></figcaption></figure>
7. If you wish to change the block's placement, move it using the arrow buttons below.&#x20;

   <figure><img src="/files/R6GcOtUSNIAUtM4TYlo0" alt=""><figcaption></figcaption></figure>
8. Save the changes (top right).

{% hint style="warning" %}
To display changes in the customer's profile editor, Shopify provides a non-existent test customer with ID 1. Since the customer doesn't exist, scanning the customer's barcodes will not yield any results in the app. To test barcode scanning, please save the changes, then open an existing customer's profile in your online store outside the editor.
{% endhint %}

{% hint style="info" %}
The app's customer account UI extension currently doesn't support text translations. If you require this or any other customisations, please email me at <hello@galmis.com> and I'll be happy to help.&#x20;
{% endhint %}