Wooassist

Assistance for Your Woocommerce Store

  • How it Works
  • Pricing
  • Services
    • Site Maintenance
    • AI SEO and Content Marketing
  • Blog
    • How-To Articles
    • Code Snippets
    • SEO For E-Commerce
    • Theme and Plugin Reviews
    • Wooassist News
    • WordPress/WooCommerce News
    • Interviews
  • About Us
  • Contact
You are here: Home / Archives for website development

How to Optimize Email Opt-in Forms for Increased Conversions in WooCommerce

May 17, 2016 By John Leave a Comment

how to optimize email opt-in formsAs part of your sales funnel, your goal probably is to convert site visitors into subscribers and later on, into paying customers. Email marketing is still one of the best means to connect with your potential customers after they’ve left your site. As you get visitors in your WooCommerce store, you’ll want to get their emails. To do this, you need to learn how to optimize email opt-in forms.

In this post, we’ll show you what you should put in an opt-in form and how to position it strategically on your e-commerce store. We’ll also introduce you to some popular WordPress plugins to easily add opt-in forms on your site.

Where can You Add Opt-in Forms?

It is useful to add opt-in forms in different sections and pages on your e-commerce store.

Landing page

Using a landing page (or a squeeze page) is the traditional method of collecting leads. Because your goal is to get people to sign up to your mailing list, every element of the landing page should support that desired action. Don’t add a side-bar because it will just distract the users from the real goal. Remove links that will take the site visitor away from the landing page before they even fill out and submit the opt-in form.

Feature Box

A feature box is a full-width email opt-in box usually added on top of your homepage. Some do not use a feature box because of two things: it takes up the most valuable space on your homepage, and it seems pushy to immediately ask for an email address. To validate the feature box’s location and avoid getting negative attention from site visitors, make sure that what you’re offering is definitely useful in exchange for their email address.

As an example, the use of a feature box on DIYthemes’ blog resulted in a 51.7% increase in its daily blog subscription.feature-box_DIYthemes

Pop-up Window

Because of its nature of ‘popping-up’ and interrupting the user while browsing the site, many visitors don’t like pop-ups. Nevertheless, a pop-up window is still one of the most effective lead generation tools. A lightbox works the same way as a pop-up window, but the rest of the site is darkened to make the form stand out.

Note that the timing should be perfect to avoid hindering good user experience. Once seen, you have only 1-2 seconds to grab the user’s attention and pique their interest before they close the window. Here are some examples of high converting pop-up email forms.

Opt-In Forms in Other Pages

options-2Apart from the feature box in the homepage, you can insert more opt-in forms in other pages (About page and Splash page) and in other page sections (top of sidebar, sticky top bar and below the footer).

The About Us page is usually one of the most visited pages in any website, so it’s a good idea to make the most of that traffic.

In a Kissmetrics review, using a splash page might be a better idea than a pop-up on the homepage. A pop-up is frowned upon because it interrupts the user while browsing the site. A splash page appears as a preliminary message. As such, it is better perceived.

Sidebar Opt-In Form

A sidebar opt-in form is the most common email list building method mainly because it is built in to most website templates. Keep your opt-in form to the top of your sidebar though, to maximize results.

Sticky Top Bar

Because a sticky top bar remains visible on top of the page even as you scroll down, visitors have plenty of time and opportunity to notice the message and eventually subscribe.

Components of an Opt-In Form

Once you’ve determined where you want your opt-in forms, the next step is to create them. To increase your chances of getting sign-ups, your opt-in form should have the right timing, design, form fields and copy.

Timing

15-seconds_traffic-stoplightIn using a pop-up window, you need to properly time it. You can set a time delay before showing the pop-up. If it’s too early, you’ll annoy site visitors even before they’ve taken a look of your site and what you have to offer. A 15-second delay is enough time for visitors to look around your site and not be too bothered with a pop-up. Note that this does not necessarily apply to your target audience. It’s best to conduct your own tests.

