# Page Structure & Elements

- [Overview](/page-structure-and-elements/page-structure-and-elements.md)
- [Editor](/page-structure-and-elements/editor.md)
- [User interface](/page-structure-and-elements/editor/user-interface.md)
- [How to work with PageFly editor?](/page-structure-and-elements/editor/user-interface/how-to-work-with-pagefly-editor.md)
- [How to work with PageFly on mobile?](/page-structure-and-elements/editor/user-interface/how-to-work-with-pagefly-on-mobile.md)
- [Page Editor – Element Inspector](/page-structure-and-elements/editor/user-interface/page-editor-element-inspector.md)
- [Page Editor - General Tab](/page-structure-and-elements/editor/user-interface/elements-general-settings.md)
- [Page Editor - Styling Tab](/page-structure-and-elements/editor/user-interface/elements-style-settings.md)
- [How to use Page outline to organize page layout?](/page-structure-and-elements/editor/user-interface/page-outline.md)
- [How to make impressive mobile responsive page?](/page-structure-and-elements/editor/user-interface/make-my-page-mobile-responsive.md)
- [How to use autosave and version history ?](/page-structure-and-elements/editor/user-interface/how-to-use-autosave-and-version-history.md)
- [Extra Functions](/page-structure-and-elements/editor/extra-functions.md)
- [How to manage custom option swatches for product variants?](/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](/page-structure-and-elements/editor/extra-functions/global-styling-feature.md)
- [How to use trash to manage deleted pages, sections, and media files?](/page-structure-and-elements/editor/extra-functions/trash.md)
- [How to Add Custom Font in PageFly](/page-structure-and-elements/editor/extra-functions/how-to-add-custom-font-in-pagefly.md)
- [How to manage image and video in PageFly?](/page-structure-and-elements/editor/extra-functions/use-image-manager-to-upload-media-files.md)
- [FlyMate - PageFly's AI Assistant](/page-structure-and-elements/editor/extra-functions/flymate-pageflys-ai-assistant.md)
- [PageFly Elements](/page-structure-and-elements/pagefly-elements.md)
- [Universal Elements](/page-structure-and-elements/pagefly-elements/universal-elements.md)
- [Containers](/page-structure-and-elements/pagefly-elements/containers.md)
- [Layout](/page-structure-and-elements/pagefly-elements/containers/layout.md)
- [Slideshow](/page-structure-and-elements/pagefly-elements/containers/slideshow.md)
- [Popup](/page-structure-and-elements/pagefly-elements/containers/popup.md)
- [Tabs](/page-structure-and-elements/pagefly-elements/containers/tabs.md)
- [Accordion](/page-structure-and-elements/pagefly-elements/containers/accordion.md)
- [Content List](/page-structure-and-elements/pagefly-elements/containers/content-list-element-2.md)
- [Basic](/page-structure-and-elements/pagefly-elements/basic.md)
- [Heading](/page-structure-and-elements/pagefly-elements/basic/heading-element.md)
- [Paragraph](/page-structure-and-elements/pagefly-elements/basic/paragraph-element.md)
- [Button](/page-structure-and-elements/pagefly-elements/basic/button-element.md)
- [List](/page-structure-and-elements/pagefly-elements/basic/list-element.md)
- [Icon](/page-structure-and-elements/pagefly-elements/basic/icon-element.md)
- [Divider](/page-structure-and-elements/pagefly-elements/basic/divider-element.md)
- [HTML/Liquid](/page-structure-and-elements/pagefly-elements/basic/html-liquid-element.md)
- [Media](/page-structure-and-elements/pagefly-elements/media.md)
- [Image comparison element](/page-structure-and-elements/pagefly-elements/media/image-comparison-element.md)
- [Image](/page-structure-and-elements/pagefly-elements/media/image-element.md)
- [Youtube video](/page-structure-and-elements/pagefly-elements/media/youtube-element.md)
- [Vimeo video](/page-structure-and-elements/pagefly-elements/media/vimeo-element.md)
- [HTML video](/page-structure-and-elements/pagefly-elements/media/html-video-element.md)
- [Soundcloud](/page-structure-and-elements/pagefly-elements/media/soundcloud-element.md)
- [Social](/page-structure-and-elements/pagefly-elements/social.md)
- [Instagram feed](/page-structure-and-elements/pagefly-elements/social/instagram-element.md)
- [Facebook like & share](/page-structure-and-elements/pagefly-elements/social/facebook-like-element.md)
- [Facebook feed](/page-structure-and-elements/pagefly-elements/social/facebook-page-element.md)
- [Twitter feed](/page-structure-and-elements/pagefly-elements/social/twitter-element.md)
- [Advanced](/page-structure-and-elements/pagefly-elements/advanced.md)
- [QR code](/page-structure-and-elements/pagefly-elements/advanced/qr-code-element.md)
- [Table](/page-structure-and-elements/pagefly-elements/advanced/table-element.md)
- [Countdown](/page-structure-and-elements/pagefly-elements/advanced/countdown-timer-element.md)
- [Google map](/page-structure-and-elements/pagefly-elements/advanced/google-map-element-2.md)
- [Progress](/page-structure-and-elements/pagefly-elements/advanced/progress-element.md)
- [Mailchimp form](/page-structure-and-elements/pagefly-elements/advanced/integrate-mailchimp-form.md)
- [Shopify elements](/page-structure-and-elements/shopify-elements.md)
- [Custom Content](/page-structure-and-elements/shopify-elements/custom-content.md)
- [App blocks](/page-structure-and-elements/shopify-elements/custom-content/how-to-use-shopify-app-block-element-with-pagefly-section.md)
- [Product](/page-structure-and-elements/shopify-elements/product.md)
- [Product Variant Metafield](/page-structure-and-elements/shopify-elements/product/how-to-use-shopify-product-variant-metafield-in-pagefly.md)
- [Product list](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-list.md)
- [Product details](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-details.md)
- [Product media](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-media.md)
- [Product title](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-title.md)
- [Product vendor](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-vendor.md)
- [Product price](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-price.md)
- [Product description](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-description.md)
- [Product variant](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-variant.md)
- [Product quantity](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-quantity.md)
- [Product Add to cart](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-add-to-cart.md)
- [Product view details](/page-structure-and-elements/shopify-elements/product/shopify-elements-product-view-details.md)
- [Product Metafield](/page-structure-and-elements/shopify-elements/product/shopify-product-metafield.md)
- [Dynamic checkout button](/page-structure-and-elements/shopify-elements/product/shopify-elements-dynamic-checkout-button.md)
- [Stock Indicator Element](/page-structure-and-elements/shopify-elements/product/stock-indicator-element.md)
- [Sticky bar element](/page-structure-and-elements/shopify-elements/product/sticky-bar-element.md)
- [Collection](/page-structure-and-elements/shopify-elements/collection.md)
- [Collection title](/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-title.md)
- [Collection image](/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-image.md)
- [Collection list](/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-list.md)
- [Collection view details](/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-view-details.md)
- [Collection details](/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-details.md)
- [Collection description](/page-structure-and-elements/shopify-elements/collection/shopify-elements-collection-description.md)
- [Form](/page-structure-and-elements/shopify-elements/form.md)
- [Customer form](/page-structure-and-elements/shopify-elements/form/shopify-elements-customer-form.md)
- [Customer form field](/page-structure-and-elements/shopify-elements/form/shopify-elements-customer-form-field.md)
- [Customer form button](/page-structure-and-elements/shopify-elements/form/shopify-elements-customer-form-button.md)
- [Contact form](/page-structure-and-elements/shopify-elements/form/shopify-elements-contact-form.md)
- [Contact form field](/page-structure-and-elements/shopify-elements/form/shopify-elements-contact-form-field.md)
- [Contact form button](/page-structure-and-elements/shopify-elements/form/shopify-elements-contact-form-button.md)
- [Search form](/page-structure-and-elements/shopify-elements/form/shopify-elements-search-form.md)
- [Blog posts](/page-structure-and-elements/shopify-elements/blog-posts.md)
- [Blog post list](/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-posts.md)
- [Blog post details](/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-post-details.md)
- [Blog post image](/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-post-image.md)
- [Blog post title](/page-structure-and-elements/shopify-elements/blog-posts/shopify-element-blog-post-title.md)
- [Blog post content](/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-post-content.md)
- [Blog post meta](/page-structure-and-elements/shopify-elements/blog-posts/shopify-elements-blog-post-meta.md)
- [Analytics](/page-structure-and-elements/analytics.md): PageFly provides dedicated analytics for your pages and A/B test campaigns separately.
- [Page analytics](/page-structure-and-elements/analytics/page-analytics.md): Page Analytics lets you view your page's performance and how PageFly pages can help you grow your business and increase sales. By visualizing metrics, you can get an overview of your page's performanc
- [Overview](/page-structure-and-elements/analytics/page-analytics/pages-analytics-overview.md)
- [Connect Google Analytics 4 (GA4)](/page-structure-and-elements/analytics/page-analytics/connect-google-analytics-4-ga4.md)
- [Understand your dashboards](/page-structure-and-elements/analytics/page-analytics/understand-your-dashboards.md): PageFly Analytics organizes your data into four levels, each answering different questions about your pages.
- [AI Analytics co-pilot](/page-structure-and-elements/analytics/page-analytics/ai-analytics-co-pilot.md)
- [FAQs](/page-structure-and-elements/analytics/page-analytics/faqs.md): Find answers to most questions related to using PageFly Analytics with AI integration.
- [Optimization](/page-structure-and-elements/optimization.md)
- [Market localization: Create localized page variants](/page-structure-and-elements/optimization/market-localization-create-localized-page-variants.md)
- [How to use AEO Q\&A Generator in PageFly](/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?](/page-structure-and-elements/optimization/custom-code-editor.md)
- [Page Analytics](/page-structure-and-elements/optimization/page-analytics.md)
- [How to speed up your Shopify store?](/page-structure-and-elements/optimization/pagespeed-optimization.md)
- [How to set up Facebook Pixel to understand the actions people take on website?](/page-structure-and-elements/optimization/setup-facebook-pixel-to-my-page.md)
- [How to publish PageFly page to Shopify menu navigation?](/page-structure-and-elements/optimization/publish-page-to-shopify-menu-navigation.md)
- [How to use the Zakeke Product Customizer on PageFly pages?](/page-structure-and-elements/optimization/how-to-use-the-zakeke-product-customizer-on-pagefly-pages.md)
- [How to use Langify to translate my page?](/page-structure-and-elements/optimization/integrate-langify-to-translate-my-page.md)
- [How to use Weglot to translate my pages?](/page-structure-and-elements/optimization/how-to-use-weglot-to-translate-my-pages.md)
- [How to use T Lab to translate PageFly’s page?](/page-structure-and-elements/optimization/how-to-use-t-lab-to-translate-pageflys-page.md)
- [JSON Template with PageFly](/page-structure-and-elements/optimization/json-template-with-pagefly.md)
- [How to Optimize Images with TinyIMG in the PageFly editor?](/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?](/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?](/page-structure-and-elements/optimization/how-to-use-seoantai-seo-image-optimizer-with-pagefly.md)
- [Black Friday Sale Ideas](/page-structure-and-elements/optimization/black-friday-sale-ideas.md)
- [Optimize Pages for CRO with PageFly Elements](/page-structure-and-elements/optimization/optimize-pages-for-cro-with-pagefly-elements.md)
- [Optimize Sale On Valentines Day](/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](/page-structure-and-elements/optimization/how-to-set-up-christmas-sale.md)
- [How to create a Flash sale section - Back to School](/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](/page-structure-and-elements/optimization/create-a-gift-guide-section-with-pagefly.md)
- [Main Use Case](/page-structure-and-elements/main-use-case.md)
- [Align Elements on a Page](/page-structure-and-elements/main-use-case/align-elements-on-a-page.md)
- [Direct to Links, Sections, Pop-ups](/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](/page-structure-and-elements/main-use-case/edit-spacing-margin-and-padding.md)
- [Flex Feature](/page-structure-and-elements/main-use-case/flex-feature.md)
- [Upload Files to Page](/page-structure-and-elements/main-use-case/upload-files-to-my-page.md)