Web developer, free-thinker and Feline enthusiast. I have a passion for solving problems and helping people with my expertise. Working with eCommerce clients allows me to do both! In my down time, I stay up to date with tech trends and sharpen my skills. I enjoy nature, the outdoors and cultivating Bonsai.
Shopify Unite 2021
Online Store 2.0
3 Areas Rebuilt
- Themes and editor improvements
- Completely modular and built out of sections
- All of the themes codes in in sections
- Theme editor – template picker – multiple templates per page
- Store content – populates the design – metafields
- Metafields – define and edit directly in admin + bind data sources to sections directly in the editor – no more hardcoding metafields
- Can add validations and descriptions
- Metafields will also power a new content management platform – entirely new custom types using metafields – create content once and publish to different channels
- Pages and even collections have templates now
- Developer tooling
- Theme app extension, apps can have their own sections and blocks, apps can contribute liquid in their own app blocks
- Easier for apps to inject scripts
- Blocks, assets and snippets – can ship in one single repo, script tags will be deprecated in the future
Migrating to Online Store 2.0 – https://shopify.dev/themes/migration
- Dawn, new open source theme available https://github.com/Shopify/dawn
- Dawn was built:
- Creative visual design – improving features that affect funnel – collections
- Lean and maintainable – cart api lines of code reduced
- Performance – fast theme by default
Performance and Developer Tooling
- Full git integration and extended Shopify CLI
- 10% first page speed increase equates to a 7% conversion rate bump
Storefront Renderer – 5x speed improvement
GraphQL – shopify admin and shop App both built on graph ql and supports 60K active partner projects
- Averages 1M queries/minute
- Shopify within 50MS of every buyer is the goal
- Can retrieve via storefront API
- Can query local pickup via storefront API
- Selling plans – can enable subscriptions and Admin APIs released. Can retrieve selling plans, price adjustments + other relevant metadata
- New cart capabilities – rebuilt for speed, can pass cart ID, support for discounts
- Storefront schema redesign later this year – removing cruft
- 450M people checked out on Shopify in 2020
- 5B processed on BFCM
- Checkout page load times 2X as fast
- In past could make changes to editor, can now extend checkout through apps – from simple changes to complex logic: checkout UI, overhaul of scripts + new payment platform
- Checkout extensions – example adding warning message for prop 65 in CA using metafields and looking at customer address
- Component library for checkout extensions
- Checkout promotions example app – build a free gift with purchase checkout extension
- Works on Shop Pay and for all merchants
- Post Purchase extension – show offers post checkout – opening this up for devs in Q4
Shopify Scripts v2 – rebuilt using web assembly, improved speed and can scale up, can build scripts and deploy using apps
- Can turn your script into a public app available for everyone
- Shopify merchants sell all over the world – for all payment developers – can create payment gateways as Shopify apps
- Payment apps will be easy to customize and quick to install
- Once approved merchants can onboard directly, will rely on OAuth for onboarding
Build an app from scratch
- Subscription app extension – go to shopify dev docs and tutorials
- Shopify create node to scaffold it and look at partner dashboard
- Bulk of the setup from the command line
- Developer console – can test with real data and render from local environment
Power of Discovery
- 1.7M merchants on the platform – matching and recommendation algorithm
- New app home page catered to each merchant
- Enhancing app ads program
Partners and Developers
- 2020 – 12.5B in partner and dev revenue – 4X what Shopify did
- 12.5M app installs in 2020
- August 1st, removing first 1M in rev share earned
- Add “Hydrogen channel”, then connect Git Hub
- Similar to React projects, uses react router
- React server components – going all in on this
- Shipped with Tailwind CSS
Shopify Wholesale Orders
Shopify Wholesale; State of the Union as of May 2021
The Pandemic was a major event that changed how businesses operate and will continue to operate in the future. Manufacturers saw many of their physical retail channels dry up as consumers began to order more online in 2020 and that trend has continued into 2021. Manufacturers are waking up to the fact that to sell their products they need a website to connect with their wholesale customers, this isn’t new, but the Pandemic has accelerated the trend here.
Even now in 2021, most companies use spreadsheets, emails and phone calls to process wholesale and B2B orders. Not only is this inefficient and very manual intensive and it creates friction in the ordering process. When you move your wholesale ordering process online you eliminate manual processes and you will see an increase in your wholesale orders.
Wholesale Functionality You Want for Your Site
There is a baseline level of functionality you need for your online wholesale system: custom price lists, unique customer logins, product recommendations and data analytics to name a few. The typical workflow is that a wholesale customer will log into your site and see a custom curated catalog with specific pricing. In addition, you can include sales rep information, data and analytics about their account and give them the ability to reorder from previous purchases. Most companies will also include new products, upsells and related products so wholesale customers can get an idea of all your potential products. So now the question is how do you set this up on Shopify?
What are the Wholesale Options on Shopify?
There are three primary ways Shopify merchants setup wholesale ordering, here are the 3 most common options:
- Shopify Wholesale Apps
- Shopify Plus Wholesale Channel
- Custom Development
As a Shopify Plus development agency we will consider all 3 options for our clients. Which of the 3 options you choose for your business will depend on your current business process and how much you are willing to flex your process to work with a technical solution. The best implementations are where you adapt a bit to the technical solution AND take the opportunity to streamline your business process and remove inefficiencies at the same time.
Shopify Wholesale Apps
We recommend looking at Shopify wholesale apps to start as many of them can help set you up with a simple solution for accepting wholesale orders. There are two wholesale apps we have seen our clients use:
There are more than these two apps, so invest some time in the Shopify app store and try and find one that is right for you.
Shopify Wholesale Channel
The Shopify Plus wholesale channel lets you expand your business into wholesale by creating a separate, password-protected storefront that’s an extension of your online store. All your wholesale customers and orders are trackable under your current store’s Shopify admin.
Your wholesale store is based on your online store, so you can offer your wholesale buyers (referred to here as wholesale customers) the same products that you offer your online store customers, but at different prices. You can also add wholesale-only products that are available in your wholesale store only.
Your wholesale store has a different storefront (and requires different login credentials) from your online store. Customers cannot access your online store from your wholesale store.
Our recommendation is thoroughly vet the Shopify wholesale channel to make sure it works for your Plus store. Only a small percentage of our clients end up going with this option as the native functionality isn’t typically robust enough to meet their needs for processing wholesale orders.
If you can’t find a Shopify app that works and you’re not a Plus merchant, custom development might be your best choice for implementing wholesale ordering. Custom development for wholesale doesn’t have to be super complicated, often by using tag and metafields in addition to updates to the Shopify liquid templates we can create a wholesale process that works just fine. In addition, you only need to use one site and your wholesale customers log in and based on their tag they see the appropriate pricing specific to them. Another popular option is using both a Shopify public app + doing some custom development around the app to create the ideal system for your company.
Shopify purchased Handshake in 2019 and relaunched the service in late 2020 as a wholesale marketplace for suppliers and retailers. There are rumors of a deeper integration with wholesale and it will be interesting to find out if Shopify has more plans for Handshake here in the future.
Shopify Unite 2021 and Wholesale
I am looking forward to Shopify Unite 2021 to find out if there are announcements planned for wholesale. Shopify has a huge opportunity to attract B2B clients that are on the fence about migrating to Shopify until they see a wholesale solution that works for their business. Stay tuned in this area, I expect big things from Shopify in 2021 and 2022 in the B2B space!
Melissa has both client and agency experience with a background in digital and eCommerce marketing. She loves creating experiences that tell a brand story connecting companies with customers. Melissa enjoys collaborating with clients while identifying additional opportunities to help them grow their business.
Shopify vs WooCommerce; Which eCommerce Platform is Right for you?
If you know that you want to start selling online you now need to consider which platform you want to use to build your store
Sometimes taking the first step is the hardest part of the journey. If you know that you want to start selling online you now need to consider which platform you want to use to build your store. Shopify and WooCommerce are 2 of the most popular platforms around and both have their pluses and minuses. This article will review the features of both eCommerce platforms, if you have any questions about functionality for either one, reach out and we can assist.
PRICING & FEATURES MATRIX
|Monthly Fee||$29, $79, $299 and Shopify Plus||Free|
|Hosting||Free||Shared Host $10/month, VPS $40/month and up|
|SSL Certificate||Free||Free – With Let’s Encrypt|
|Credit Card Processing Fees||2.9% – 2.4% + 30 cents||2.9% + 30 cents|
|Multi Currency Payments||Yes – With Multiple Stores||Yes – With Custom Development|
|Multiple Languages||Yes – Apps or Multiple Stores||Yes – Variety of Options|
|PCI Compliance||Yes||Yes – With Certain Processors|
|Design||Free Themes + Custom Options||Free Themes + Custom Options|
|Blog||Yes – Limited Compared to WP||Yes|
|Uploading Products||Yes – via CSV||Yes – via CSV, XML|
|Discount Codes||Yes – but only 1 code per purchase||Yes|
|Shipping||Yes – Requires Customization||Yes – Requires Customization|
|Cart & Checkout Page||Cart Editable, Not the Checkout||Both Fully Editable|
|Developer Options||Yes – Experts Program||Yes – Experts Program|
|Quickbooks Integration||Yes – with Apps||Yes – with Plugins|
|Salesforce Integration||Yes – with Apps||Yes – with Plugins|
|SEO||Yes – with limited Apps||Yes – plenty of Plugins|
Hosted Platform vs Self Hosting
Let’s start the comparison off by discussing how hosting works with both WooCommerce and Shopify. With Shopify the answer is easy, they will host your site for you and it’s included in the monthly price you pay of $29, $79 or $299.
With WooCommerce you will need to find a hosting company for your new site. We recommend getting a virtual private server (at a minimum) because if you opt for a shared host (these are typically cheaper like $10/month or less) there is a stronger chance your site could get hacked.
What is a SSL certificate? SSL certificates allows you to transmit encrypted transactions via the HTTP protocol, it adds the “s” on the end so that your URLs all become HTTPS. Shopify includes a SSL certificate with their hosted store so there is no need for you to set one up on your own.
When setting up WooCommerce you will want to purchase a SSL certificate. These typically cost about $70/year, but just recently a new company sprang up called Let’s Encrypt that allows you to install a free SSL certificate and automate it so that it gets renewed each year (this is a huge plus!).
Credit Card Processing Fees
Both Shopify and WooCommerce offer comparable fees for payment processing. With Shopify you need to use Shopify Payments to process credit card transactions unless you want to pay an extra .5% – 2.0% to use your own external payments gateway. You can use your own payment processor and pay 0% for gateway fees with Shopify if you upgrade your account to Shopify Plus, that’s a much higher level monthly plan that we will discuss further on in this comparison.
I’m going to choose Stripe for the WooCommerce payment processor. Stripe is very easy to work with, has good rates and a strong API (which comes in handy if you want to do custom development work). You could also use PayPal, but working with their API is no picnic and accepting credit card payments via Stripe is much easier than doing the same thing with PayPal.
|Credit Card Rates Online||2.9 – 2.4% + 30 cents||2.9% + 30 cents|
|Credit Card Rates in Person||2.7% – 2.4% + 0 cents (using Shopify POS)||2.9% + 30 cents (using Stripe app)|
Overall you can see the credit card processing fees are in the same ballpark with both Shopify and WooCommerce.
Multi Currency Payments
Shopify doesn’t have an elegant solution here. The easiest way to do this is to setup multiple “clone” stores in the countries you want to sell in so that you can show the native currency price on your checkout page. It’s important to note that Shopify will only show one currency per store on your checkout page and you are unable to edit your checkout page. If you upgrade to Shopify Plus you can add clone stores to sell in multiple countries and you can also edit your checkout page.
One way to help mitigate the multi currency problem in Shopify is to set up geo IP location and pop up a notice to direct your customer to your other Shopify site. For example if you determine that a Canadian customer is on your US site you can create a popover that will let them know they should navigate to your Canadian store to see your store in the proper currency.
With WooCommerce you have almost unlimited customizations and setting up multi currency sites is possible. It will require custom programming to set everything up but there are no inherent limitations.
For Shopify merchants that want to set up their store with multiple languages there are two primary options: choose an existing app or set up multiple stores (as covered in the section above about currencies). Langify is a popular multilingual Shopify app that will do automatic language detection (based on IP address) as well allow for language switching back and forth.
WooCommerce can support sites with multiple languages and you have a few options. You could install Google Translate with a drop down option to switch languages and while this is the easiest implementation, Google Translate is notoriously inaccurate. The better route is to have your content translated by a professional and setup your site so there are drop down options for users to select different languages. You can put each of the languages on a separate sub domain if you want to keep each of the different languages clean and separate from the main site.
Shopify is PCI compliant and certified as Level 1 PCI DSS compliant. With Shopify your store is automatically PCI compliant and their certification covers your store.
With Stripe you will need to make sure you are compliant with the PCI Data Security Standards (PCI DSS). The easiest way to do that is to setup Stripe Checkout as it meets the requirements and security constraints of the Self-Assessment Questionnaire (SAQ), SAQ A, by performing all transmission of sensitive cardholder data within an IFRAME served off of a stripe.com domain that is controlled by Stripe.
There are oodles of themes for your Shopify store, both free and paid. If you are just starting out with your business, choosing a free theme can help you get rolling. If you have an existing business and want to start out with Shopify you can hire an agency to create a custom design and develop a store that fits exactly what you need.
Like Shopify WordPress also has a variety of free and paid themes for you to choose from. WooCommerce will require more customization of the purchase path than Shopify and you will need a developer to help with that, we’ll cover that in more detail in a section below.
Shopify comes with a built in blogging engine that can be enabled and styled to allow you to start creating posts about your business. The rich text editor that Shopify uses isn’t as robust as what WordPress has setup and you will find many people have issues with it. The HTML markup that Shopify’s blog creates can make it difficult to work with especially if you are coming from using WordPress as your regular blog.
WordPress is well known as a robust blogging platform and is very easy to use. There are number of plugins and customizations you can make to WordPress to get setup and blogging with your WooCommerce store.
Shopify allows you to bulk upload products from a CSV file. You will need to include the following information: Handle (unique name for the product), Title, Body (which is the description of the product), vendor, type, tags (these allow for additional search functionality on the site), options, price, images, skus, variants and much more.
With WooCommerce you can import products via CSV or XML file or even CSV via AJAX. There are a number of plugins that you can use to help you import your product catalog if you have created it somewhere else or you are migrating platforms. WooCommerce also has a CSV product import suite for importing products with prices, descriptions, images, meta fields and you can even create custom fields depending on what attributes about your products you want to store.
Discount Codes and Coupons
On Shopify you can create discount codes for a dollar amount, a percentage off or for free shipping. You can create multiple discount codes and maintain them via your Shopify dashboard. However a customer can not use more than one discount code at a time on Shopify and this can be a painful situation. Say you want to offer free shipping and 30% off as 2 different coupon codes a customer can’t use both of those during checkout at the same time.
WooCommerce has a dashboard for managing and adding coupon codes. You can create cart discounts, for example if the customer purchases more than 2 of 1 item they get a discount of 15% on the entire purchase. You can set up product discounts for fixed amounts ($20 off) and you can create percentage discounts. In addition you can create free shipping coupons (very popular) and you can limit how many times a coupon is used in total or per customer.
You will need to decide which carriers you want to use to ship your product, UPS, Fedex, common carriers, etc. Once you decide that you need to think about how you are going to manage your shipments (printing packing slips, tracking inventory, etc). Many of our clients are very happy with ShipStation and use them to manage shipments across all their channels: Amazon, eBay, Walmart, Jet, their website, etc.
With Shopify you can easily integrate ShipStation (make sure that you don’t your inventory status set to “fulfilled” in Shopify or ShipStation won’t sync) or you can manually track your shipments offline. Next you need to set your shipping rates and this is where Shopify starts to have some issues. You can set your shipping rates by state, but if you want to get more granular and set your rates by zip code you will need to install an app and upgrade your Shopify account to the $79/month for the carrier calculated shipping feature.
With WooCommerce you can fully customize your shipping settings via 3rd party plugins or you can customize your shipping rates, fees, charges etc by custom coding everything. You can get shipping rates from UPS, USPS, print shipping labels and much more with WooCommerce.
Cart & Checkout Page
Both Shopify and WooCommerce will let you customize the shopping cart page, customize buttons, colors, layout, etc. With WooCommerce you can customize the checkout page fully, but on Shopify you are restricted from updating the checkout page. This can be a problem for Shopify stores that want to display different currencies (as described in the currency section). The best option here is to set up “clone” stores in Shopify or even better is to upgrade to Shopify Plus and you can fully configure the checkout page how you need it.
If you need a developer for Shopify, the best place to look is the Shopify Experts page. If you are a large eCommerce store you will want to consider reaching out to a Shopify Plus Expert.
WooCommerce also has an expert program, you can search by agency, their service and product specializations and the project scope.
Shopify merchants can install the Intuit Quickbooks app to sync up Shopify with Quickbooks online. Once you connect the 2, you can save hours of work each work entering in sales, tax and customer data that will automatically be ported over to Quickbooks. You will need to choose a date range for the orders you want to export from Shopify to Quickbooks and then you can set how often you want to sync your orders, daily, weekly or monthly.
WooCommerce also has a Quickbooks extension to sync your accounting data on a regular basis. You can also matchup up customers by name and company in Shopify and Quickbooks so you can make sure you are sending over the right information.
If you are looking to keep track of your Shopify customers in Salesforce, you can consider using the Zapier app. You can add customers as contacts in Salesforce and track the products they’ve purchased in Shopify. Bit of caution with Zapier in that depending on how you are using Salesforce (and Shopify), the mapping may not work out smoothly. We had a customer where we had to create a custom cron job to sync up the data between Salesforce and Shopify to make sure everything was working correctly.
Zapier also has a an app for WooCommerce that functions very similarly to the Shopify one. You can create triggers and actions for different events: when a new account is created, new task built, new contact etc.
Shopify will track and show tax information based on your retail location. Shopify doesn’t automatically set up tax rates for countries outside of your home country, it’s up to you to set that rate up. If you are a Shopify Plus customer you can get access to Avalara tax rates, which are much more accurate and comprehensive than the standard Shopify tax rates.
WooCommerce has settings where you can enable tax calculation and the display of taxes on your checkout page. There are a lot of options in WooCommerce for taxes, you can change how you calculate the taxes, how you display the rates, totals, etc. You can even upload your own tax rates with Woo, there is a lot of flexibility in how you set everything up.
There are a lot of things that go into SEO: site architecture, content, images, video, social signals, backlinks and much more. The majority of your rankings will come from areas that you can control, adding unique content, getting links and creating a site that is worthy of being ranked by Google. As far as site architecture Shopify does all the things that you need to create and rank a site. WordPress has a head start with overall SEO and especially with their thriving plugin ecosystem. The Yoast SEO for WordPress plugin has tons of features, keyword and content analysis, meta tag configurations, breadcrumbs, sitemaps and much more. Shopify has some SEO apps, but none as comprehensive and established as Yoast – in time it wouldn’t surprise me if Yoast developed an app for Shopify.
Full-time developer, full-time daddy, and part-time at being-cute. I love working with clients, solving technical challenges, and developing products that meets our client’s goals and represent their business values.
Matt is the Chief Technology Officer for Ambaum and possesses a wide array of development talents. He has a passion for teaching, learning and helping other team members on all kinds of Shopify Plus and custom development projects.
Business builder, eCommerce, digital, and growth marketing leader, and Shopify Plus merchant since 2014. David leads operations and creative at Ambaum and works with clients ranging from startup DTC brands to high growth, venture-backed companies. He is design inspired, spreadsheet focused, and constantly curious.
Born in Burien, Chad fell in love with ecommerce, Shopify and development ever since he left PricewaterhouseCoopers in 2007. Sports fan who follows all the local teams, I also like running and spending time with my wife and 2 awesome daughters.
Ambaum has been supporting Seven Coffee Roasters since late summer in 2019. Sean Lee approached Ambaum looking for help with a number of services: Shopify site updates, strategy and consulting, design and online advertising help. David Stober, Ambaum’s COO met with Sean and mapped out an initial strategy to help him grow the revenue through his online Shopify store.
The first thing David and Sean discussed was getting a new look and feel for the Seven site. Sean started Seven Coffee Roasters in a small cafe/roastery in the Greenwood neighborhood of Seattle with the mission of bringing Hawaiian coffee to the mainland. Ambaum setup Seven with a new theme that brought together two brands under one main site and gave everything a smoother and more streamlined look.
A big focus for Sean was getting more customers signed up with a monthly subscription for his coffee. Seven was already leveraging Recharge’s Shopify app for managing subscriptions but they weren’t getting the most out of it. David and Sean spent many months designing and building out a new product detail page and the outcome was this:
This enhanced product detail page saw a large increase in customers that signed up for a subscription. Before Sean started working with Ambaum he had less than $500/month in subscription customers and within 6 months he was approaching $8,000/month in total subscription revenue.