You can also show pop-ups as visitors reach the bottom of your content or as they exit your site.

Design

To effectively connect with your visitors as they quickly scan your opt-in form, you need to add visual elements that enhance your messaging. Humanize your opt-in form with a photo. Inject credibility with a testimonial or statistic. If your opt-in form is not a pop-up, make sure it will get noticed but at the same match your site’s theme.

Form Fields

More people sign up when less form data is requested. Note that you just need the email address of your site visitors for email marketing purposes. Usually just a name and email in the form will suffice. You can even make the name optional.

Concise Copy

Make your opt-in form copy as concise as possible. It’s important to present a clear purpose when asking for personal information. Spell out what your site visitors will get in return. You can also assure them that you won’t sell their addresses to a third party or spam them. BeemDigital showed an 83.75% increase in sign-ups when they added value and relevance to their opt-in form.

concise-copy_Contentverve
Image Credit: http://contentverve.com/how-to-write-high-converting-signup-form-copy/

Another effective tactic is to offer a lead magnet, like a free e-book, product trial, discount, or even free shipping. On a side note, you can set up the incentive in such a way that your new subscribers won’t unsubscribe immediately. If you’re offering a free e-book, break it up in parts and offer them in a series of emails. Entice them to want to wait for what’s coming next.

Recommended Opt-In Form Plugins for Your WooCommerce Store

In choosing your opt-in plugin, consider what features you need and choose a plugin that provides just that and nothing more. Anything more is just extra bloat on your site. Below we list some of opt-in form plugins that we can recommend.

OptinMonster

optinmonsterOptinMonster is a paid pop-up plugin that offers a wide range of functionality. It comes with an easy-to-use form builder that allows you to create various types of opt-in forms including WordPress popup forms, floating header and footer bars, slide-ins also known as scroll triggered boxes, sidebar forms, after post forms, in-line forms, mobile-specific forms, and welcome gates. Other features are exit-intent technology, page-level targeting, behavior automation and A/B testing, and a 2-step opt-in process.

PopupAlly

popupallyPopupAlly’s free version allows you to create advanced popup signup forms even if you don’t know how to code. You can also embed opt-in forms at the bottom of your posts, set a few seconds’ delay or have the pop-up appear as the users leave your site.

Its premium version, PopupAlly Pro, has an optimized interface and extra features. This includes more customizable templates, more opt-in options (horizontal, sidebar, below-the-post, etc) and allows for any web fonts to be used. Click-based and scroll activation timing features and one-on-one email support are available only with the premium version.

Hello Bar

hellobar_wooassist pagehellobar_style menuHello Bar is a free plugin that allows you to copy and paste a code snippet from HelloBar.com straight to your WordPress admin interface. Above is the HelloBar interface from the website. You can choose from several goals like grow your email list, promote your social pages, promote an offer, or add a contact form. You can choose from several styles of opt-in forms and even change the colors to match your website’s colors. To set up HelloBar, just visit the site to configure. The interface is very straight forward so you should have the design in minutes. To apply this to your site, just install the free plugin that is generated specifically for your website. This plugin will only work for the site that you registered it for. You can just create a new one for another site.

This plugin also comes with A/B testing so you can easily optimize for increased conversion.

Ninja Forms

ninjaformsNinja Forms is a plugin built with developers in mind. Included are hundreds of functions, action hooks, and filters that developers can use to create their own custom functionality. Customize field options and forms with its extensive settings. Add a Ninja Form to your e-commerce site easily with a widget, shortcode, template function, or append it automatically to any content. Upgraded bundles include automatic updates, add-ons and sites per add-on, and email support with faster response time.

Which Opt-in Forms Leads to More Conversions?

