# LayoutHub

## LayoutHub

- [What is LayoutHub?](https://docs.layouthub.com/master): It’s a powerful Website Builder, Landing Page Builder, Popup Builder and Split Testing tools for online business owners with beautiful designs and templates
- [Support](https://docs.layouthub.com/user-guides/support)
- [Installation](https://docs.layouthub.com/user-guides/installation): Start using Layouthub now!
- [Uninstallation](https://docs.layouthub.com/user-guides/uninstallation): How to delete the LayoutHub app?
- [Upgrade/Downgrade](https://docs.layouthub.com/user-guides/upgrade-downgrade)
- [FAQs](https://docs.layouthub.com/user-guides/faqs)
- [How to remove instagram section from Layouthub](https://docs.layouthub.com/user-guides/faqs/how-to-remove-instagram-section-from-layouthub)
- [What is "Pages limit"?](https://docs.layouthub.com/user-guides/faqs/what-is-pages-limit)
- [When can I "Edit code"?](https://docs.layouthub.com/user-guides/faqs/when-can-i-edit-code)
- [What about "Save section"?](https://docs.layouthub.com/user-guides/faqs/what-about-save-section)
- [What is " Auto save draft"?](https://docs.layouthub.com/user-guides/faqs/what-is-auto-save-draft)
- [What is "Integration Services"?](https://docs.layouthub.com/user-guides/faqs/what-is-integration-services)
- [How to set the same font between Shopify and LayoutHub?](https://docs.layouthub.com/user-guides/faqs/how-to-set-the-same-font-between-shopify-and-layouthub)
- [How to custom font and color on LayoutHub?](https://docs.layouthub.com/user-guides/faqs/how-to-custom-font-on-layouthub)
- [How to set "Page handle or human url"?](https://docs.layouthub.com/user-guides/faqs/how-to-set-page-handle-or-human-url)
- [Connective Button](https://docs.layouthub.com/user-guides/faqs/connective-button)
- [How to save page without publish it](https://docs.layouthub.com/user-guides/faqs/how-to-save-page-without-publish-it)
- [How to change the meta SEO for LayoutHub's page](https://docs.layouthub.com/user-guides/faqs/how-to-change-the-meta-seo-for-layouthubs-page)
- [Common Issues](https://docs.layouthub.com/user-guides/common-issues)
- [Layout Management](https://docs.layouthub.com/user-guides/layout-editor): A live preview of your design, including all our pre-made designs library. This is where you’ll actually build your layout and it looks exactly like it will look to your visitors.
- [Create Layouts](https://docs.layouthub.com/user-guides/layout-editor/page-layouts): The Templates that helps you speed up your design process by: Importing pre-made templates from the developer (or third-party), Saving your own designs as templates to reuse later
- [Design Blocks](https://docs.layouthub.com/user-guides/layout-editor/design-blocks)
- [Export & Import](https://docs.layouthub.com/user-guides/layout-editor/export-and-import): Notice: This feature is only available in the Pro and Premium plans.
- [Edit Section Code](https://docs.layouthub.com/user-guides/layout-editor/edit-section-code)
- [Edit a Layout](https://docs.layouthub.com/user-guides/layout-editor/edit-a-layout)
- [Assign a Layout](https://docs.layouthub.com/user-guides/layout-editor/assign-product-layout)
- [Duplicate a Layout](https://docs.layouthub.com/user-guides/layout-editor/duplicate-a-layout)
- [Delete a Layout](https://docs.layouthub.com/user-guides/layout-editor/delete-a-layout)
- [Section builder](https://docs.layouthub.com/user-guides/section-builder)
- [LayoutHub pages/templates](https://docs.layouthub.com/user-guides/featured-elements)
- [Home Page](https://docs.layouthub.com/user-guides/featured-elements/homepage): How to customize your Home Page?
- [Create additional Home Page](https://docs.layouthub.com/user-guides/featured-elements/homepage/create-additional-home-page): You can create a new complete home page with LayoutHub.
- [Make an existing page as home page](https://docs.layouthub.com/user-guides/featured-elements/homepage/make-an-existing-page-as-home-page): After creating some standard pages with LayoutHub, if you want to make one of those pages as a home page, you can follow the image below.
- [Restore to default Home Page](https://docs.layouthub.com/user-guides/featured-elements/homepage/restore-to-default-home-page)
- [Customize Shopify Home Page](https://docs.layouthub.com/user-guides/featured-elements/homepage/customize-shopify-home-page)
- [Sub-page](https://docs.layouthub.com/user-guides/featured-elements/sub-page)
- [Contact Form](https://docs.layouthub.com/user-guides/featured-elements/sub-page/third-party-email-subscribe): An email subscription is an option on a website that allows visitors to receive updates via email by specifying their email addresses in a subscription form.
- [Product Template](https://docs.layouthub.com/user-guides/featured-elements/product-page)
- [Product Detail](https://docs.layouthub.com/user-guides/featured-elements/product-page/general)
- [Related Product](https://docs.layouthub.com/user-guides/featured-elements/product-page/related-product)
- [Collection Template](https://docs.layouthub.com/user-guides/featured-elements/collection-page)
- [Blog Templates](https://docs.layouthub.com/user-guides/featured-elements/blog-templates)
- [Article Templates](https://docs.layouthub.com/user-guides/featured-elements/artical-templates)
- [Insert section](https://docs.layouthub.com/user-guides/featured-elements/insert-section)
- [Pricing Plans](https://docs.layouthub.com/user-guides/pricing-plans)
- [Settings](https://docs.layouthub.com/user-guides/settings)
- [General](https://docs.layouthub.com/user-guides/settings/general)
- [Theme Settings](https://docs.layouthub.com/user-guides/settings/theme-settings)
- [Quickview Settings](https://docs.layouthub.com/user-guides/settings/quickview-settings)
- [Swatch color settings](https://docs.layouthub.com/user-guides/settings/swatch-color-settings)
- [Third party Apps](https://docs.layouthub.com/user-guides/settings/third-party-apps)
- [Product Review](https://docs.layouthub.com/user-guides/settings/third-party-apps/product-review)
- [Product Wishlist](https://docs.layouthub.com/user-guides/settings/third-party-apps/product-wishlist)
- [Trash](https://docs.layouthub.com/user-guides/trash)
- [Sale Tools](https://docs.layouthub.com/user-guides/sale-tools)
- [Referrals](https://docs.layouthub.com/user-guides/referrals)
- [Integration](https://docs.layouthub.com/user-guides/integration)
- [Add/Edit Profile](https://docs.layouthub.com/user-guides/integration/add-edit-profile)
- [Add New Contact](https://docs.layouthub.com/user-guides/integration/add-new-contact)
- [Export Contact](https://docs.layouthub.com/user-guides/integration/export-contact)
- [Mailchimp](https://docs.layouthub.com/user-guides/integration/mailchimp)
- [Hubspot](https://docs.layouthub.com/user-guides/integration/hubspot)
- [ActiveCampaign](https://docs.layouthub.com/user-guides/integration/activecampaign)
- [GetResponse](https://docs.layouthub.com/user-guides/integration/getresponse)
- [SendGrid](https://docs.layouthub.com/user-guides/integration/sendgrid)
- [Gmail SMTP](https://docs.layouthub.com/user-guides/integration/gmail-smtp)
- [Google Sheets](https://docs.layouthub.com/user-guides/integration/google-sheets)
- [Omnisend](https://docs.layouthub.com/user-guides/integration/omnisend): How to get the API Key
- [Klaviyo](https://docs.layouthub.com/user-guides/integration/klaviyo): How to get API key and Listing ID.
- [ConvertKit](https://docs.layouthub.com/user-guides/integration/convertkit): How to get API Key and Form ID of ConvertKit
- [Tracking & Analytics](https://docs.layouthub.com/user-guides/tracking-and-analytics)
- [Layouthub & Shopify](https://docs.layouthub.com/user-guides/layouthub-and-shopify): How to display a page created by Layouthub on Shopify (Header or Footer menus)?
- [Translate Apps](https://docs.layouthub.com/user-guides/translate-apps)
- [Recommend apps](https://docs.layouthub.com/user-guides/recommend-apps)
- [Avada SEO Optimization](https://docs.layouthub.com/user-guides/recommend-apps/avada-seo-optimization)
- [Ali Reviews ‑ Product Reviews](https://docs.layouthub.com/user-guides/recommend-apps/ali-reviews-product-reviews): "Photo reviews, Product reviews, AliExpress reviews boost sales"
- [Ryviu: Product Reviews App UGC](https://docs.layouthub.com/user-guides/recommend-apps/ryviu-product-reviews-app-ugc): "Fast Growing Your business - Building your social proof as easy & fast for your store. Import reviews from Aliexpress, Amazon, Etsy, and Dhgate."
- [Quick View by Secomapp](https://docs.layouthub.com/user-guides/recommend-apps/untitled): "Friendly and professional interface - Quick View by Secomapp will definitely be on top list app that you should have on your Shopify store."
- [LAI AliExpress Reviews](https://docs.layouthub.com/user-guides/recommend-apps/lai-aliexpress-reviews)
- [Judge.me Product Reviews](https://docs.layouthub.com/user-guides/recommend-apps/untitled-1-1): "Powerful - Easy to use - Best support service ever - FREE to use". What are you waiting for? INSTALL NOW!
- [Growave - Loyalty, Wishlist, Reviews UGC](https://docs.layouthub.com/user-guides/recommend-apps/growave-loyalty-wishlist-reviews-ugc): The all-in-one marketing platform for small and medium-sized Shopify stores.
- [Opinew Product Reviews](https://docs.layouthub.com/user-guides/recommend-apps/opinew-product-reviews)
- [Refund Policy](https://docs.layouthub.com/user-guides/refund-policy)
- [Instagram token](https://docs.layouthub.com/user-guides/instagram-token)
- [Getting started](https://docs.layouthub.com/development/getting-started)
- [Tools](https://docs.layouthub.com/development/tools): Toolkits for LayoutHub development env
- [LayoutHub Kit (for LayoutHub developers only)](https://docs.layouthub.com/development/tools/layouthub-kit): LayoutHub Kit is a tool for LayoutHub app. Download the application and with a tiny bit of setup you’re off to the layout creation races.
- [LayoutHub Kit Extension for Visual Studio Code](https://docs.layouthub.com/development/tools/layouthub-kit-vscode): This extension for developer only
- [Layout Structure](https://docs.layouthub.com/development/create-layout)
- [Reference](https://docs.layouthub.com/development/reference)
- [Engine syntax](https://docs.layouthub.com/development/reference/engine-syntax): for Liquid.json only
- [Deprecated: March 2020](https://docs.layouthub.com/development/reference/engine-syntax/deprecated-march-2020): The new syntax has been applied since March, some of old code will be deprecated.
- [Chuẩn template mới - LayoutHub Editor V4](https://docs.layouthub.com/development/reference/engine-syntax/chuan-template-moi-06-2021): Tiêu chuẩn và cú pháp mới cho việc xây dựng layout.
- [Create a section](https://docs.layouthub.com/development/reference/create-section)
- [Components](https://docs.layouthub.com/development/reference/includes)
- [Liquid in section](https://docs.layouthub.com/development/reference/liquid-in-section)
- [Javascript in section](https://docs.layouthub.com/development/reference/javascript-in-section)
- [Register vendors](https://docs.layouthub.com/development/reference/include-vendors)
- [Settings.js](https://docs.layouthub.com/development/reference/settings.js)
- [Call-to-action](https://docs.layouthub.com/development/reference/settings.js/call-to-action): The powerful field for call-to-action
- [Text](https://docs.layouthub.com/development/reference/settings.js/text): The setting field type Text
- [Textarea](https://docs.layouthub.com/development/reference/settings.js/textarea)
- [Text Editor](https://docs.layouthub.com/development/reference/settings.js/text-editor): The setting field type Text Editor
- [Dropdown](https://docs.layouthub.com/development/reference/settings.js/dropdown): The setting field type Dropdown
- [Checkbox list](https://docs.layouthub.com/development/reference/settings.js/checkbox-list): The setting field type Checkbox List
- [Checkbox radio](https://docs.layouthub.com/development/reference/settings.js/checkbox-radio): The setting field type Checkbox Radio
- [Toggle](https://docs.layouthub.com/development/reference/settings.js/toggle)
- [Number slider](https://docs.layouthub.com/development/reference/settings.js/number-slider): The setting field type Number Slider
- [Number](https://docs.layouthub.com/development/reference/settings.js/number): The setting field type Number Slider
- [Single image](https://docs.layouthub.com/development/reference/settings.js/single-image): The complete filed using for a single image, the out put will be full of img tag with attributes
- [Image library](https://docs.layouthub.com/development/reference/settings.js/image-library): The setting field type Image
- [Color picker](https://docs.layouthub.com/development/reference/settings.js/color-picker): The setting field type Color Picker
- [Icon picker](https://docs.layouthub.com/development/reference/settings.js/icon-picker): The setting field type Icon Picker
- [Font picker](https://docs.layouthub.com/development/reference/settings.js/font-picker): The setting field type Font Picker
- [Background](https://docs.layouthub.com/development/reference/settings.js/background): The setting field type Css Background
- [Picker](https://docs.layouthub.com/development/reference/settings.js/picker): This field allow you get data from Shopify store, Example: Get list products,collections,menu ....
- [Group fields](https://docs.layouthub.com/development/reference/settings.js/group-fields): The setting field type Group Fields