And generally speaking, there are three main types of Shopify landing pages that you can use to feature your products:<\/p>\n\n\n\n
- Traditional Product Pages<\/strong><\/li>
- Long-form Product Pages<\/strong><\/li>
- Product \u201cMini-sites\u201d<\/strong><\/li><\/ul>\n\n\n\n
In this article, you\u2019ll learn what each of these landing pages looks like, their pros and cons, and when it\u2019s best to use one page type versus another.<\/p>\n\n\n\n
By the end, you\u2019ll be able to choose the best type of Shopify landing page to maximize the sales of each and every one of your products.<\/p>\n\n\n\n
TRADITIONAL SHOPIFY LANDING PAGES<\/h2>\n\n\n\n
First up, let\u2019s take a look at a traditional Shopify landing page. This is your old-school ecommerce product page, so it should look familiar.<\/p>\n\n\n\n
Here\u2019s an example:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-1.jpg\" "\\"\\"")
<\/figure>\n\n\n\nGOLD \u00b7 GREEN BOTTLE MOMA<\/a><\/h6>\n\n\n\n
The first thing most people will notice when they come to a page like this is the big product image taking up most of the screen. It\u2019s big, it\u2019s bold, and it\u2019s right in your face.
Bam! Here\u2019s a pair of great-looking sunglasses.<\/p>\n\n\n\nAnd that is pretty typical of traditional Shopify landing pages. They tend to be image-focused,<\/strong> with lots of eye-catching pictures showing the product from multiple angles.<\/p>\n\n\n\n
On the other hand, there\u2019s not much text<\/strong> (or copy)<\/em> on the page. The product description is often just a paragraph or so.<\/p>\n\n\n\n
This example has a little more copy, but you have to click \u201cQuality & Details\u201d to see it. So when you click here\u2026<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-2.jpg\" "\\"\\"")
<\/figure>\n\n\n\nThe section expands, accordion-style<\/strong>, to give you more product details through a list of bullet points:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-3.jpg\" "\\"\\"")
<\/figure>\n\n\n\n
But the fact that you have to click just to see <\/em>this copy shows you how important it is. (Not very.)<\/p>\n\n\n\nSo what\u2019s the deal with these pages? Why are they designed this way?<\/p>\n\n\n\n
The answer is actually pretty interesting. See, back in the day\u2014before mobile traffic took over the Internet\u2014people didn\u2019t scroll as much.<\/strong> If you had content farther down on your page, not many people would scroll down to see it.<\/p>\n\n\n\n
So designers started adding things like sliders to websites as a way of taking a brand\u2019s conversion elements<\/strong> (or, any piece of content\/design on the page that is meant to influence the sale) and cramming as much as they could above the fold.<\/p>\n\n\n\n
And that\u2019s why traditional Shopify landing pages are laid out the way they are. In the case of the sunglasses brand, you\u2019ll notice that the three most important conversion elements<\/strong> on the page\u2014the image, the copy, and the \u201cBuy\u201d button<\/strong>\u2014are all right at the top of the page.<\/p>\n\n\n\n
Here, take another look:<\/p>\n\n\n\n
<\/figure>\n\n\n\n
Today, most people use their phones more than they use their desktop. And you have <\/em>to scroll on your phone\u2014it\u2019s required. So the issue of people not scrolling isn\u2019t much of a problem anymore.<\/p>\n\n\n\nBut here\u2019s the important thing to remember: even though these traditional pages were designed for a different era, they can still work today!<\/p>\n\n\n\n
Yeah, they\u2019re a little old-fashioned, but in the right situation, one of these landing pages can convert like gangbusters.<\/p>\n\n\n\n
WHEN SHOULD YOU USE THIS TYPE OF SHOPIFY LANDING PAGE?<\/h2>\n\n\n\n
To recap: these are image-heavy<\/a> pages, with a small amount of copy and a \u201cBuy\u201d button that is usually present above the fold.<\/p>\n\n\n\n
So when would you want to use a page like this?<\/p>\n\n\n\n
Based on the pros and cons, here are six use cases that make a traditional type of Shopify landing page a good idea.<\/p>\n\n\n\n
1) When you have a visual product that requires an image-heavy page.<\/strong><\/h3>\n\n\n\n
Because these are image-focused<\/strong> pages, it makes sense they would work well for visual products like jewelry, art, home accessories, and oh yeah\u2014clothes:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-5.jpg\" "\\"\\"")
<\/figure>\n\n\n\nHTTPS:\/\/WWW.HOUSEOFHOLLAND.CO.UK\/PRODUCTS\/VIVID-SHEARLING-VARSITY-JACKET<\/a><\/h6>\n\n\n\n
If your product is better described with pictures than with words, then a traditional Shopify landing page might just be what you need.<\/p>\n\n\n\n
2) When there isn\u2019t a lot to explain about your product.<\/strong><\/h3>\n\n\n\n
These landing pages tend to work best when you don\u2019t need much copy to sell your product. If you\u2019re selling a typical pair of sunglasses, there isn\u2019t much else to say except, \u201cThese are sunglasses! Here\u2019s what they look like! Want to buy them?\u201d<\/p>\n\n\n\n
3) When you already have a strong pre-sell before the person gets to the page.<\/strong><\/h3>\n\n\n\n
Here\u2019s a question to keep in mind: Where does this landing page fit into your overall marketing funnel?<\/em><\/p>\n\n\n\n
Take these 2 scenarios for example:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-6.jpg\" "\\"\\"")
<\/figure>\n\n\n\nIn the first scenario, you\u2019re driving traffic straight to your landing page. In this case, if your product does<\/em> need explaining, then your landing page will probably need a decent amount of content to convince people that they should buy your product.<\/p>\n\n\n\n
But in the second scenario, you\u2019re actually doing most of the selling in a separate pre-sell article<\/strong> or video. So by the time the visitor hits your product landing page, they\u2019re already convinced. In this case, your landing page doesn\u2019t need to do much except remind the visitor why they should buy and give them a chance to do it.<\/p>\n\n\n\n
4) When the page is intended for repeat buyers.<\/strong><\/h3>\n\n\n\n
If you\u2019re selling a product made for repeat purchases\u2014like shampoo, Keurig coffee pods, electric toothbrush heads, and so on\u2014then most visitors don\u2019t need much convincing to buy. They\u2019re probably already using the product, and just need a way to re-order it when they run out.<\/p>\n\n\n\n
In these cases, a traditional landing page will work just fine.<\/p>\n\n\n\n
5) When you\u2019re selling a low-ticket item.<\/strong><\/h3>\n\n\n\n
Generally speaking, the less expensive your product is, the less sales copy required to get somebody to buy it.<\/p>\n\n\n\n
A $1,000 product probably needs a long-form landing page<\/strong>. But if your product is only $25, then a traditional landing page will likely work because you don\u2019t need <\/em>a lot of copy to sell it.<\/p>\n\n\n\n
That being said, if you feel that you have good, persuasive sales copy\u2014use it! No matter the price of your product. It could make the difference between the buyer choosing your product over a competitor\u2019s.<\/p>\n\n\n\n
6) When you\u2019re a mobile-focused brand.<\/strong><\/h3>\n\n\n\n
Companies that drive most of their traffic on mobile tend to use traditional product pages. This is because traditional product pages usually leverage less content, making them lightweight and faster loading. (Page load speeds have a direct effect on conversions: sluggish pages equals sluggish sales!)<\/p>\n\n\n\n
The truth is, however, that this isn\u2019t always a good idea, since longer-form pages can sometimes convert better for certain products, even on mobile.<\/p>\n\n\n\n
We recommend testing what type of Shopify landing page works best for you. In other words: if you\u2019re a mobile-focused brand, don\u2019t use a traditional Shopify landing page just because you see other mobile-focused brands doing it.<\/p>\n\n\n\n
Test it for yourself and see what generates the most sales for you<\/em>.r<\/em><\/a>)<\/em><\/p>\n\n\n\n
EXAMPLES OF TRADITIONAL SHOPIFY LANDING PAGES<\/h2>\n\n\n\n
Now that you have a pretty good idea of what a traditional product landing page looks like and you know when to use them, let\u2019s take a look at a few examples of companies that are doing a good job at leveraging them.<\/p>\n\n\n\n
We\u2019re not going to dive into too much detail about the actual conversion elements<\/strong> on the page (the images, the copy, the reviews, etc.). We will cover that in a later article.<\/p>\n\n\n\n
For now, we\u2019re just going to focus on the overall impression, structure, and layout of the page.<\/p>\n\n\n\n
And as you\u2019ll soon see, most of these pages have a similar layout.<\/p>\n\n\n\n
Here\u2019s a face and eye cream from Bee Friendly Skincare:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-7.jpg\" "\\"\\"")
<\/figure>\n\n\n\nORGANIC FACE AND EYE CREAM<\/a><\/h6>\n\n\n\n
Here\u2019s another skin care product, a coffee scrub that helped launch the company Frank Body:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-8.jpg\" "\\"\\"")
<\/figure>\n\n\n\nORIGINAL COFFEE SCRUB<\/a><\/h6>\n\n\n\n
As you can see from these pages, along with the ones we\u2019ve already shown above, they all have a similar layout:<\/p>\n\n\n\n
Big product images on the left (preferably with a video thrown in there too), with a little sales copy and the \u201cAdd to Cart\u201d button on the right.<\/p>\n\n\n\n
It\u2019s a familiar design, which means that most of your visitors won\u2019t have any trouble navigating these pages.<\/p>\n\n\n\n
But while these traditional product landing pages are familiar, they\u2019re also a little old-fashioned. And for a lot of products, companies are getting better results using a different type of Shopify landing page: a long-form product page.<\/p>\n\n\n\n
LONG-FORM SHOPIFY LANDING PAGES<\/h1>\n\n\n\n
If the traditional product page is short and to the point, then this is the exact opposite: a long page with lots of copy, lots of pictures, and lots of conversion elements to help educate your visitors and persuade them to buy your product.<\/p>\n\n\n\n
Unlike the traditional product page, there\u2019s no one-size-fits-all layout for a long-form landing page. The layout varies from one brand to another, depending on which conversion elements you want to include to show your product in the best possible light.<\/p>\n\n\n\n
Direct response marketers have known for decades just how effective a long, copy-heavy sales piece can be, so this is nothing new.<\/p>\n\n\n\n
Why is long-form content so effective? The answer should be pretty obvious:<\/p>\n\n\n\n
It gives you an opportunity to say more!<\/em><\/p>\n\n\n\n
You can do more selling. You can do more educating. You can spend more time building up the value of your product and explaining the benefits to the visitor.<\/p>\n\n\n\n
As you might be able to tell, here at Zipify we\u2019re big fans of long-form Shopify product landing pages. We don\u2019t recommend using them all <\/em>the time, but there are certain situations when a long-form page makes a lot of sense.<\/p>\n\n\n\n
WHEN SHOULD YOU USE THIS TYPE OF SHOPIFY LANDING PAGE?<\/h2>\n\n\n\n
So what are those situations? When does it make the most sense to roll with a long-form product page?<\/p>\n\n\n\n
We\u2019ve identified six primary use cases for this type of Shopify landing page:<\/p>\n\n\n\n
1) When you have a direct response marketer in charge.<\/strong><\/h3>\n\n\n\n
Direct response marketing is intended to get a person to take a specific and measurable action. In our case, that action is to buy your product.<\/em><\/p>\n\n\n\n
In order for a long-form page to be effective, it should be created according to the principles of direct response marketing.<\/p>\n\n\n\n
That\u2019s why, in order to get the best results from a long-form landing page, it really helps if you have a direct response marketer on your team (and preferably in charge).
And there\u2019s another team member who is also really helpful to have around\u2026<\/p>\n\n\n\n2) When you have a good copywriter on the team.<\/strong><\/h3>\n\n\n\n
This goes hand-in-hand with use case #1 (above). Just as it\u2019s important to have direct response marketing experience, it\u2019s also critical to have a great copywriter on your team\u2014preferably one who knows how to write direct response-style copy.<\/p>\n\n\n\n
Because remember: these pages are long and full of text. So of course it makes sense that you\u2019ll need someone who\u2019s able to write that copy as clearly and as persuasively as possible.<\/p>\n\n\n\n
3) When you have a lifestyle or story-based product.<\/strong><\/h3>\n\n\n\n
Because these pages give you a lot more room to tell stories, they work really well when your product is based around a certain lifestyle, like Boosted Boards (see below), or requires the telling of a story, like Purple Mattress (see below).<\/p>\n\n\n\n
4) When you can visually demonstrate how well your product works.<\/strong><\/h3>\n\n\n\n
If there\u2019s a way to demonstrate your product in action and actually show <\/em>people how effective it is\u2014through something like video demonstrations or before-and-after pictures\u2014that\u2019s definitely something you want to include on your product page and might require the use of a long-form format.<\/p>\n\n\n\n
Demoing your product is a really powerful selling tool. It helps clarify what your product does and how it works, answers questions and clears up confusion, provides visual proof of effectiveness, and helps your visitor to actually see themselves using your product.<\/em><\/p>\n\n\n\n
And when they can do that, they\u2019re a lot more likely to buy.<\/p>\n\n\n\n
5) When you have to educate the person before they\u2019ll buy.<\/strong><\/h3>\n\n\n\n
Why should someone buy a Purple Mattress instead of a regular memory foam mattress? Well, the Purple Mattress company actually has a really effective sales pitch that answers that question.
But in order for it to work, a little education is required.<\/p>\n\n\n\nIn Purple\u2019s case, they have to explain some of the issues with memory foam mattresses and how those can lead to problems like poor sleep and back pain. Then they have to educate you on how their <\/em>mattress solves those problems and results in a better night\u2019s sleep.<\/p>\n\n\n\n
As you can imagine, fitting all this educational content into your product page pretty much requires a long-form format.<\/p>\n\n\n\n
Education is often an issue when you have a product that features new technology or new developments that you have to explain to your visitors in order to help them understand why the product is worth buying.<\/p>\n\n\n\n
6) When you\u2019re selling high-ticket items.<\/strong><\/h3>\n\n\n\n
Remember: the more expensive your product is, the more selling you have to do to convince people to buy it.<\/p>\n\n\n\n
If you\u2019re trying to market a product like Boosted Board, for example, you\u2019re going to need to spend quite a bit of time explaining to people why they should shell out $800-$1,600 for this electric skateboard when they can get a regular skateboard for less than $100.<\/p>\n\n\n\n
And in order to fit all that content on your sales page, you\u2019ll need to go long-form.<\/p>\n\n\n\n
EXAMPLES OF LONG-FORM SHOPIFY LANDING PAGES<\/h2>\n\n\n\n
We\u2019re going to share three different long-form pages. Let\u2019s start with Purple Mattress:<\/strong><\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-9.jpg\" "\\"\\"")
<\/figure>\n\n\n\nHTTPS:\/\/PURPLE.COM\/MATTRESSES\/PURPLE-BED<\/a><\/h6>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-10a.jpg\" "\\"\\"")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-10b.jpg\" "\\"\\"")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/Screen-Shot-2020-04-29-at-7.31.29-PM.png\" "\\"\\"")
<\/figure>\n\n\n\nA quick scroll down the page will reveal that it\u2019s quite long, with different sections devoted to explaining a different feature or benefit of the product. Like this one:
Or this one:
Or this one:
<\/p>\n\n\n\nNotice that Purple doesn\u2019t try to cram too much information into one section. Instead, they break it up into many different chunks, making sure each section is short and easy to read.<\/p>\n\n\n\n
When you format your page like this, you can include a lot<\/em> of content and people will still read it because it\u2019s easy to consume. Purple does a great job with this. Just look at all the different conversion elements <\/strong>they leverage on one page:<\/p>\n\n\n\n
- A funny story-based awareness video<\/li>
- Product images<\/li>
- Graphics and copy explaining product benefits<\/li>
- Shipping & return policy<\/li>
- Product reviews<\/li>
- Frequently asked questions<\/li>
- Links to related accessories<\/li><\/ul>\n\n\n\n
The end result is a page that\u2019s long, but never intimidating. Here\u2019s the whole thing so you can see just how long it goes:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-10.jpg\" "\\"\\"")
<\/figure>\n\n\n\nAnother thing Purple does that\u2019s really smart is use a \u201csticky\u201d header<\/strong>, which remains stuck to the top of the page as a visitor scrolls. This way there\u2019s always a \u201cBuy Now\u201d button visible.
Even if you scroll all the way down to the footer, there it is\u2026<\/p>\n\n\n\n![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-11.jpg\" "\\"\\"")
<\/figure>\n\n\n\nAnother company that has a great long-form landing page<\/strong> is Boosted Boards<\/strong>. Now, if you just glanced at the top of this landing page, you might think it was a traditional ecommerce page:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-12.jpg\" "\\"\\"")
<\/figure>\n\n\n\nHTTPS:\/\/BOOSTEDBOARDS.COM\/BOARDS\/BOOSTED-MINI<\/a><\/h6>\n\n\n\n
But when you scroll down you\u2019ll see it has a lot more content below the fold:<\/strong> lots of high-quality photos and copy explaining how the boards work, and of course, a whole bunch of positive reviews.<\/p>\n\n\n\n
So this is really a hybrid page, of sorts. It\u2019s traditional at the top, but long-form under the fold. This is a smart way to do it because you get the benefits of both worlds.
Here\u2019s the whole page so you can see it in all its long-form glory:<\/p>\n\n\n\n![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-13.jpg\" "\\"\\"")
<\/figure>\n\n\n\nFor another example check out BOOM! by Cindy Joseph<\/strong>, a $20 million\/year Shopify brand created by Zipify CEO Ezra Firestone.<\/strong> They take a similar approach for this product bundle, where above the fold it looks like a traditional product page:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-14.jpg\" "\\"\\"")
<\/figure>\n\n\n\nBOOMSTICK TRIO<\/a><\/h6>\n\n\n\n
But when you scroll down you see additional videos, reviews, and copy<\/strong> points explaining the benefits of the products:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-15.jpg\" "\\"\\"")
<\/figure>\n\n\n\nHere at Zipify, we\u2019re big fans of long-form pages because they allow you to dive into the features and benefits of your product in detail. As a result, you can more effectively sell the visitor on why it\u2019s a great product and why they should buy it.<\/p>\n\n\n\n
But as much as we love long-form pages, we can\u2019t call them our favorite. That\u2019s because there\u2019s a new type of Shopify landing page<\/strong> that has been wowing us with its effectiveness\u2026<\/p>\n\n\n\n
\u201cMINI-SITE\u201d SHOPIFY LANDING PAGES<\/h1>\n\n\n\n
The third and final type of Shopify landing page is a relatively new concept for physical products:<\/p>\n\n\n\n
The product mini-site<\/a>.<\/em><\/p>\n\n\n\n
And this is just what it sounds like. You create an entire website <\/strong>for your product.<\/p>\n\n\n\n
It\u2019s not a huge website\u2014probably just a few pages. It\u2019s kind of like taking a long-form product page<\/a> and breaking it up into several smaller pages.<\/p>\n\n\n\n
This way, instead of having everything on one long page\u2014your videos, reviews, features\/benefits, FAQ, etc.\u2014you can put them each on a different page and link to them through a navigation<\/strong> menu<\/strong> at the top.<\/p>\n\n\n\n
Like this:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-16.jpg\" "\\"\\"")
<\/figure>\n\n\n\nAnd that\u2019s really important. Having that menu at the top makes it a lot easier for people to navigate a mini-site<\/a> versus scrolling through a super-long page (especially on their phone).
In other words, it makes the content easier to consume.<\/p>\n\n\n\nEzra has been testing these in some of his ecommerce companies, and they\u2019re converting really well. They\u2019re even out-performing long-form sales pages in most cases.
So, should you consider using a mini-site for your product? When is a good time to use this landing page structure?<\/p>\n\n\n\nWHEN SHOULD YOU USE THIS TYPE OF SHOPIFY LANDING PAGE?<\/h2>\n\n\n\n
There\u2019s one really obvious time to use a mini-site:<\/p>\n\n\n\n
When you have a single-item brand.<\/strong><\/h3>\n\n\n\n
If your entire brand consists of one main product, then creating a mini-site is your best option.<\/p>\n\n\n\n
Take Nuraphone<\/strong>, for example.<\/p>\n\n\n\n
Nuraphone sells one primary product: high-end headphones that adapt to your unique hearing. And when you visit their website, you\u2019ll see a mini-site<\/a> with several pages all devoted to selling that one product:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-17.jpg\" "\\"\\"")
<\/figure>\n\n\n\nHTTPS:\/\/WWW.NURAPHONE.COM\/<\/a><\/h6>\n\n\n\n
Every page on this site is dedicated to this one product: educating you about it, teaching you how it works, and selling you on why it\u2019s better than any other headphones on the market.<\/p>\n\n\n\n
For Nuraphone, this is a pretty natural choice. They only have <\/em>one primary product, so of course they\u2019re going to focus their whole website on it.<\/p>\n\n\n\n
But what if you have multiple products in your ecommerce store? Can you still take advantage of the mini-site<\/a> layout?<\/p>\n\n\n\n
It turns out that yes, you can. In fact, Ezra has been experimenting with a new way of using mini-sites that makes them a viable product landing page template for anyone with an ecommerce store.<\/p>\n\n\n\n
How to use mini-sites<\/a> as part of a bigger online store.<\/strong><\/h3>\n\n\n\n
Another option is to create a mini-site that lives within your normal store.<\/p>\n\n\n\n
Here\u2019s an example of what that looks like:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-18.jpg\" "\\"\\"")
<\/figure>\n\n\n\nBOOM CLEAN<\/a><\/h6>\n\n\n\n
Next, we\u2019ll walk through this site to show you how it works and how you can adapt the same strategy for one of your own products.<\/p>\n\n\n\n
EXAMPLE OF A MINI-SITE<\/h2>\n\n\n\n
For this example, we\u2019re going to focus on the mini-site<\/a> for one of BOOM!\u2019s<\/strong> new products, Boom Clean.<\/p>\n\n\n\n
This way, you\u2019ll get to see what a high-converting mini-site<\/a> looks like, and <\/em>you\u2019ll learn how to leverage one as part of a larger ecommerce store.<\/p>\n\n\n\n
The trick to using a mini-site as part of a bigger store is through the use of a secondary menu<\/strong> located directly underneath your main website navigation.<\/p>\n\n\n\n
Here\u2019s a closer look at the menu for Boom Clean so you can see how it works:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-19.jpg\" "\\"\\"")
<\/figure>\n\n\n\nThis makes it easy to navigate the mini-site<\/a>, and you can also go back to the main site anytime you want.<\/p>\n\n\n\n
Ease of navigation is probably the biggest benefit to using a mini-site<\/a>. You can leverage all the same conversion elements you would use on a long-form page<\/a>, but on a mini-site it\u2019s easier to find exactly what you\u2019re looking for.<\/p>\n\n\n\n
Boom Clean\u2019s mini-site consists of 6 pages<\/strong> dedicated to the video, the product story, the ingredients, the reviews, the frequently asked questions, and the \u201cBuy\u201d page (which, you\u2019ll notice, is laid out just like a traditional Shopify product page:)<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-20.jpg\" "\\"\\"")
<\/figure>\n\n\n\nRemember how Purple Mattress put a sticky header<\/a> at the top of their long-form sales page, so that you always had a \u201cBuy Now\u201d button showing up on the screen?<\/p>\n\n\n\n
Well, in this case making the header sticky could get tricky. (Wow, try saying that 10 times fast.) The BOOM! website already has a main header and a pre-header. When you add the mini-site sub-header, you\u2019ll probably have too much going on at the top of the page.<\/p>\n\n\n\n
So what Boom Clean does instead is use a sticky <\/strong>footer<\/em><\/strong>. So that on every page of the mini-site, you\u2019ll always have a menu and a \u201cBuy\u201d button located at the bottom of the screen:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-21.jpg\" "\\"\\"")
<\/figure>\n\n\n\nPutting the sticky menu<\/a> here helps keep the header from getting too cluttered.<\/p>\n\n\n\n
Oh, and speaking of that header: one thing to think about when creating a mini-site is how to handle the 2 menus on mobile.<\/strong><\/p>\n\n\n\n
For Boom Clean, Ezra decided he didn\u2019t want to use 2 different \u201cMenu\u201d buttons because that could be confusing. Instead, he uses one \u201cMenu\u201d button that loads both the top-level navigation and the mini-site navigation.<\/p>\n\n\n\n
Here\u2019s what it looks like:<\/p>\n\n\n\n
![\"\"](\"https:\/\/zipify.com\/wp-content\/uploads\/2020\/04\/zipify-ocu-22.jpg\" "\\"\\"")
<\/figure>\n\n\n\nAs you can see, mini-sites<\/a> are a little more complex due to the need for a menu. But they\u2019re well worth your time and effort, especially for a really important product.<\/p>\n\n\n\n
(READ MORE \u2013 <\/em>This New Product \u201cMini-Site\u201d Sales Page is the Best of Both Worlds<\/em><\/a>)<\/em><\/p>\n\n\n\n
WHAT\u2019S THE BEST TYPE OF SHOPIFY LANDING PAGE?<\/h2>\n\n\n\n
Now that we\u2019ve covered the 3 main types of Shopify landing pages, the question you probably want to ask is this:<\/p>\n\n\n\n
Which of these pages is the best?<\/strong><\/p>\n\n\n\n
The truth is, there\u2019s no right answer to that question. They can all work.<\/p>\n\n\n\n
Depending on your product, however, one type might make more sense than another. If you\u2019re selling a low-priced item that doesn\u2019t need much explanation, a traditional landing page might be your best bet.<\/p>\n\n\n\n
On the other hand, if your product is expensive and requires a lot of education to sell, then you\u2019re probably better off using a long-form landing page<\/a> or a mini-site<\/a>.<\/p>\n\n\n\n
(Again, no matter the cost of your product, if you\u2019re selling something unique\u2014something that you\u2019re proud<\/em> of\u2014then you have plenty of opportunity to write compelling copy to include on your website.)<\/p>\n\n\n\n
But in the end, the most important thing isn\u2019t necessarily the structure of your page; it\u2019s the actual content on <\/em>that page.<\/p>\n\n\n\n
So use the guidelines in this article to help figure out the best landing page structure for your product, but don\u2019t get too hung up on it. The really important thing to make sure of is this:<\/p>\n\n\n\n
- Long-form Product Pages<\/strong><\/li>