arm-wrestling-2There is no single correct answer to this question. Different websites vary in terms of design and market. This article could help point you in the right direction, but there are a lot of things you need to figure out for yourself. Get to know your customers by creating a customer persona. When you are able to identify your customers, you’ll know how to market to them. From there, you can create a sales funnel that works for you. Use heat maps like CrazyEgg to find out where your visitors click. Constant A/B split testing will help you determine what variation converts better.

Conclusion

Opt-in forms should be placed strategically throughout your website. Optimize them so they are easily visible. Make them stand out. These forms should offer value and relevance to encourage users to subscribe. Enhance copy with visual elements and keep form fields to a minimum. If you decide to use pop-ups, you need to time them correctly so as not to be intrusive. Make sure you’re getting the most of your opt-in plugin’s features without sacrificing site performance. When your opt-in forms are set up, you need to conduct your own split testing to optimize for maximum conversion.

Hope this article helped you out. Do you have any strategies you’d like to share for increasing opt-in form conversion? Do you want to add something that we might have missed? Let us know in the comments section.

Filed Under: How-To Articles, Theme and Plugin Reviews Tagged With: best practices, conversion optimization, design tweaks, how-to, marketing strategy, plugins, PopupAlly, website development, WordPress

6 Things That Slow Down Your WooCommerce Site and What You Can Do To Fix It

April 8, 2016 By John Leave a Comment

highway-speed-lightsIf you see that your WooCommerce site visitors are leaving your site not long after they get in, you might want to check if your site is loading fast enough. Slow page loading is one of the primary reasons people leave websites. Studies have shown that a 1-second delay in page response can result in a 7% reduction in conversions. Even Google admitted they hate slow-loading sites and penalize the ranking of slow websites. In this article, we will get into the factors that cause your site to slow down and how you can fix them.

Unoptimized Images

camera-lensIt is critical for WooCommerce sites to have optimized images, specifically product images. The sheer number of product images and alternate images can significantly affect a WooCommerce site’s page speed. You might want to aim for a file size not larger than 100kb. But this is just a rule of thumb. Full-width images are of course an exception. Also always try to use appropriate sizes. For optimum speed, the images should not exceed the size of the placeholder. Lastly, try to adjust the quality of the image. It doesn’t mean you compromise image quality. There are ways to reduce image file size without affecting image quality. You can optimize the image by adjusting some settings and removing some color palettes that are not observable by the naked eye.

We suggest a plugin called WPSmush.it. This is a plugin that automatically optimizes the image as you upload your images through the WordPress Media Library. Still, it is important that you optimize your images before uploading them. Learn more about pre-upload adjustments in our post about image optimizations.

Serving Content without Caching

Content caching is basically preprocessing the files and storing them as static content instead of asking the server for the contents upon each client’s request. The static content can be stored either from an intermediary nearby server (server-side caching) or from the client’s web browser (client-side caching). This practice reduces page load time significantly because it reduces server load and the content is served from a closer location. Caching can improve your website speed by up to 300%. If you are looking for a caching plugin, we can recommend WP Super Cache.

Having Too Many Plugins Installed

run-track-and-fieldPage size is not the only thing that has a direct impact on your page load time. The total number of HTTP requests is a major factor as well. Every image, JavaScript file, CSS file, and jQuery file adds up to more HTTP requests.

This is why having too many plugins installed on your WooCommerce site is not advisable. The same goes for having a theme with a lot of bundled plugins. Plugins can have their own stylesheets and scripts and these add to total the number of requests. Of course, it depends on the plugin. Some plugins have efficient code, but others can have issues with poorly coded PHP scripts. A poorly coded plugin needs a longer server processing time before it completes a calculation. That’s why it is important to only use plugins that you really need. Avoid plugins with too many features that you don’t really need.

Not Minifying Scripts and Stylesheets

Even if you already uninstalled unused plugins, chances are you will still have a couple of individual stylesheets and scripts queued for request. Minifying is a technique made to handle this issue. What it does is combine stylesheets and scripts. So instead of 5-7 stylesheets and 9-12 scripts, you will end with a single file for each type. After combining, it will further compress the files and serve them with gzip compression. This technique reduces the number of requests and page size significantly. Don’t worry about the technicalities of minifying though. W3 Total Cache has Minify together with the caching service.

