# Overview

The **Page Structure & Elements** section will let you know how the PageFly page structure works, as well as all the PageFly elements in the page editor.

You can check [this guide](https://academy.pagefly.io/guide/chapter-2-build-page-structure/?utm_source=manual\&utm_medium=article\&utm_campaign=guides) to know more about page structure with main containers which are Section, Row, Elements to design your page.

Elements play an important role in building your PageFly store and increasing your conversion rate. PageFly provides four different types of elements to help you build your store. These are:

* **Standard elements:** you can find Containers, Basic elements, Media elements, Social elements and Advanced elements such as the Countdown Timer, Mailchimp Form, and the Table. Those are standard to any web page.
* **Shopify elements:** here you will find elements that require data from Shopify, for example, the Product List, Product Details, the Collection list, Forms, and your Blog.
* **Third-party elements:** here you’ll find all the elements from other apps that have been integrated with PageFly. Third-party elements have been categorized into Reviews & Rating, Badges & Seals, Upsell & Cross-Sell, Subscriptions, and Upload Fields.
* **Sections:** this is where you can find saved sections (sections that you previously created and saved) and premade sections.

Editing your page’s spacing logically and rationally is essential because this will attract more customers to your store. You can learn how to edit the spacing with margins and padding functions to make your content stand out more.

The following articles will give you a broader understanding of how to use these elements.

### Video tutorials

#### Legacy Editor

This video will give you a clear demonstration so you can understand more about the page structure in the Legacy Editor of PageFly.

{% embed url="<https://youtu.be/6lIeIgxzERU>" %}

#### Gen 2 Editor

To take your page-building skills further, watch our latest tutorial on building sections, blocks, and responsive layouts with the new Gen 2 Editor to optimize your Shopify pages.

{% embed url="<https://youtu.be/ACoThfVSBu4>" %}

{% hint style="warning" %}
**Important Note**: Gen 2 Editor Beta is now closed. Pages and sections created with Gen 2 Editor will remain fully functional. Enhanced version will be coming soon.
{% endhint %}


---

# 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://help.pagefly.io/page-structure-and-elements/page-structure-and-elements.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.