How to Create or Edit a Coming Soon page on Shopify
Introduction
To create or edit a Coming Soon page on Shopify, start by enabling password protection under Online Store > Preferences to keep your store hidden until launch. Then, go to Online Store > Themes > Customize, and select Password from the dropdown menu to customize the page’s layout, content, and branding. You can add elements like email sign-up forms, countdown timers, and images to generate excitement. Additionally, for more control, you can create a custom Coming Soon page for specific collections, products, or customers, or even use Shopify apps to enhance functionality. This guide will walk you through all the steps and options on how to create or edit a Coming Soon page on Shopify and design an engaging and effective page for your store’s launch.
What is a Coming Soon Page on Shopify?
A Coming Soon page on Shopify is a pre-launch placeholder page that informs visitors about an upcoming store or product launch, and helps build a list of leads, such as email addresses, before the official launch. This password-protected page is displayed to customers instead of the full store, allowing you to work on the site privately while still having an online presence.
For additional information on how to manage your Shopify store's visibility, check out our other helpful guides.
Methods for Adding the Coming Soon Page
There are several ways to create a Coming Soon page on your Shopify Store. Some of these are given below.
- Enable the Shopify Coming Soon Page (No Coding)
- Customize the Coming Soon Page in the Theme Editor
- Add a Coming Soon Page Using Custom Coding
- Install a Shopify Coming Soon App
Method 1: Enable the Shopify Coming Soon Page (No Coding)
To enable a Shopify Coming Soon page without coding, go to Online Store > Preferences in your Shopify admin and enable Password protection. Once enabled, you can customize the appearance and content of this password page directly within your theme's online store editor under the Password page template. Follow these steps.
Step 1: Log in to your Shopify Admin
Step 2: Navigate to Online Store > Preferences.
Step 3: Check password restrictions and set a password for your Store if one has not already been added.
Step 4: Save the changes.
Method 2: Customize the Coming Soon Page in the Theme Editor
To customize your Coming Soon/Password page, navigate to Online Store > Themes > Customize. From the dropdown menu, navigate to the Password page. There, you can add or remove sections that you want to display, such as a sign-up form or a countdown timer. Follow these steps to customize your Coming Soon Page using the Shopify theme Editor.
Step 1: Navigate to Online Store > Themes > Customize.
Step 2: Select the Password Page from the dropdown.
Step 3: Customize your layout, including the header and footer. You can also add more sections by clicking the Add Section button.
Step 4: Ensure to save the changes.
For a deeper understanding of Shopify theme customization, check out our complete guide.
Method 3: Add a Coming Soon Page Using Custom Coding
Adding a Coming Soon page to your Shopify store using custom coding involves modifying your theme's password-protected page. This method offers greater control over design and functionality compared to simply using the default password page settings. Enable password protection. Follow these steps to add a Coming Soon/Password page using Custom Coding.
Step 1: Navigate to Online Store > Themes > Edit Code.
Step 2: In the Template Folder, create a new Page Template.
Step 3: Name it something like page.coming-soon.json or page.coming-soon.liquid depending on the theme you are using.
Step 4: Navigate to Online Store > Themes > Customize.
Step 5: Select the page that you have created from the dropdown Pages > Coming Soon.
Step 6: Customize Your Page Template. Click the Add section button to add the new sections to your new template.
Step 7: Save the changes
Step 8: Navigate to Online Store > Pages.
Step 9: Create a new page or open the existing one.
Step 10: Select the template that you have created from the dropdown list.
Step 11: Save the changes.
If you’re interested in learning more about adding custom code to your Shopify store, check out our guide on adding custom code to Shopify.
Method 4: Install a Shopify Coming Soon App
To install a Shopify Coming Soon app, browse the Shopify App Store, select a suitable app, and click Install on the app's page. After authorising the app in your Shopify admin, you can follow the app's specific instructions to build and customize your coming soon page. Follow these steps to install an app to create a Coming Soon page on your Shopify Store.
Step 1: Navigate to Shopify Admin > Apps.
Step 2: Click the App and Sales Channel Settings button.
Step 3: Visit the Shopify App Store.
Step 4: Search for the app, such as Coming Soon ‑ Launch Page
Step 5: Install the app.
Step 6: Reconfirm the installation process.
Step 7: Navigate to Online Store > Themes > Customize.
Step 8: Navigate to App Embed, check this box, and save the changes.
Step 9: Click the Settings button.
Step 10: Customize your page according to your design requirement
Step 11: If you want to add Custom CSS or JS code, then add your styling and scripts here.
Step 12: Save the changes.
Some popular apps are listed below:
Final Thoughts About How to Create or Edit a Coming Soon page on Shopify
Creating a Coming Soon page for your Shopify store is an essential step in building excitement and preparing for a successful launch. If you need more detailed assistance, consider exploring our Shopify eCommerce Consultant Services or visit our Contact Page for expert help.
Frequently Asked Questions
Live Chat