Plenty of Externally Hosted Content

binary-treeAnother culprit in slowing down a site is having externally hosted content. They can look harmless at first but without moderation, your site will get bogged down by these contents. Your site will only be as fast as your external host server. It is not limited to external videos, audio, and images. External content can also be stylesheets and scripts. One common culprit is the overuse of Google Fonts, so as much as possible try to only use at most 2 font families from Google fonts.

Server Load

Server overload is a common problem, especially for site owners that use shared servers. Shared servers don’t cost that much but they have their limits. Most of these servers can’t handle huge amounts of traffic. One solution is to invest in a pricier dedicated server. Another one is to use a Content Delivery Network (CDN) service. CDN is a system of distributed servers. Basically, you can apply to use a CDN service and they will store your cached site in their server systems across the globe. You can use the W3 Total Cache plugin to easily set up a CDN for your WooCommerce store.

Conclusion

It is important to invest in speed optimization to maintain a good user experience across your WooCommerce store and if you want to keep your SEO rankings. To test your WooCommerce store’s speed, you can use Pingdom’s site speed test or Google’s page speed tool. If your site takes more than 2 seconds to load, you have to make some adjustments. Hopefully, the pointers above will help you achieve an acceptable page load speed.

Was this article helpful? Do you know of any tips to help improve a WooCommerce store’s page load speed? Let us know in the comments.

Filed Under: How-To Articles Tagged With: best practices, caching, CDN, how-to, minification, page speed, site speed optimization, W3 Total Cache, website development, WooCommerce

How to Add a Quantity Field on Your WooCommerce Shop Page

April 7, 2017 By John 30 Comments

counting-cubes-quantity-on-shop-page

By default, WooCommerce does not allow users to change the quantity of the product on the shop page before adding to cart. To change the quantity, users would have to proceed to the cart page which can be an arduous process. In this post, we will show you how to add a quantity field on your WooCommerce shop page.

If a customer wants to buy three sunglasses, and you only have the “Add to Cart” button on the shop page, the user will have to go to the Cart to edit the quantity that he/she wants to buy. This takes a few extra clicks and can become a real problem if the customer wants to shop for more items.

Less Clicks to Checkout

It is important to note that less clicks leading to the checkout page leads to more sales. As an e-commerce store owner, making your store more profitable should be on top of your priority list. Another way to reduce clicks to checkout is allowing the customer to check out as guests without the need to create an account.

Also, refrain from asking unnecessary information. At the very least, your checkout page should only have the name, address, email and phone number fields aside from the payment details.

Quality of Life Improvement

Adding the quantity field to the shop page is a good quality of life improvement that many of your visitors would appreciate. Instead of having to navigate to the cart or the product page to increase the quantity, they can increase the quantity from the shop page. If you think about it, making it easier for your customers to purchase more of your products means more sales for you.

A Necessity for Some Online Stores

How to Add a Quantity Field on Your WooCommerce Shop PageAdding the quantity field to the shop page is a necessity to some stores where buying several pieces and having repeat sales are common. For example, buying canned cat food in bulk is common so if you own a store selling pet food, having the quantity field on the shop page will really help. Many of your customers will be buying again after some time. They can just add the products directly from the shop page since they know what they are buying and no longer need to see the product details.

How to Add a Quantity Field on Your Shop

You can use the Quantity Field on Shop Page for WooCommerce plugin to add a quantity field on your WooCommerce shop. Just install the plugin and activate it. There are no settings to tweak. Once the plugin is activated, the quantity field should be on your shop page.

Did this plugin work for you? Do you have any questions or ideas on how the plugin can be improved? Let us know in the comments.

