Blog

[Tutorial] How to acquire customers with Shopify coming soon page

[Tutorial] How to acquire customers with Shopify coming soon page

Recently our attention got the interesting blog post about trending products to sell in 2018. If you’re in search of new the product to market online, I believe you would be aware of the needs of the “coming soon” page. There is no necessary to wait for the official shop launch to get the brand awareness. You actually can do it already, and it’s the first step need to do when you launch a new business. In this blog post we'll find out the benefits of having Shopify coming soon page, the limit of default coming soon (aka Shopify password page), and learn how to customize the coming soon page with PageFly app.

PageFly Page BuilderCreate your own customized Shopify coming soon page

Quickly create high engaging Shopify coming soon page with PageFly app

Free install now

Outlines

Benefits of the coming soon page for your Shopify store

Before actually digging into the details with the coming soon page let’s ask yourself why do we need that page and what’s the benefits from it? Well, it starts with the user experience for your future customers. Let’s face up with the daily case when you as the store owner found a good place location for the store in the city and you’re going to reconstruct that store. Usually, you’ll put the big banner informing about the grand opening. This is one of the benefits -> brand awareness before the grand opening.

Next one, when your page is online, it’ll be indexed by Google bot. In that case, you can get one more funnel for your customers to find your Shopify store and easily get access to it. So when you build the coming soon page, please keep in mind to write a genuine page title, description, and the user-friendly URL. So that’s the second benefit.

The third benefit will be about using the coming page soon as the page for collecting the leads contact whether it’s email address, phone, name or other. Just connecting with Mailchimp, GetResponse, Mad Mimi or other services you’ll be able to automatically sync the data from the coming soon page and your email automation marketing system.

So, at least we’ve outlined 03 main benefits from the building coming page soon. As for now, let’s move forward with the basics of setup...

“Under construction” or coming soon page for your Shopify store. It starts with basics setup.

Let’s get off from the online world and move to the offline world. When the new business starts with setting up the store, we often see how the store looks like the image below. In the example below, you can see the Zara brand is building up the shop in Vincom shopping center in Hanoi, Vietnam. The store is under construction, and they are actively setting up the store to host first customers.

zara is opening store in hanoi

Image source

On the image, you can see that they are putting the CTA with “hrcareer.vn@map.co.id” and recruiting people to the store. The message is simple but precise.

Now, let’s take a look at your Shopify store coming soon page. It looks like the image below with the shop’s name, in my case it’s “tonytun” and the custom message with the password entry which only you know. In this case the value of this page is not high. So you might want to edit the content message on that page informing about the date of the official launch. Below is the screenshot captured from non official Shopify theme.

Btw, if you're looking for Shopify theme to boost your conversion rate, feel free to take a look at SalesHunter Shopify theme.

edit coming soon page with saleshunter shopify theme

To edit the content message you just need to go to the Online Store and visit the Preferences. You’ll find the field to insert the text message. There are no predefined settings to configure the layout of the coming soon page here instead you have to visit the theme’s settings.

shopify password page settings

Now, let’s customize the page a little bit with adjusting the page layout. In our case, we use the Debut Shopify theme and to find the settings visit Online Store - Themes then click on the button “Customize”.

 Online Store - Themes then click on the button Customize

With the Debut Shopify theme choose the “Password page” to edit the layout of your coming soon page. By default, you’ll see Header, Content and Footer area. These settings are coming with this theme and might be different if you switch to other Shopify themes.

switch to other Shopify themes

The content’s part includes just three things including the headline, newsletter placeholder text and newsletter button text. There are no more settings to edit this page.

limited settings shopify theme editor

If you want to replace the logo with your look at “Header” section. For the case, if you want to edit the background color feel free to choose “Theme settings”. There are options to edit other elements as well. Keep in mind that settings related to Shopify theme you’re using in the store.

shopify settings with password page

For your visitors when they insert the email address the thank you message will be displayed. It’s an entirely convenient user flow. In that way, you can collect email addresses of all “leads” and inform them when your shop is launched.

frontside of password page

You might wonder where do subscribers contacts are stored. Well, you can find all email list in the Customers Shopify setting. So when you are ready to launch the store just export the list from that page and use Mailchimp, GetResponse or similar email services to send the email campaign.

Customers Shopify setting

If you have some knowledge in the coding, read more about Shopify password page customization tutorial. Shopify has a great guidance on how to customize that page. Just keep in mind that the tutorial is made for the advanced level of users, and in that case, the official Shopify support just doesn’t cover it.

As you can notice with the information above the page settings are just basic, and the layout is really simple. What if you want to build the different layout by adding image, video and some more content? You could make the “coming soon” page as the sales landing page and acquire the first badge of customers. In our case, it’s not possible to do it fast with just configuring the parameters and the additional coding required. The solution is about usage Shopify app from the marketplace. Just use the keyword query “page builder,” and you’ll find a lot of solutions available on the market and approved by Shopify Team.

In our case we’ll try to build the coming soon page with PageFly Shopify page builder app.

Building the Shopify coming soon page with PageFly

Now, we’ll try to build the coming landing page with the PageFly app. You can install it directly from the marketplace right away by hitting the button “Get” on the page. Just make sure that you already logged into your Shopify store and started installation the app.

build shopify coming soon page with pagefly

When you create the new page from PageFly app, there is the option to choose the predefined landing page template or start from the scratch. In PageFly Quick tour video below you’ll get familiar with PageFly and what type of pages it can build in addition to the coming soon page.

Coming soon page inspiration examples

To give you more inspiration for building the coming soon page for your online store, we have selected some examples from the different business niche. Some examples are from the real shop, and another one from the coming soon landing page. Usually, this page will have the headline, subheadline, text paragraph, contact form for collecting leads and social icons plus the contrast background.

glacier coming soon page fixers coming soon page lab petite coming soon page coming soon page example 1  coming soon page example 2

As you can notice in two of our latest examples, there is the countdown seen on the coming soon page. The countdown element plays the important role in conversion rate optimization on the page. In our case, the “conversion” means the “leads email” on the page. If you can control the opening process the best way to get early adopters is putting the countdown on the table.

[UPDATE] PageFly Shopify app can build Coming Soon / Password page

With the release PageFly Shopify app 1.2.0 by May 21 you can now build the coming soon page (aka password page) easily using the drag and drop workflow of PageFly. To understand how it works between your Shopify store and the PageFly app feel free to watch this 2-minutes short video tutorial.

PageFly Shopify app has the predesigned coming soon page template, so you can easily start building your own quickly. 

Ortus coming soon page demo

Ortus coming soon page demo

Under Construction page demo

Under Construction page demo

With the information overload above I do believe that you can start right away the ecommerce business. And the right thing to do first is building the coming soon page for your ecommerce store.

Build my Shopify coming soon page

Older Post Newer Post