> For the complete documentation index, see [llms.txt](https://layouthub.gitbook.io/layouthub/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://layouthub.gitbook.io/layouthub/user-guides/layouthub-and-shopify.md).

# Layouthub & Shopify

How to display a page created by Layouthub on Shopify (Header or Footer menus)?

## 1 - You create About us page by LayoutHub.

After you create a page with Layouthub and publish it, it will appear in the **Page** section of Shopify. Go to **Online store** > **Pages** to see.

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-M4Nh3X-CpTKs-eHmIUr%2F-M4Njn2JlVM7glDGrKg0%2FLayouthub-Shopify.png?alt=media\&token=903289ab-7f83-4468-b712-7bcac3b63715)

If you want to show the pages on your **Header menu** (Main menu), please follow the steps bellow:

\+ Go to **Online store** > **Navigation,** select **Main menu.**

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-M4Nh3X-CpTKs-eHmIUr%2F-M4Nl4CVEz3ltIkM3AgN%2FLayouthub-Shopify-menu.png?alt=media\&token=8dabbd2d-1ac0-4f91-b8f1-bed8454cf4ac)

\+ Click on **Add menu item.**

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-M4Nh3X-CpTKs-eHmIUr%2F-M4NlWnfdfEIHxe_maNP%2FLayouthub-Shopify-menu1.png?alt=media\&token=65e672f4-beed-49d6-a1bb-e5d100583167)

\+ Enter menu name and select the link for the menu.

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-M4Nh3X-CpTKs-eHmIUr%2F-M4NmpCtcAObj51QY-F2%2FLayouthub-Shopify-menu2.png?alt=media\&token=57fb8760-1283-47fc-beaf-c9ee22a43bc9)

\+ Finally click **Save**

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-M4Nh3X-CpTKs-eHmIUr%2F-M4NnQiqpTypEN4iQoh4%2FLayouthub-Shopify-menu3.png?alt=media\&token=82e3031e-0230-4d83-9757-f84c572cd341)

\+ Reload your store and check again.

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-M4Nh3X-CpTKs-eHmIUr%2F-M4NoAxwxshMeZRsRFX6%2FLayouthub-Shopify-menu4.png?alt=media\&token=615f4d4f-79e8-4e58-b426-9e97350d7816)

## 2 - Replace link on Mega Menu by Layouthub page link.

### 2.1 - The first way

* Publish page > View page for copy link

![Publish page ](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MG6n40Znhq7Bz2guhWB%2F-MG6pnkAWeDuP3OJY7WB%2Fimage.png?alt=media\&token=a3af4915-7390-4b74-8675-89c747cddf6c)

![View page](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MG6n40Znhq7Bz2guhWB%2F-MG6px-qH5WSsifmvtdA%2Fimage.png?alt=media\&token=7856d617-59bb-4ee7-a84a-9ceffa329f78)

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MG6n40Znhq7Bz2guhWB%2F-MG6qYErQr-vRKxG_L6B%2Fimage.png?alt=media\&token=1a30ced6-193e-4dcc-b07a-0a0380ba8502)

* Navigation > Main Menu > Edit

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MG6n40Znhq7Bz2guhWB%2F-MG6qDdeJK2OzfO-tbqT%2Fimage.png?alt=media\&token=efae0525-970e-45c5-94cd-33700a6a6b22)

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MG6n40Znhq7Bz2guhWB%2F-MG6rGmjfMXFX06VbNFy%2Fimage.png?alt=media\&token=59158c33-7fdd-42f5-97d4-f47c278613f4)

* Popup Edit menu item will display

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MG6n40Znhq7Bz2guhWB%2F-MG6r7LtVMyPvu_OZsIW%2Fimage.png?alt=media\&token=2e4ca374-2a92-48bc-a80c-37a612dcdffa)

### 2.2 - The second way

* After you publish pages, you have to exit from Shopify and return again (Remembering do not reload shopify)

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MFo5LdIBGykbzcdo2Q2%2F-MFoLkcA3uwEQ_NhESRm%2Fimage.png?alt=media\&token=1e407d31-bed6-42e2-a941-2b15528db159)

* Choose Pages to link

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MFo5LdIBGykbzcdo2Q2%2F-MFoMRWeGQGtnGluDg9_%2Fimage.png?alt=media\&token=35d01cfa-6f76-4b5a-af88-c253736d1567)

* Last step

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-MFo5LdIBGykbzcdo2Q2%2F-MFoMjfssMlsgl8vZmRs%2Fimage.png?alt=media\&token=d5123674-59d5-44b8-9673-7bd724b55e45)

If you love LayoutHub, could you consider posting an review? That would be awesome and really help us to grow our business, here is the[ link](https://apps.shopify.com/layout-hub/reviews).