Filed Under: How-To Articles, Theme and Plugin Reviews Tagged With: best practices, e-commerce, how-to, navigation, plugins, website development, Wooassist, WooCommerce

Things to Do Before Your Website Goes Live

May 7, 2015 By John Leave a Comment

checklistThe bulk of the work is done. Your website is ready to go live. But are you sure it is really ready? Here’s a handy checklist of things to do before your website goes live. Make sure everything is working fine before you click that “Go Live” button.

Page Content

  1. Proof read web copywriting, spelling and grammar are correct
  2. Paragraphs and headers and formatting are correct
  3. Copywriting date on the footer shows current year
  4. Company details and contact info are accurate all throughout the website.
  5. Lorem Ipsum has been removed
  6. Images, videos and audio files are properly formatted and are working on different devices
  7. Premium content such as PDFs, whitepaper, ebooks, etc. have been proofread, spelling and grammar are correct. These files are properly stored in their respective libraries.
  8. Images, font and other content are properly licensed or have proper citation

Design

  1. Site pages are compatible across different browsers (Firefox, Safari, IE 7, 8, 9, and 10, Chrome, Opera)
  2. Pages are compatible across different devices (tablets, laptops, desktops, and other mobile devices)
  3. Check for CSS and HTML error, fix and validate
  4. Favicon is uploaded and is rendering properly
  5. Paragraph and styles are working properly

design

Functionality

  1. Forms are submitting data properly
  2. Thank you message or confirmation message displays after the form is submitted.
  3. Form data is emailed to the recipient
  4. Auto-responders (if any) are working properly
  5. Internal links are working
  6. External links are working
  7. Social media icons are working properly
  8. Feeds are working properly
  9. Company logo is linked to the homepage
  10. Site load time should take not more than 2-3 seconds
  11. 404 Redirects are in place
  12. Integration with third-party tools such as e-commerce software, CRM, Marketing software platforms are running smoothly
  13. Site structure is clean and should be easy to navigate and maneuvered by your users
  14. Payment processing should be live
  15. Shipping options checked
  16. Credit card transaction checked
  17. Run a test order. Check tax, sub-total, total, coupons, etc
  18. Confirm order is placed
  19. Reset order number
  20. Verify MyAccount
  21. Dummy orders and test accounts are cleared.
  22. Test email from client to merchant
  23. Cart icon is on each page
  24. Checkout button should be large and is strategically located on the page.
  25. Search box with suggestive search
  26. Feedback tab at the bottom of each page for users to notify the webmasters when having problems with the site.

SEO

  1. Page titles should be unique, less than 70 characters and should include keywords.
  2. Meta Descriptions are unique and should not exceed 156 characters
  3. Keyword per page not more than 10, depending on the # of words per page
  4. Metadata for RSS in place
  5. Metadata for social media sharing in place
  6. Metadata spelling and grammar correct
  7. Alt tags for images
  8. Dynamic XML sitemap created and submitted to search engines
  9. Breadcrumbs in place
  10. Slugs should reflect site structure and should be short with relevant keywords.
  11. 301 redirects for old URLs are in place
  12. rel=”nofollow” tags are in place on applicable links and pages
  13. Site indexing is on

Google Analytics

  1. Analytics codes are properly inserted
  2. Relevant IP addresses have been excluded from analytics tracking.
  3. Google Webmaster Tools and Google Analytics are synced
  4. Google Adwords and Google Analytics are synced

Security and Backups

security

  1. Monitoring scripts installed.
  2. Copy of the final website stored in a safe place
  3. Ongoing copies of the site is being generated everyday (depending on how large the site is)
  4. Usernames and passwords stored in a secure database
  5. Check robots.txt file to restrict access to sensitive pages

Compliance to Web Rules and Regulations

