Whether you need assistance for creating pages, or just need a bit of inspiration; our live Custom Page Editor lets you insert your own text and images, and easily copy the code over to your shop!
This works best when using a default page or the product.description-bottom templates in your theme. If you want to use a default product template, you'll need to add in a <!-- split --> (more details below).
Step 1: To start, navigate to the Custom Page Editor in your browser by clicking here .
Step 2: You can click anywhere to start editing. To change the images, simply hover over them and click "change image" – you can then enter a new image URL (upload the images to your Shopify Admin under Settings > Files, and grab the URL from there).
Step 3: When you're all ready to add the page layout to your shop, click the Get Code button at the top to copy the code.
Step 4: Once you have your new code copied, head into your Shopify Admin and navigate to your Page. In the Click the <> icon in the top right corner of the rich text editor to go to the HTML view.
Step 5 (optional): From there, if you're using a default product template, a <!-- split --> tag can be added in to have the new content show up on the bottom of the page, and then the new code can be pasted in.
If you're using a default page template, or the product.description-bottom template, you do not need to add in the <!-- split --> tag.