Custom pages are essential for building trust with customers on your storefront. A website with only a few pages may seem less legitimate. Having more pages, even if not frequently clicked, gives a well-rounded impression.
A few examples of pages you might want on your site:
Steps for creating a custom page:
With our new page editor, you can create a new page. Navigate to the Website tab, select Customize, open the pages dropdown list at the top, and click Add New Page. Then you can give the page a Name and Page URL.
After creating the page, you can Add New Blocks or edit the general Page Settings.
For instance, we can click on the default Text Block and change the content. It is also possible to delete it.
You can open the Page settings to manage the following properties:
Page Name: internal theme name of the page. You will see the name only on the pages on the dropdown list at the top bar. Please note that it doesn't affect anything on your website
Page URL: it's the identifier slug of the page URL address
SEO Title: it's a title for the page, visible on web browsers
SEO Description: used to inform search engines/users with a short, relevant summary of what your page is about
Page Visibility: choose whether your page is visible or not on your website
Also, you can change the Liquid Template on the Advanced Settings. All templates can be created in the Code editor. By default, a template is a simple editor_page.liquid that exists in every theme that supports the new editor.
NOTE: Changes to page settings are published immediately. For instance, If you change the Page URL, it will be replaced instantly.
Other changes will be saved on the draft by default. To make the changes public, click the Publish button at the top right corner of the theme editor.
NOTE: Clicking the Publish button will make all changes in the theme public, not only the page you see on your screen.
When you create a new page in the Theme Editor, a JSON file will be generated with the page's blocks. The name of the page is the same as the page URL.
While it allows you to add advanced customization, we wouldn't recommend editing this file unless you are a well-rounded web developer. You can hire a developer for advanced custom changes.
⛔️ Legacy Page Editor
If you haven't had a chance to update to our newer themes, creating a custom page is different from customizing your theme. You won't be able to use the theme editor to add or edit blocks for the custom page.
This page is essentially hidden unless you place a link to it somewhere in your theme. You can see how to set up navigation and link to custom pages here.
Next, you'll create a new page as outlined above.
Once it is created, it will immediately allow you to add blocks and immediately customize them by adding blocks/texts. Don't forget to publish
Once this is done, you may refer to the short clip above on how to add it to the navigation items
Terms and Conditions Page
Please note: We can offer sample text to help you draft the content for your terms and conditions page. However, we strongly recommend that you seek legal advice from your attorney for any legal concerns.
Contact Us Page
Adding a contact page to your storefront will help your customers contact you if they have any questions or need help.
You can also use a Custom Code Block for your contact us page to embed a 3rd party contact form.
This is an example of an embed code using Google Forms for a contact us page:
<center><iframe src="https://docs.google.com/forms/d/e/1FAIpQLScCtCyEjXpcsYvC9DgDiQib16xusXcfP0NaCkM6qUv9PZInuA/viewform?embedded=true" width="640" height="1000" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe></center>
You can add center tags to your code to center the form on the page.
You can also adjust the height of your embed form to make sure all of the important information is visible.
An FAQ page is a great idea for providing some quick answers for customers on some of the more common questions customers have about their accounts. It can save an email to you if a customer can find an answer on their own.
Before you add an FAQ page, let's get you started with some content. Copy the code below:
View Example Code
View Example Code
<h1> <strong>Frequently Asked Questions</strong></h1>
<h2>BILLING AND ACCOUNT QUESTIONS</h2>
<h3>How do I reset my password?</h3>
On the login page, click <strong>Forgot Password</strong>, enter the email associated with your account, and click <strong>Send Instructions. </strong>The instruction email will arrive in your inbox shortly. In the instruction email, click <strong>Reset Password</strong> and you will be directed to select a new password before being redirected to the catalog page.
<h3>How do I change my password?</h3>
Once signed into your account, you can change your password by clicking <strong>My Account </strong>or <strong>Dashboard</strong> from the top navigation menu. Select <strong>Password </strong>and update your password.
<h3>How do I update my billing information?</h3>
Once signed into your account, you can update your billing information by clicking <strong>My Account </strong>or <strong>Dashboard</strong> from the top navigation menu. Select <strong>Billing </strong>and update your billing information.
<h3>How do I cancel my recurring subscription?</h3>
Once signed into your account, you can cancel your recurring subscription by clicking <strong>My Account </strong>or <strong>Dashboard</strong> from the top navigation menu. Select <strong>Billing </strong>and locate your subscription plan at the bottom of the page. Click <strong>Change Plan </strong>and <strong>Cancel Membership</strong>. Your membership will be cancelled and your access will be removed at the end of your current payment period.
<h3>My credit card is being declined. Why is that?</h3>
Many credit/debit cards have online purchase restrictions. If your card is being declined, please contact your credit card company to let them know the purchase you would like to make is valid. Also, certain credit/debit cards do not allow for recurring subscription billing, and therefore, may be denied.
<h3>My video does not playback smoothly. How can I fix this?</h3>
Video playback depends on several factors. To improve your playback experience, make sure you have a fast, stable internet connection. We recommend using the most recent version of Chrome, Firefox, or Safari. You may experience playback issues with outdated devices and browsers.
<h3>Can I watch videos using Chromecast and AirPlay?</h3>
Yes! Both Chromecast and Airplay are compatible with our site.
To use Chromecast: Locate the Chromecast icon in the bottom right corner of the video you want to cast. Click the icon and select the correct Chromecast from the pop-up in your browser.
To use AirPlay: Open the video on your apple device and click the AirPlay icon in the bottom left corner.
<h3>Can I watch videos on my TV without using an app?</h3>
Yes. By connecting your laptop directly to your TV with an HDMI cable, you will be able to watch videos from our site on your TV.
Can I watch videos on my phone or tablet without using an app?
Yes. Our website adapts to phone and tablet browsers so you can watch our content anywhere!
<h3>Which browsers are supported?</h3>
While we recommend using the latest version of Google Chrome, we also support Firefox and Safari browser released within the last five years. You may experience playback issues when using an out of date browser or any version of Internet Explorer.
Once you've copied the code above, you can paste it into a Code Block in the page editor.
Adding your custom page to your navigation menus
Navigate to Website
Click on Navigation under the 3 dot menu
Click the three-dot menu beside Footer or Main
Click on Edit
Click on Add Menu Item.
Title your page and under Link pick Choose Page and select the page you created. Click Save.
That's it! Your link to your new custom page is now available on your storefront.