This may vary depending on the country and industry.

  1. Pages offer accessibility to users with disabilities
  2. Users need to be informed if site is using cookies
  3. Compliant to usage rights of images, fonts, videos, etc.
  4. Terms and Privacy policy for users should be readily accessible and visible to site visitors
  5. Website is PCI compliant
  6. SSL certificate properly installed. Check receipt and checkout page, my account and my account details in SSL mode.
  7. SSL mode for logins and registrations

Filed Under: How-To Articles Tagged With: 404 error, backup, best practices, breadcrumbs, Google Analytics, Google Webmaster Tools, how-to, redirection, security, SEO strategy, website development, WordPress

How to Create a Child Theme for Storefront

February 26, 2016 By John 2 Comments

how-to-create-a-child-theme-for-storefront

Optimizing your website usually means making changes to your theme. These changes can range from simple to complex. It’s easy to make changes on your website but the problem is that you will lose all your changes when you update your theme.

There are ways to update your theme without losing your customizations and the best way is to use a child theme. In this post, we will teach you how you can use a child theme to make the website development process easier.

We’ll teach you how to create a child theme for Storefront theme. Storefront is the official theme for WooCommerce. It’s a good parent theme to work on as it’s built with the same high standards as WooCommerce. It is entirely free and 100% compatible with WooCommerce.

What is a Child Theme

A child theme is not a full theme. It only inherits all the code, styling and functionality of the main or parent theme. Changes made in a child theme do not affect the parent theme. This allows users to tweak a theme without having to worry about losing the customizations when updating the theme. Using a child theme is best practice for altering an existing theme.

A parent theme is the default of all your WordPress themes. It contains the templates, design and functionality needed to run your website on WordPress. Note that parent themes are different from theme frameworks. A parent theme is a complete theme that you can use right away while a theme framework like Genesis is a developmental template.

Why You Should Use a Child Theme

There are thousands of themes out there that you can use for your WordPress installation. The problem is they all look generic and may not exactly fit your website needs. Modifying the theme with CSS is recommended. Here are some reasons why you should use a child theme:

Speed Up Site Development

Child themes allow you to quickly add or modify specific functions or template files. It allows you to significantly speed up site development as you would not need to write a lot of code from scratch. You’ll get a great deal of flexibility especially from powerful theme frameworks like Genesis.

Preserve Theme Changes

Themes get updates from time to time. These updates are important as these address security exploits that come to light. Updating your theme will wipe all the changes you made to the base theme. However, if you use a child theme, you can preserve any changes you make to the child theme when you update the base theme.

Safe Fallback

Creating or editing a theme entails a lot of work. However, when you make customizations on a child theme, you have your parent theme’s codes and functionality as fallback in case you mess up something. The child theme will only change a specific function or style when you want it to.

Secure Your Site

WPBeginner found out that 83% of hacked WordPress sites are not upgraded properly. The safest way to update your theme is by using a child theme.

When to Use Child Themes

If you are in any way customizing your theme, then you should be using a child theme. Using a child theme is best practice.

If you are not familiar with CSS and PHP, creating your own child theme can be a challenge. You would also need to learn about the functionalities of your parent theme.

Robust frameworks can be more challenging as they have their own filters and hooks.

How to Create a Child Theme

Setting up a child theme for any WordPress theme is easy but you need to pick a good parent theme. Not all themes can be good parent themes. We recommend Storefront or the Genesis framework.

A good parent theme is a solid foundation for your site. You will be building your child theme over it so it has to be flexible and coded properly.

You can use plugins to generate a child theme or you can do it manually. You just need three things to start: child theme directory, style.css file and functions.php file.

Child Theme Folder

This folder will serve as the container for your stylesheet and function files. It is ideal to use the name of your parent theme as folder name and append it with “-child”. In this case, we named our directory “Storefront-child”. Make sure that your child theme’s directory name has no spaces to avoid possible errors. For the meantime, you can create this folder in your computer.

child-theme-folder

Child Theme Stylesheet

This is a basic style.css file. You need to set this stylesheet to inherit the styles from your parent theme. To do that, insert the stylesheet header below and replace them with relevant details. Note that customizations done here will override parent theme styles.

