# 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: 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.