How to add HTML or a Page to your homepage
Pipeline has a feature where you can pull-in any Shopify Page that you've created into your homepage as a section. This can be handy if you have some HTML that needs to be added to the homepage or any custom content.
How to:
- 1
-
Create a page in your Shopify Page editor
Your content will be created in the Shopify Page editor. If you're using HTML, you can switch to code view and paste the code there. If you're creating content, the Rich Text tools will help you add paragraphs and images.
In your Page Editor:
Start by creating a new page (or you can skip this step if you already have your page content created):
Give the page a title which can optionally be displayed on the homepage.
If you're adding HTML, use the code view icon in the toolbar to added your HTML code:
Once you click on code view, you'll notice the rest of the icons in the toolbar will disappear. This is a good way to know if you're in code view or rich text editor mode (be sure to never paste your HTML code in rich text editor mode - The HTML won't work).
Summary: Be sure to be in code view/mode when adding HTML. The other icons will disappear. For non-HTML content, use the standard Rich Text editor mode/view.
Save your page.
- 2
-
Add your page to the homepage
Open the Theme Editor. For a draft theme, use the Customize link for that theme:
If you're using a live/published theme:
The next steps will vary depending on which version of Pipeline you're running. Verify your version number:
Which version of Pipeline am I using?
Once you know your version number, under Sections:
Choose Add section:
Pipeline 4 users, add the Page section which is in the TEXT group:
After adding the section, choose your page:
Save the Theme Editor changes and your content will now appear on the homepage.
To move the content in a different position. Click the handle icon next to the eye icon, drag and drop to the position you like in your sections list:
Save your changes:
Earlier versions of Pipeline
There are a few mores steps involved if your theme is before Pipeline 4.
Add the Rich text section (there won't be an option for Page):
After you add the section, there will be a Rich text content block already added. Click on the left arrow on that block to expand:
Next, at the bottom - Choose Remove content:
Once that content block has been removed, you can now add a new content block:
Choose Page:
Now you can select the page you created in Step 1:
Save the Theme Editor changes and your content will now appear on the homepage.
To move the content in a different position. Click the handle icon next to the eye icon, drag and drop to the position you like in your sections list:
All versions - Tip when adding images in the Page editor
The image size Shopify defaults to is very small:
Once you choose your image, the default size is Large (480x480) which is very small:
If you need bigger images, change the value in the drop-down:
Try 1024x1024 or 2048x2048 for your image size.
(1) Change the size and then (2) use the Insert image button:
That will give you a much larger image to display if needed.