Since Shopify launched the new Online Store 2.0 last June, we’ve been busy helping clients take advantage of its possibilities. Overall, the new online store experience gives merchants more in-house control and flexibility across their products, collections, pages and entire stores. So almost a year later, we’re reflecting on how Online Store 2.0 has helped us deliver great eCommerce experiences for our clients and their customers.
Read on for:
Recap on what’s new in Online Store 2.0
Brand successes on 2.0
Making a move to 2.0
1. What’s New With Online Store 2.0.
As heard straight from the horses’ mouth, “Online Store 2.0 marks an end-to-end overhaul of how themes are built at Shopify. With sections on every page, app-powered blocks, flexible data storage, and robust developer tools, the process of building a theme on Shopify is easier than ever before. The extensibility offered to app developers means more opportunity to build integrations for merchants and surface your solution directly in the online store.”
Read Shopify’s full post on the launch or see our top-level summary below:
Previously, merchants only had the flexibility of sections on the home page. With 2.0, merchants can now add sections to all pages, meaning every aspect of a store can be personalised.
Now that apps are delivered in blocks, merchants can control which pages (and where on that page) apps appear, plus change the app settings directly via the theme editor.
Improvements to metafields.
The new theme editor enables merchants to add metafields and properties without using APIs or third party apps. Metafields now also support media such as images or PDF files.
Enhancements to the theme editor.
The theme editor is easier to navigate with a handy “tree view” of all the content on a page in the sidebar. In addition, merchants can now add custom Liquid code to pages directly from the editor.
New developer tools.
As Online Store 2.0 heralds a new way for developers to build apps and themes for merchants, Shopify has introduced a range of new developer tools to facilitate this seamlessly. For example, Shopify GitHub (version control) integration, an updated Shopify CLI tool, and Theme Check.
A new reference theme.
Shopify launched a brand new default theme called Dawn that brings together all the features of 2.0. With a focus on speed, Dawn loads 35 percent faster than Debut, the theme that more than half of merchants use today.
2. Brand success on Shopify Online Store 2.0.
Now that you’re up to speed on Online Store 2.0, let’s look at how it’s working for our clients!
Chelsea Peers: wide awake with new features & functionality.
“In keeping with both these objectives, we delivered a sleek and fully flexible homepage they can customise,” says Tom Bellew, Senior Developer at blubolt. “We also included customer quotes and their Instagram feed for greater authority. And, of course, we ensured this was of an equal standard on mobile with tabs across the top for easy navigation.”
The new capabilities of Online Store 2.0, Chelsea Peers’ new site, have already delivered impressive results. “Our customers have been so positive about the new site, highlighting how user-friendly it is,” says Teresa Ktistaki, Senior eCommerce Manager at Chelsea Peers. “For our in-house team, tools like Launchpad and Shopify Flow have streamlined our collection and promotion launches. We also love the easy-to-customise homepage and product page segments. The proof is in the metrics: since launch, our conversion rate has increased to 3%, and revenue is up by 200% YoY!”
Whitehall Garden Centres: green shoots on Online Store 2.0.
Whitehall Garden Centres offer high-quality plants, gifts, and garden furniture. The brand is also renowned for its Christmas Collection of trees, decorations and home accessories. Whitehall migrated from WooCommerce to Shopify Plus, with the brand seeking more flexibility from the site with standardised, editable templates they could manage. “As such, we delivered streamlined and fully customisable pages,” says Reece Williams, Developer at blubolt. “Including features like section blocks, collection and product sliders, and blog posts. This ensures users can quickly and easily connect to other areas of the website.”
Using Online Store 2.0, the brand can now tailor its website in-house. “Above all, my favourite features on the new site are the product listing pages and the product pages,” says Charlotte Self, Marketing Brand & Graphic Design Manager at Whitehall Garden Centre. “Before, we had very clunky pages with small text, small images and poor design. Now the products are easy to see, with big images, clear pricing, and fantastic product information. We can now upsell all these pages by using the new features ‘complete the set’ and ‘style it with’.”
“We’ve had nothing but positive feedback on our new Shopify Plus site from our customers,” says Charlotte Self, Marketing Brand & Graphic Design Manager at Whitehall Garden Centre. “They’ve said that the website is much more user-friendly, the layout is clearer, and it’s easier to find products.”
Rave Coffee: barista-quality on Online Store 2.0.
Rave Coffee delivers great coffee with freshly roasted single-origin beans and blends. Already enjoying the power of Shopify Plus, the brand sought a complete redesign and evaluation of its customer journey on the site.
Building with Online Store 2.0, we unlocked a raft of settings to give Rave Coffee maximum in-house flexibility and creative control. For example, blubolt utilised 2.0’s new ‘sections everywhere’ on the homepage. This enables the client to easily customise the page by flipping images and text on banners or changing the icons above text. Similarly, hero banners can be adjusted for triple or split image formats. Rave also has complete control over the ticker banner and the sliders for best-sellers, new arrivals, and reviews. So much customisation without contacting the development team!
This level of internal creative freedom and flexibility is evident throughout the rest of the site. For example, on the product landing pages (PLP), Rave can easily change the icons, headlines, and colours. They can also add advert banners among the products to push particular messaging like new arrivals or offers.
Adnams Southwold: a toast to in-house control & flexibility.
Adnams Southwold has been brewers, distillers, wine merchants, retailers, publicans, and hoteliers for 150 years. On the brand’s new website, built on Online Store 2.0, the blubolt team utilised the ‘sections everywhere’ functionality over 20 times for maximum flexibility.
As a multi-channel retailer, the Adnams Southwold website is a hub for the whole brand. Consequently, the new Shopify Plus site had to incorporate everything from events, experiences, and accommodation to trade and eCommerce. “This is reflected on the homepage, which provides an overview of the whole business rather than being ecommerce first, ” says Hugo Burguete, Senior Frontend Developer at blubolt. “For example, the “Keep Exploring Adnams” slider and the large hero banner that the brand can fully customise in-house to feature different areas of the business.”
The Shop page is essentially the eCommerce homepage for the brand. Again utilising ‘sections everywhere’, the blubolt team enabled as many settings as possible to give Adnams more in-house control. As a result, Adnams can easily change icons above text, colours, images and CTAs. The flexibility continues on the Collections page. “We set up double-width advert banners between products and a “Keep Exploring Adnams” banner that leads to other areas of Adnams’ operations,” says Pete Heyes, Developer at blubolt. “We also enabled the brand to hide out-of-stock products to improve the user experience.”
“Shopify Plus has opened several avenues for us to take the next step in our retail journey, and the improved functionality has allowed us to introduce new and exciting features like click and collect from our retail stores, says David Wyatt Hupton, Retail Sales & Marketing Manager at Adnams Southwold. “Shopify Plus has already improved the retail team’s productivity with its ease of use, and we look forward to introducing new and exciting features in the coming months!”
3. Making a move to Shopify Online Store 2.0.
So ready to make a move to Online Store 2.0? Whether you’re already on Shopify Plus and looking to upgrade or if you’re planning to replatforming, there are two options:
DIY migration to Online Store 2.0.
Shopify has helpfully provided guidance on making a move to Online Store 2.0. The big takeaway is that many of the features of Online Store 2.0 are dependent on JSON templates. So by migrating your theme, you can add support for 2.0’s new features by converting a Liquid template into a JSON template and moving any required Liquid code or HTML into sections that you can include in the new JSON template.
Find an accredited Shopify Plus Partner agency.
To ensure your upgrade to 2.0 or migration to Shopify Plus on 2.0 is smoothly executed, choose a certified Shopify Plus partner agency like blubolt! Check out our expert credentials on our Shopify Plus Partner profile.
We’re not your typical Shopify Plus agency; we mastered our craft by first building our own successful eCommerce platform. Combined with our creative first approach, we’ll ensure your new site is high-performing and beautiful. Browse our client work for inspiration, or get in touch to discuss your Shopify Plus project in more detail today. We would love to help!
4. Have a Shopify Plus project? Sign-up for our eCommerce Masterclass.
Ready to leapfrog the competition with a next-generation eCommerce website?
Join our free Masterclass to learn how you can deliver a high-performing, head-turning website on Shopify Plus. Available to UK retailers, this Zoom event isn’t recorded, so you can ask as many questions as you like confidentially. Then enjoy lunch on us with a complimentary Deliveroo voucher! Register today.