> 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 %}