How to Clone a Shopify Homepage for Customized Landing Pages

Well there is a way to duplicate page without using any external apps. Here’s how I do it:

  1. Go to Online Store → Themes and press customize next to active theme

  2. Click on Home Page on top of the screen and from dropdown select Pages, see screenshot

  3. On this dropdown you can see names of all existing page templates (this will be important later on!). Next press Create template at the bottom of dropdown and assign a name to it (in our case that will be landing-page) and create a template

  4. On the same screen, in top left corner click on three dots and click edit code

  5. Code editor should open in new tab and first thing you want to do is find a template you want to duplicate. So your homepage has name of index.json. Other page templates have this naming convention page.{template-name}.json, and remember on step 3. there is a list of all those page template names. So lets say you want to duplicate template by the name of contact-us, you would search for page.contact-us.json (there is a search field in the top left, don’t search it manually). Click on the file and you should be able to see it’s code on the right in the code editor. Copy and paste everything, don’t leave out or change anything.

  6. Now find a template you created, this will be page.landing-page.json and paste all the code and press save in top right corner.

  7. Last is just to assign this template to a real page, go back to you Shopify admin dashboard, go to Online Store → Pages, add new page in top right corner, and after giving it a title, under theme template select the landing-page and you should be good to go!

I know it’s not easiest solution, but once you understand the process, it should be easy to repeat and consistent!