> For the complete documentation index, see [llms.txt](https://wishlist.nativeappco.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wishlist.nativeappco.com/install-and-setup/theme-setup/add-app-blocks-to-your-theme.md).

# Add app blocks to your theme

## **Instructions** 

{% stepper %}
{% step %}

### Open theme editor

In Shopify Admin, navigate to Online Store -> [Themes](https://admin.shopify.com/themes) -> Customise Theme
{% endstep %}

{% step %}

### Add app block to header

* Within your theme editor, expand your '**Header**' section
* Click to 'Add block' in your '**Header**' section
* Select '**Apps**' -> **'Open wishlist button'** block\
  \ <img src="/files/ZoiDB5WnlLPb0U4HDsNT" alt="" data-size="original"><br>
  {% endstep %}

{% step %}

### Configure header app block settings&#x20;

* Within the '**Open wishlists button**' app block you can configure settings to customise the styling as per your needs.
  * *Learn more about the available settings* [*here*](/customisation/custom-styling/product-page-button.md)*.*\
    ![](/files/jnPVRSxPEA2TV68wOtBF)
    {% endstep %}

{% step %}

### Add app block to product template/s

* Within your theme editor, navigate to your **Default Product** template
* Click to 'Add block' in your '**Product Information**' section&#x20;
  * *This section may have different name depending on your theme*
* Select '**Apps**' -> '**Add To List Button PDP'** bloc&#x6B;**.**\
  \
  ![](/files/SQUDS2W4OAuOTExzpPKK)<br>
* Drag and drop the block within your product section to position it as required.
  {% endstep %}

{% step %}

### Configure product app block settings&#x20;

* Within the '**Add to list button PDP**' app block you can configure settings to customise the styling as per your needs.
  * *Learn more about the available settings* [*here*](/customisation/custom-styling/header-button.md)*.*\
    \
    ![](/files/PoF4y774eLolZZcN5tCm)
    {% endstep %}

{% step %}

### Repeat steps 4 & 5 for any other product templates

If your theme is running multiple product templates, you'll need to repeat steps 4 & 5 (above) for any other product templates you use.
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://wishlist.nativeappco.com/install-and-setup/theme-setup/add-app-blocks-to-your-theme.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.