# Page Structure & Elements

- [Overview](https://help.pagefly.io/page-structure-and-elements/page-structure-and-elements.md)
- [Editor](https://help.pagefly.io/page-structure-and-elements/editor.md)
- [User interface](https://help.pagefly.io/page-structure-and-elements/editor/user-interface.md)
- [How to work with PageFly editor?](https://help.pagefly.io/page-structure-and-elements/editor/user-interface/how-to-work-with-pagefly-editor.md)
- [How to work with PageFly on mobile?](https://help.pagefly.io/page-structure-and-elements/editor/user-interface/how-to-work-with-pagefly-on-mobile.md)
- [Page Editor – Element Inspector](https://help.pagefly.io/page-structure-and-elements/editor/user-interface/page-editor-element-inspector.md)
- [Page Editor - General Tab](https://help.pagefly.io/page-structure-and-elements/editor/user-interface/elements-general-settings.md)
- [Page Editor - Styling Tab](https://help.pagefly.io/page-structure-and-elements/editor/user-interface/elements-style-settings.md)
- [How to use Page outline to organize page layout?](https://help.pagefly.io/page-structure-and-elements/editor/user-interface/page-outline.md)
- [How to make impressive mobile responsive page?](https://help.pagefly.io/page-structure-and-elements/editor/user-interface/make-my-page-mobile-responsive.md)
- [How to use autosave and version history ?](https://help.pagefly.io/page-structure-and-elements/editor/user-interface/how-to-use-autosave-and-version-history.md)
- [Extra Functions](https://help.pagefly.io/page-structure-and-elements/editor/extra-functions.md)
- [How to manage custom option swatches for product variants?](https://help.pagefly.io/page-structure-and-elements/editor/extra-functions/how-to-custom-option-swatches-for-product-variants.md)
- [How to use Global Styles to customize styles to use for all PageFly pages](https://help.pagefly.io/page-structure-and-elements/editor/extra-functions/global-styling-feature.md)
- [How to use trash to manage deleted pages, sections, and media files?](https://help.pagefly.io/page-structure-and-elements/editor/extra-functions/trash.md)
- [How to Add Custom Font in PageFly](https://help.pagefly.io/page-structure-and-elements/editor/extra-functions/how-to-add-custom-font-in-pagefly.md)
- [How to manage image and video in PageFly?](https://help.pagefly.io/page-structure-and-elements/editor/extra-functions/use-image-manager-to-upload-media-files.md)
- [FlyMate - PageFly's AI Assistant](https://help.pagefly.io/page-structure-and-elements/editor/extra-functions/flymate-pageflys-ai-assistant.md)
- [PageFly Elements](https://help.pagefly.io/page-structure-and-elements/pagefly-elements.md)
- [Universal Elements](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/universal-elements.md)
- [Containers](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/containers.md)
- [Layout](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/containers/layout.md)
- [Slideshow](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/containers/slideshow.md)
- [Popup](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/containers/popup.md)
- [Tabs](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/containers/tabs.md)
- [Accordion](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/containers/accordion.md)
- [Content List](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/containers/content-list-element-2.md)
- [Basic](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/basic.md)
- [Heading](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/basic/heading-element.md)
- [Paragraph](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/basic/paragraph-element.md)
- [Button](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/basic/button-element.md)
- [List](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/basic/list-element.md)
- [Icon](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/basic/icon-element.md)
- [Divider](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/basic/divider-element.md)
- [HTML/Liquid](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/basic/html-liquid-element.md)
- [Media](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/media.md)
- [Image comparison element](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/media/image-comparison-element.md)
- [Image](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/media/image-element.md)
- [Youtube video](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/media/youtube-element.md)
- [Vimeo video](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/media/vimeo-element.md)
- [HTML video](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/media/html-video-element.md)
- [Soundcloud](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/media/soundcloud-element.md)
- [Social](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/social.md)
- [Instagram feed](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/social/instagram-element.md)
- [Facebook like & share](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/social/facebook-like-element.md)
- [Facebook feed](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/social/facebook-page-element.md)
- [Twitter feed](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/social/twitter-element.md)
- [Advanced](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/advanced.md)
- [QR code](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/advanced/qr-code-element.md)
- [Table](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/advanced/table-element.md)
- [Countdown](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/advanced/countdown-timer-element.md)
- [Google map](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/advanced/google-map-element-2.md)
- [Progress](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/advanced/progress-element.md)
- [Mailchimp form](https://help.pagefly.io/page-structure-and-elements/pagefly-elements/advanced/integrate-mailchimp-form.md)
- [Shopify elements](https://help.pagefly.io/page-structure-and-elements/shopify-elements.md)
- [Custom Content](https://help.pagefly.io/page-structure-and-elements/shopify-elements/custom-content.md)
- [App blocks](https://help.pagefly.io/page-structure-and-elements/shopify-elements/custom-content/how-to-use-shopify-app-block-element-with-pagefly-section.md)
- [Product](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product.md)
- [Product Variant Metafield](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/how-to-use-shopify-product-variant-metafield-in-pagefly.md)
- [Product list](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-list.md)
- [Product details](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-details.md)
- [Product media](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-media.md)
- [Product title](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-title.md)
- [Product vendor](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-vendor.md)
- [Product price](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-price.md)
- [Product description](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-description.md)
- [Product variant](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-variant.md)
- [Product quantity](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-quantity.md)
- [Product Add to cart](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-add-to-cart.md)
- [Product view details](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-product-view-details.md)
- [Product Metafield](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-product-metafield.md)
- [Dynamic checkout button](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/shopify-elements-dynamic-checkout-button.md)
- [Stock Indicator Element](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/stock-indicator-element.md)
- [Sticky bar element](https://help.pagefly.io/page-structure-and-elements/shopify-elements/product/sticky-bar-element.md)
- [Collection](https://help.pagefly.io/page-structure-and-elements/shopify-elements/collection.md)
- [Collection title](https://help.pagefly.io/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-title.md)
- [Collection image](https://help.pagefly.io/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-image.md)
- [Collection list](https://help.pagefly.io/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-list.md)
- [Collection view details](https://help.pagefly.io/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-view-details.md)
- [Collection details](https://help.pagefly.io/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-details.md)
- [Collection description](https://help.pagefly.io/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-description.md)
- [Form](https://help.pagefly.io/page-structure-and-elements/shopify-elements/form.md)
- [Customer form](https://help.pagefly.io/page-structure-and-elements/shopify-elements/form/shopify-elements-customer-form.md)
- [Customer form field](https://help.pagefly.io/page-structure-and-elements/shopify-elements/form/shopify-elements-customer-form-field.md)
- [Customer form button](https://help.pagefly.io/page-structure-and-elements/shopify-elements/form/shopify-elements-customer-form-button.md)
- [Contact form](https://help.pagefly.io/page-structure-and-elements/shopify-elements/form/shopify-elements-contact-form.md)
- [Contact form field](https://help.pagefly.io/page-structure-and-elements/shopify-elements/form/shopify-elements-contact-form-field.md)
- [Contact form button](https://help.pagefly.io/page-structure-and-elements/shopify-elements/form/shopify-elements-contact-form-button.md)
- [Search form](https://help.pagefly.io/page-structure-and-elements/shopify-elements/form/shopify-elements-search-form.md)
- [Blog posts](https://help.pagefly.io/page-structure-and-elements/shopify-elements/blog-posts.md)
- [Blog post list](https://help.pagefly.io/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-posts.md)
- [Blog post details](https://help.pagefly.io/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-post-details.md)
- [Blog post image](https://help.pagefly.io/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-post-image.md)
- [Blog post title](https://help.pagefly.io/page-structure-and-elements/shopify-elements/blog-posts/shopify-element-blog-post-title.md)
- [Blog post content](https://help.pagefly.io/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-post-content.md)
- [Blog post meta](https://help.pagefly.io/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-post-meta.md)
- [Analytics](https://help.pagefly.io/page-structure-and-elements/analytics.md): PageFly provides dedicated analytics for your pages, section-level insights, sales funnel, and an AI co-pilot — all without requiring external tools.
- [Page analytics](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics.md): PageFly Analytics tracks visitor behavior on your pages automatically — no external tools required. See sessions, conversions, revenue, section heatmaps, and AI-powered insights in one place.
- [Overview](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/pages-analytics-overview.md)
- [Enable PageFly Analytics](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/enable-pagefly-analytics.md)
- [Understand your dashboards](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/understand-your-dashboards.md): PageFly Analytics organizes your data into multiple levels, each answering different questions about your pages.
- [Section Insights](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/section-insights.md)
- [Sales Funnel](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/sales-funnel.md)
- [AI Analytics co-pilot](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/ai-analytics-co-pilot.md)
- [Page Insights in Editor](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/page-insights-in-editor.md)
- [FAQs](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/faqs.md): Answers to common questions about PageFly Analytics.
- [Connect Google Analytics 4 (Legacy)](https://help.pagefly.io/page-structure-and-elements/analytics/page-analytics/connect-google-analytics-4-ga4.md): For merchants using the legacy Google Analytics 4 integration. New merchants should use PageFly Analytics instead.
- [Optimization](https://help.pagefly.io/page-structure-and-elements/optimization.md)
- [Market localization: Create localized page variants](https://help.pagefly.io/page-structure-and-elements/optimization/market-localization-create-localized-page-variants.md)
- [How to use AEO Q\&A Generator in PageFly](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-use-aeo-q-and-a-generator-in-pagefly.md)
- [How to use custom code editor to customize your page?](https://help.pagefly.io/page-structure-and-elements/optimization/custom-code-editor.md)
- [Page Analytics](https://help.pagefly.io/page-structure-and-elements/optimization/page-analytics.md)
- [How to speed up your Shopify store?](https://help.pagefly.io/page-structure-and-elements/optimization/pagespeed-optimization.md)
- [How to set up Facebook Pixel to understand the actions people take on website?](https://help.pagefly.io/page-structure-and-elements/optimization/setup-facebook-pixel-to-my-page.md)
- [How to publish PageFly page to Shopify menu navigation?](https://help.pagefly.io/page-structure-and-elements/optimization/publish-page-to-shopify-menu-navigation.md)
- [How to use the Zakeke Product Customizer on PageFly pages?](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-use-the-zakeke-product-customizer-on-pagefly-pages.md)
- [How to use Langify to translate my page?](https://help.pagefly.io/page-structure-and-elements/optimization/integrate-langify-to-translate-my-page.md)
- [How to use Weglot to translate my pages?](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-use-weglot-to-translate-my-pages.md)
- [How to use T Lab to translate PageFly’s page?](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-use-t-lab-to-translate-pageflys-page.md)
- [JSON Template with PageFly](https://help.pagefly.io/page-structure-and-elements/optimization/json-template-with-pagefly.md)
- [How to Optimize Images with TinyIMG in the PageFly editor?](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-optimize-images-with-tinyimg-in-the-pagefly-editor.md)
- [How to use Shoplift A/B Testing with PageFly?](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-use-shoplift-a-b-testing-with-pagefly.md)
- [How to use SEOAnt:AI SEO & Image Optimizer with PageFly?](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-use-seoantai-seo-image-optimizer-with-pagefly.md)
- [Black Friday Sale Ideas](https://help.pagefly.io/page-structure-and-elements/optimization/black-friday-sale-ideas.md)
- [Optimize Pages for CRO with PageFly Elements](https://help.pagefly.io/page-structure-and-elements/optimization/optimize-pages-for-cro-with-pagefly-elements.md)
- [Optimize Sale On Valentines Day](https://help.pagefly.io/page-structure-and-elements/optimization/tips-to-optimize-sale-on-valentines-day-with-pagefly-dynamic-checkout-button.md)
- [How to set up Christmas Sale Page with PageFly | Best Guide in 2023](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-set-up-christmas-sale.md)
- [How to create a Flash sale section - Back to School](https://help.pagefly.io/page-structure-and-elements/optimization/how-to-create-a-flash-sale-section-back-to-school.md)
- [Optimize Your Store for Mother's Day: Create a Gift Guide with PageFly](https://help.pagefly.io/page-structure-and-elements/optimization/create-a-gift-guide-section-with-pagefly.md)
- [Main Use Case](https://help.pagefly.io/page-structure-and-elements/main-use-case.md)
- [Align Elements on a Page](https://help.pagefly.io/page-structure-and-elements/main-use-case/align-elements-on-a-page.md)
- [Direct to Links, Sections, Pop-ups](https://help.pagefly.io/page-structure-and-elements/main-use-case/direct-to-a-link-a-section-a-pop-up-an-email-address-or-a-phone-number-by-click-action.md)
- [Edit Spacing, Margin and Padding](https://help.pagefly.io/page-structure-and-elements/main-use-case/edit-spacing-margin-and-padding.md)
- [Flex Feature](https://help.pagefly.io/page-structure-and-elements/main-use-case/flex-feature.md)
- [Upload Files to Page](https://help.pagefly.io/page-structure-and-elements/main-use-case/upload-files-to-my-page.md)


---

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