> For the complete documentation index, see [llms.txt](https://docs.appsections.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.appsections.com/basics/sections.md).

# Sections

A section in Shopify is a prebuilt part of a page designed to provide specific functionality and layout. Sections can range from a Hero section that highlights a particular product or collection to a Feature section that showcases your brand’s unique selling points (USPs).

{% embed url="<https://www.instagram.com/reel/DBL4NupSw1R/?igsh=MzRlODBiNWFlZA==&utm_source=ig_web_copy_link>" %}

### What is a Section?

Sections are the building blocks of Shopify pages, allowing for flexible design and easy customization. They consist of various components that you can style, rearrange, and link to your Shopify products or collections. This modular approach enables you to create dynamic and engaging pages without needing extensive coding knowledge.

### Using Sections in AppSections

AppSections provides a variety of prebuilt sections that you can use to build and customize your Shopify store pages. Here’s how to integrate and use them:

1. **Install a Section from AppSections**:
   * Open the AppSections app and navigate to the "Library Prebuilt Sections".
   * Browse the sections, and when you find one you like, click "Add to Favorites" or "Install".
   * Clicking "Install" will automatically add the section to your active theme in Shopify.
2. **Add the Section in Shopify Editor**:
   * Open your Shopify admin panel.
   * Go to "Online Store" > "Themes", and click "Customize" on your active theme.
   * In the theme editor, select the page template you want to edit.
   * Click "Add section" and use the search bar to find the section you installed from AppSections by name.
   * Select the section to add it to your page.
3. **Customize the Sections**:
   * **Style Them**: Modify the design elements to match your brand’s aesthetics.
   * **Change Text and Images**: Replace placeholder content with your own text and images.
   * **Link eCommerce Elements**: Connect sections to your Shopify products or collections, making them interactive and functional eCommerce elements.

### Tutorials

To help you manage your sections more efficiently, we have prepared a series of tutorials that cover all the common actions and features. These guides will walk you through the process of customizing and applying sections to enhance the layout and functionality of your store.

{% content-ref url="/pages/f1VSpGm1NQ7rGceLSvnF" %}
[Add Section](/basics/sections/add-section.md)
{% endcontent-ref %}

{% content-ref url="/pages/jmPpoBMAsJVPnrz1nGlv" %}
[Move Section](/basics/sections/move-section.md)
{% endcontent-ref %}

{% content-ref url="/pages/hcoTCDxsQag7UgRpCJS4" %}
[Duplicate Section](/basics/sections/duplicate-section.md)
{% endcontent-ref %}

{% content-ref url="/pages/FDyTAV5QwbLFK4duyPgm" %}
[Hide Section](/basics/sections/hide-section.md)
{% endcontent-ref %}

{% content-ref url="/pages/Oxz4byU0q0DnR8oOcdLt" %}
[Remove Section](/basics/sections/remove-section.md)
{% endcontent-ref %}

### Final Integration

Once you have installed and customized your sections, they will be seamlessly integrated into your Shopify store. AppSections ensures that this process is smooth and does not require any coding knowledge. Simply customize the sections in the Shopify editor and arrange them as needed to enhance your store’s functionality and appearance.

By following these steps, you can leverage the power of sections in AppSections to create a dynamic and visually appealing Shopify store that meets all your eCommerce needs. This approach not only enhances the look of your store but also improves its functionality without requiring any technical expertise.

For more detailed instructions, you can visit the [Shopify Help Center](https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks) and the [Shopify Developer](https://shopify.dev/docs/storefronts/themes/architecture/sections) documentation.


---

# 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://docs.appsections.com/basics/sections.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.