/*
 Theme Name:   Storefront Child
 Theme URI:    http://sitename.com/storefront/
 Description:  Storefront Child Theme
 Author:       Nick J
 Author URI:   http://sitename.com
 Template:     storefront /*this is case sensitive*/
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, full-width, responsive-layout, accessibility-ready
 Text Domain:  storefront-child
*/
/*Theme customisations start here*/

We won’t teach you how to use CSS. It is impossible to cover that in one article. You can learn CSS here or have a developer do the CSS tweaks on your website.

Child Theme Function

Previous methods suggest that you use “@import” in your stylesheet to load your child theme. This is no longer considered best practice. You just need to “enqueue” your parent theme’s stylesheet in your child theme’s functions.php file. To do this, you can use “wp_enqueue_scripts action” and use “wp_enqueue_style()”.

The stylesheet for your child theme is usually loaded automatically. If not, you will need to enqueue it as well. You also need to make sure that the child stylesheet gets priority. You can use the code below instead. This code sets ‘parent-style’ as a dependency so your child-theme stylesheet loads after it.

<?php
function theme_enqueue_styles() {
$parent_style = 'parent-style';
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) ); } add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
?>

Activation

To add a child theme to your WordPress themes, you need to create a .zip file of your child theme folder. You can use 7-zip or Winrar to do this. Make sure that you have your style.css and functions.php inside your child theme folder.

It is best to take note and keep records of other plugin settings before you activate your child theme. Once you’re done, you can upload this in your WordPress via Appearance > Add Themes.

child-theme-activation-storefront

WordPress will install your child theme just like any other theme. Once installed, you need to activate this by clicking on ‘Activate’.

child-theme-activation-storefront-2

You can also choose to activate your child theme later when you go to Appearance > Themes.

child-theme-activation-storefront-appearance-themes

Once installed or activated, you can apply any edits to functions.php and to the stylesheet directly on the child theme files

Popular Child Themes for Storefront

If creating your own child theme is proving to be a bit too difficult for you, you can always purchase one.

There are a handful of child themes for Storefront right now. Note that you should install Storefront base theme first before installing these child themes.

Boutique

boutique_popular-child-themes-for-storefront

Boutique is simple and easy to customize. You can start selling after you create your color theme, add your logo and content.

Deli

deli_popular-child-themes-for-storefront

If you want to add more personality to your store, you can use Deli. This child theme is great for small businesses. It has color schemes and textures that are inspired by nature.

Conclusion

Having a child theme is best practice when doing development work on your WooCommerce site. More importantly, using a child theme allows you to freely update your theme without losing any customizations you made on the child theme. A good and solid foundation is important for child themes. Hope this article has been helpful. Do you have any questions about child themes or anything you’d like to add? Let us know in the comments.

Filed Under: Code Snippets, How-To Articles Tagged With: best practices, child theme, code snippet, CSS, design tweaks, how-to, optimizations, Storefront, website development, website maintenance, WooCommerce, WordPress

  • 1
  • 2
  • 3
  • 4
  • Next Page »
Let us support your online store so you can manage your business

Get started today

Get 2 Hours of FREE SUPPORT

We are so confident that you will love our services that we will give you your first 4 hours at a 50% discount

That’s 4 hours for only $75

BUY NOW

Free eBook

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales

Quick Links

  • How it Works
  • Pricing
  • Blog
  • Contact
  • About Wooassist
  • My Account
  • Checkout
  • Privacy Policy
  • Cookie Policy
  • Terms and Conditions

Wooassist

Australia:
59 Luke St.
Hemmant QLD 4174

Philippines:
San Miguel St.
Poblacion, Iligan City 9200

Connect

     

Copyright © 2026 · Wooassist

Yours FREE!

5 Things Every Online Store Can Fix On Their Website In The Next Week To Increase Sales