# LayoutHub

## LayoutHub

- [What is LayoutHub?](https://layouthub.gitbook.io/layouthub/master.md): 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://layouthub.gitbook.io/layouthub/user-guides/support.md)
- [Installation](https://layouthub.gitbook.io/layouthub/user-guides/installation.md): Start using Layouthub now!
- [Uninstallation](https://layouthub.gitbook.io/layouthub/user-guides/uninstallation.md): How to delete the LayoutHub app?
- [Upgrade/Downgrade](https://layouthub.gitbook.io/layouthub/user-guides/upgrade-downgrade.md)
- [FAQs](https://layouthub.gitbook.io/layouthub/user-guides/faqs.md)
- [How to remove instagram section from Layouthub](https://layouthub.gitbook.io/layouthub/user-guides/faqs/how-to-remove-instagram-section-from-layouthub.md)
- [What is "Pages limit"?](https://layouthub.gitbook.io/layouthub/user-guides/faqs/what-is-pages-limit.md)
- [When can I "Edit code"?](https://layouthub.gitbook.io/layouthub/user-guides/faqs/when-can-i-edit-code.md)
- [What about "Save section"?](https://layouthub.gitbook.io/layouthub/user-guides/faqs/what-about-save-section.md)
- [What is " Auto save draft"?](https://layouthub.gitbook.io/layouthub/user-guides/faqs/what-is-auto-save-draft.md)
- [What is "Integration Services"?](https://layouthub.gitbook.io/layouthub/user-guides/faqs/what-is-integration-services.md)
- [How to set the same font between Shopify and LayoutHub?](https://layouthub.gitbook.io/layouthub/user-guides/faqs/how-to-set-the-same-font-between-shopify-and-layouthub.md)
- [How to custom font and color on LayoutHub?](https://layouthub.gitbook.io/layouthub/user-guides/faqs/how-to-custom-font-on-layouthub.md)
- [How to set "Page handle or human url"?](https://layouthub.gitbook.io/layouthub/user-guides/faqs/how-to-set-page-handle-or-human-url.md)
- [Connective Button](https://layouthub.gitbook.io/layouthub/user-guides/faqs/connective-button.md)
- [How to save page without publish it](https://layouthub.gitbook.io/layouthub/user-guides/faqs/how-to-save-page-without-publish-it.md)
- [How to change the meta SEO for LayoutHub's page](https://layouthub.gitbook.io/layouthub/user-guides/faqs/how-to-change-the-meta-seo-for-layouthubs-page.md)
- [Common Issues](https://layouthub.gitbook.io/layouthub/user-guides/common-issues.md)
- [Layout Management](https://layouthub.gitbook.io/layouthub/user-guides/layout-editor.md): 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://layouthub.gitbook.io/layouthub/user-guides/layout-editor/page-layouts.md): 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://layouthub.gitbook.io/layouthub/user-guides/layout-editor/design-blocks.md)
- [Export & Import](https://layouthub.gitbook.io/layouthub/user-guides/layout-editor/export-and-import.md): Notice: This feature is only available in the Pro and Premium plans.
- [Edit Section Code](https://layouthub.gitbook.io/layouthub/user-guides/layout-editor/edit-section-code.md)
- [Edit a Layout](https://layouthub.gitbook.io/layouthub/user-guides/layout-editor/edit-a-layout.md)
- [Assign a Layout](https://layouthub.gitbook.io/layouthub/user-guides/layout-editor/assign-product-layout.md)
- [Duplicate a Layout](https://layouthub.gitbook.io/layouthub/user-guides/layout-editor/duplicate-a-layout.md)
- [Delete a Layout](https://layouthub.gitbook.io/layouthub/user-guides/layout-editor/delete-a-layout.md)
- [Section builder](https://layouthub.gitbook.io/layouthub/user-guides/section-builder.md): A section in Shopify is a reusable block of content that can be added to different parts of a theme, such as the homepage or product page.
- [LayoutHub pages/templates](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements.md)
- [Home Page](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/homepage.md): How to customize your Home Page?
- [Create additional Home Page](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/homepage/create-additional-home-page.md): You can create a new complete home page with LayoutHub.
- [Make an existing page as home page](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/homepage/make-an-existing-page-as-home-page.md): 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://layouthub.gitbook.io/layouthub/user-guides/featured-elements/homepage/restore-to-default-home-page.md)
- [Customize Shopify Home Page](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/homepage/customize-shopify-home-page.md)
- [Sub-page](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/sub-page.md)
- [Contact Form](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/sub-page/third-party-email-subscribe.md): 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://layouthub.gitbook.io/layouthub/user-guides/featured-elements/product-page.md)
- [Product Detail](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/product-page/general.md)
- [Related Product](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/product-page/related-product.md)
- [Collection Template](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/collection-page.md)
- [Blog Templates](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/blog-templates.md)
- [Article Templates](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/artical-templates.md)
- [Insert section](https://layouthub.gitbook.io/layouthub/user-guides/featured-elements/insert-section.md)
- [Pricing Plans](https://layouthub.gitbook.io/layouthub/user-guides/pricing-plans.md)
- [Settings](https://layouthub.gitbook.io/layouthub/user-guides/settings.md)
- [General](https://layouthub.gitbook.io/layouthub/user-guides/settings/general.md)
- [Theme Settings](https://layouthub.gitbook.io/layouthub/user-guides/settings/theme-settings.md)
- [Quickview Settings](https://layouthub.gitbook.io/layouthub/user-guides/settings/quickview-settings.md)
- [Swatch color settings](https://layouthub.gitbook.io/layouthub/user-guides/settings/swatch-color-settings.md)
- [Third party Apps](https://layouthub.gitbook.io/layouthub/user-guides/settings/third-party-apps.md)
- [Product Review](https://layouthub.gitbook.io/layouthub/user-guides/settings/third-party-apps/product-review.md)
- [Product Wishlist](https://layouthub.gitbook.io/layouthub/user-guides/settings/third-party-apps/product-wishlist.md)
- [Trash](https://layouthub.gitbook.io/layouthub/user-guides/trash.md)
- [Sale Tools](https://layouthub.gitbook.io/layouthub/user-guides/sale-tools.md)
- [Referrals](https://layouthub.gitbook.io/layouthub/user-guides/referrals.md)
- [Integration](https://layouthub.gitbook.io/layouthub/user-guides/integration.md)
- [Add/Edit Profile](https://layouthub.gitbook.io/layouthub/user-guides/integration/add-edit-profile.md)
- [Add New Contact](https://layouthub.gitbook.io/layouthub/user-guides/integration/add-new-contact.md)
- [Export Contact](https://layouthub.gitbook.io/layouthub/user-guides/integration/export-contact.md)
- [Mailchimp](https://layouthub.gitbook.io/layouthub/user-guides/integration/mailchimp.md)
- [Hubspot](https://layouthub.gitbook.io/layouthub/user-guides/integration/hubspot.md)
- [ActiveCampaign](https://layouthub.gitbook.io/layouthub/user-guides/integration/activecampaign.md)
- [GetResponse](https://layouthub.gitbook.io/layouthub/user-guides/integration/getresponse.md)
- [SendGrid](https://layouthub.gitbook.io/layouthub/user-guides/integration/sendgrid.md)
- [Gmail SMTP](https://layouthub.gitbook.io/layouthub/user-guides/integration/gmail-smtp.md)
- [Google Sheets](https://layouthub.gitbook.io/layouthub/user-guides/integration/google-sheets.md)
- [Omnisend](https://layouthub.gitbook.io/layouthub/user-guides/integration/omnisend.md): How to get the API Key
- [Klaviyo](https://layouthub.gitbook.io/layouthub/user-guides/integration/klaviyo.md): How to get API key and Listing ID.
- [ConvertKit](https://layouthub.gitbook.io/layouthub/user-guides/integration/convertkit.md): How to get API Key and Form ID of ConvertKit
- [Tracking & Analytics](https://layouthub.gitbook.io/layouthub/user-guides/tracking-and-analytics.md)
- [Layouthub & Shopify](https://layouthub.gitbook.io/layouthub/user-guides/layouthub-and-shopify.md): How to display a page created by Layouthub on Shopify (Header or Footer menus)?
- [Translate Apps](https://layouthub.gitbook.io/layouthub/user-guides/translate-apps.md)
- [Recommend apps](https://layouthub.gitbook.io/layouthub/user-guides/recommend-apps.md)
- [Avada SEO Optimization](https://layouthub.gitbook.io/layouthub/user-guides/recommend-apps/avada-seo-optimization.md)
- [Ali Reviews ‑ Product Reviews](https://layouthub.gitbook.io/layouthub/user-guides/recommend-apps/ali-reviews-product-reviews.md): "Photo reviews, Product reviews, AliExpress reviews boost sales"
- [Ryviu: Product Reviews App UGC](https://layouthub.gitbook.io/layouthub/user-guides/recommend-apps/ryviu-product-reviews-app-ugc.md): "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://layouthub.gitbook.io/layouthub/user-guides/recommend-apps/untitled.md): "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://layouthub.gitbook.io/layouthub/user-guides/recommend-apps/lai-aliexpress-reviews.md)
- [Judge.me Product Reviews](https://layouthub.gitbook.io/layouthub/user-guides/recommend-apps/untitled-1-1.md): "Powerful - Easy to use - Best support service ever - FREE to use". What are you waiting for? INSTALL NOW!
- [Growave - Loyalty, Wishlist, Reviews UGC](https://layouthub.gitbook.io/layouthub/user-guides/recommend-apps/growave-loyalty-wishlist-reviews-ugc.md): The all-in-one marketing platform for small and medium-sized Shopify stores.
- [Opinew Product Reviews](https://layouthub.gitbook.io/layouthub/user-guides/recommend-apps/opinew-product-reviews.md)
- [Refund Policy](https://layouthub.gitbook.io/layouthub/user-guides/refund-policy.md)
- [Instagram token](https://layouthub.gitbook.io/layouthub/user-guides/instagram-token.md)
- [Getting started](https://layouthub.gitbook.io/layouthub/development/getting-started.md)
- [Tools](https://layouthub.gitbook.io/layouthub/development/tools.md): Toolkits for LayoutHub development env
- [LayoutHub Kit (for LayoutHub developers only)](https://layouthub.gitbook.io/layouthub/development/tools/layouthub-kit.md): 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://layouthub.gitbook.io/layouthub/development/tools/layouthub-kit-vscode.md): This extension for developer only
- [Layout Structure](https://layouthub.gitbook.io/layouthub/development/create-layout.md)
- [Reference](https://layouthub.gitbook.io/layouthub/development/reference.md)
- [Engine syntax](https://layouthub.gitbook.io/layouthub/development/reference/engine-syntax.md): for Liquid.json only
- [Deprecated: March 2020](https://layouthub.gitbook.io/layouthub/development/reference/engine-syntax/deprecated-march-2020.md): The new syntax has been applied since March, some of old code will be deprecated.
- [Chuẩn template mới - LayoutHub Editor V4](https://layouthub.gitbook.io/layouthub/development/reference/engine-syntax/chuan-template-moi-06-2021.md): Tiêu chuẩn và cú pháp mới cho việc xây dựng layout.
- [Create a section](https://layouthub.gitbook.io/layouthub/development/reference/create-section.md)
- [Components](https://layouthub.gitbook.io/layouthub/development/reference/includes.md)
- [Liquid in section](https://layouthub.gitbook.io/layouthub/development/reference/liquid-in-section.md)
- [Javascript in section](https://layouthub.gitbook.io/layouthub/development/reference/javascript-in-section.md)
- [Register vendors](https://layouthub.gitbook.io/layouthub/development/reference/include-vendors.md)
- [Settings.js](https://layouthub.gitbook.io/layouthub/development/reference/settings.js.md)
- [Call-to-action](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/call-to-action.md): The powerful field for call-to-action
- [Text](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/text.md): The setting field type Text
- [Textarea](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/textarea.md)
- [Text Editor](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/text-editor.md): The setting field type Text Editor
- [Dropdown](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/dropdown.md): The setting field type Dropdown
- [Checkbox list](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/checkbox-list.md): The setting field type Checkbox List
- [Checkbox radio](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/checkbox-radio.md): The setting field type Checkbox Radio
- [Toggle](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/toggle.md)
- [Number slider](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/number-slider.md): The setting field type Number Slider
- [Number](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/number.md): The setting field type Number Slider
- [Single image](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/single-image.md): The complete filed using for a single image, the out put will be full of img tag with attributes
- [Image library](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/image-library.md): The setting field type Image
- [Color picker](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/color-picker.md): The setting field type Color Picker
- [Icon picker](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/icon-picker.md): The setting field type Icon Picker
- [Font picker](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/font-picker.md): The setting field type Font Picker
- [Background](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/background.md): The setting field type Css Background
- [Picker](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/picker.md): This field allow you get data from Shopify store, Example: Get list products,collections,menu ....
- [Group fields](https://layouthub.gitbook.io/layouthub/development/reference/settings.js/group-fields.md): The setting field type Group Fields