# Adding your first section

Design Packs are a huge collection of sections that can be added and customized right into your existing theme.  Our sections work with ANY Shopify theme (found one that doesn't? Let us know at <support@design-packs.com> and we'll fix it for you)

### Install a section&#x20;

<figure><img src="https://276451088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiJpf70jLagzGk8zoz4fu%2Fuploads%2F1pQ2z0QKQaFDT7JsboNE%2Fadd%20new%20section.gif?alt=media&#x26;token=3c0edfef-1183-4eb7-a489-b97e9ee51531" alt=""><figcaption></figcaption></figure>

Once you’ve picked a section to add, choose which theme you want it in. You can install it on your **current published theme** or on any **unpublished draft theme** if you’d like to test it out first. &#x20;

{% hint style="warning" %}
NOTE: You won't be able to add any sections to trial themes until you have paid for the theme.
{% endhint %}

### Add Section to page template

Now you can add the Design Pack section directly from the **Customize** area of your theme. It will appear just like any other section in your theme.

* If you are using an **Online Store 2.0 theme**, you can place the section on **any page**.
* If you are using an **older theme (pre-2020)**, the section can be added to the **homepage only**.

<figure><img src="https://276451088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiJpf70jLagzGk8zoz4fu%2Fuploads%2Fvd6MdGWjCXIVoVc33nvk%2Fadd%20section.gif?alt=media&#x26;token=ceeeb5a8-c035-44b0-9e0d-7dfaf47f5f40" alt=""><figcaption></figcaption></figure>

### Customize section with settings

Each Design Pack section includes a wide range of customization options and works just like the sections already in your theme.

All sections come with a standard set of settings such as **image sizing**, **mobile image options**, **font selections**, **section width controls**, and **flexible content blocks**. These options make it easy to adapt each section so it fits seamlessly with your existing theme and branding.

{% embed url="<https://share.zight.com/ApudoQ4y>" %}

Please note that the **free sections include limited settings**. We recommend trying the **risk-free 14-day trial** to unlock the full collection of Design Packs and explore all available blocks and settings.

For a complete overview, check out our [**general settings**](https://design-packs.gitbook.io/docs/guides/general-settings).

That’s it! You can now add Design Pack sections to any page on your store.


---

# 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://design-packs.gitbook.io/docs/guides/adding-your-first-section.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.