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 plugins

The Wooassist Blueprint: What Goes on in the Wooassist Backend

July 22, 2016 By John Leave a Comment

We’ve created our fair share of WordPress sites and provided support for other WooCommerce store owners since 2014. At the same time, we maintain and improve Wooassist.com. But what goes on in the Wooassist backend? Here we’ll provide a sneak peek of what goes on behind the scenes.

Publishing Platform

wordpress-logo

WordPress is one of the best Content Management System (CMS) with over 60 million websites powered, Woasssist included. It is free and open-source, with thousands of available plugins and themes to change and extend the look and functionality of your site.

Hosting Provider

WPEngine-logo-white

WPEngine provides one of the best WordPress hosting services on the web. Our hosting plan with WPEngine comes with caching, backup features and Content Delivery Network (CDN) provided by their partner MaxCDN. They use Ever Cache for speed and massive scalability. They also have one of the best support compared to other hosting providers.

WordPress Themes

Genesis Framework

logo-Genesis-Framework

Genesis Framework is a powerful foundation for building websites in WordPress. It is compatible with WooCommerce and anything can be customized around its core code using child themes. It is also SEO optimized.

 Parallax Pro

logo-Parallax-Pro-white

We use Parallax Pro theme on top of the Genesis framework. Notice how the Wooassist homepage content has a vertical design for easy visual eye movement and flow. As you scroll down the page, you will see that the content is divided into sections. The theme is also mobile responsive.

Installed Plugins

It is best practice to deactivate and delete any unused plugins on your site to minimize site bloat. Just stick to what features you need and the plugin that offers just that.

WooCommerce

WooCommerce

Since Wooassist provides WooCommerce support, it makes sense that we use WooCommerce.

Built with developers in mind, WooCommerce is extendable, adaptable and open source. It works with the core features of WordPress and is one of the most widely used ecommerce plugins. It’s free and allows for maximum flexibility and customization. You can even expand its features with a growing collection of more than 300 extensions.

WooCommerce Customizer

WooCommerce-Customizer

WooCommerce Customizer is a free plugin that adds an extra settings page for WooCommerce. This helps you make quick changes which otherwise would require writing some custom PHP functions. Basically, you can optimize the look of your WooCommerce store for optimum conversion, without writing any code.

Genesis Connect for WooCommerce

Genesis-Connect-for-WooCommerce

When WooCommerce is installed on a site using the Genesis platform, you may find some product pages do not display properly. Genesis Connect for WooCommerce fixes this by replacing WooCommerce’s built-in shop templates with its own Genesis-ready versions. These templates are single-product.php, archive-product.php and taxonomy.php.

WooCommerce Google Analytics Integration

WooCommerce-Google-Analytics-Integration

WooThemes created WooCommerce Google Analytics Integration plugin and is a must to integrate analytics in WooCommerce versions 2.1 and up. This plugin inserts tracking codes into your store pages.

WP-Optimize

WP-Optimize

We use WP-Optimize to clean and keep our database down to a reasonable size. The plugin helps clean up your WordPress database by removing old revisions of posts and stale/trashed comments. It also allows for optimization of your WordPress core tables.

WordPress Related Posts

WordPress-Related-Posts

WordPress Related Posts automatically adds thumbnails at the footer of your content. This helps readers find other relevant posts in our blog for further reading.

WooCommerce Paypal Pro

WooCommerce-PayPal-Pro

We use WooCommerce Paypal Pro as our payment gateway. Our clients can pay with their credits cards. A Paypal account is not necessary.

WooCommerce Checkout Manager

WooCommerce-Checkout-Manager

We use WooCommerce Checkout Manager to customize the fields on our checkout page. This allows for faster and easier checkout.

Akismet

Akismet

We trust Akismet to safeguard our site against spam comments. This product by Automattic comes bundled with WordPress installations. You just need to sign up at their website and get your API key to activate it. Akismet automatically checks incoming comments and moves ‘spam-like’ comments to the Spam folder.

PopupAlly

PopupAlly

We use PopupAlly to show time-delayed and exit intent popups for our free e-book offer and newsletter subscription, respectively. The plugin makes it easy to customize popup forms even for novice users.

Yoast SEO

Yoast-SEO

We use Yoast SEO to optimize our blog post and pages for SEO. It is a powerful plugin that helps to give any site an SEO boost. This plugin can also help optimize product pages and product categories in WooCommerce.

Visual Form Builder

Visual-Form-Builder

We use Visual Form Builder to create forms such as our contact form and custom package form. Visual Form Builder is easy to set up and use even for novice users.

Responsive Pricing Table

Responsive-Pricing-Table

We use Responsive Pricing Table plugin to add a ‘Pricing Tables’ tab in the WordPress admin panel . This allows for creating pricing tables without coding. You can add features of up to 5 plans and display the price table anywhere with a shortcode.

Redirection

Redirection

Redirection is a free plugin that makes managing our 301 redirects easier. It also helps us keep tabs on any 404 errors. We use this mainly when changing slugs of blogs post when optimizing for SEO.

Filed Under: Theme and Plugin Reviews, Wooassist News Tagged With: Genesis, navigation, optimizations, plugins, PopupAlly, redirection, website development, Wooassist, WooCommerce, WooCommerce products, woothemes, WordPress, WPengine, Yoast

Why Should You Keep WordPress Updated?

May 24, 2016 By John 1 Comment

WordPress is getting more popular as a platform for creating e-commerce stores. Because of this, WordPress sites have become attractive targets for hackers to try and break into. There are a few reasons why hackers do this but the main motive has always been for profit. In this article, we will discuss how hackers take advantage of a WordPress site with poor security. You’ll also learn what should be done before a site update and other means to keep your site safe.

How Does a Hacker Take Advantage of a Compromised WordPress Site?

why should you keep wordpress updatedA lot can be done to a hacked WordPress site. It is not just getting sensitive information. Actually, getting sensitive information like credit card numbers is just a “bonus”. It’s not really your website that the hackers want. What they want more is the power of your server resources: computing power, disk space, and anonymity on the internet. So how can they use your server to their advantage? Here are some ways:

Bitcoin Mining

Bitcoin mining is the process of adding transaction records to the Bitcoin’s public ledger. One offers processing power to the public Bitcoin community to validate transactions. He gets a portion of the money being transacted as processing fee. Bitcoin mining is intentionally resource and processing intensive so that the number of blocks found each day by miners remains steady. This is where the hackers can take advantage. They will use your server to mine for themselves, hence noticeably slowing down your site.

Distributed Denial of Service (DDoS)

This attack is an attempt to crash one’s server. It spams that server with thousands of traffic simultaneously, thus denying service for other users. This is commonly used for cheating in online gaming, online gambling, and in taking down a site. Since you can’t overwhelm a server with traffic using a single PC, the likely scenario is that the attacker will have thousands of hacked servers and personal computers to perform an attack. All they need is a single PHP script saved on each site which they can activate at will.

Anonymous Attacks and Spam

Hackers can also use your server to attack or spam anyone anonymously. Since they are using your servers to do these malicious things, these will point to your name and not theirs. They can be churning thousands of spam emails to other people at your expense. They can send viruses and malware through these emails to infect more PCs to aid their hacking.

Data Mining

Hackers can also just mine sensitive information like credit card numbers, passwords, emails and others.

Automated Hacking

hacking-code-destroyMost attacks are automated and target small and unsecure sites. This works similar to how a search engine uses search engine crawlers to index information on the web. The hacker’s crawlers roam around the web to find exploitable sites. When a vulnerability is spotted, the hackers will attack that vulnerable point. Attacks vary from brute force attacks to code injection on contact forms.

Importance of Updating WordPress for Security

The people behind WordPress are working hard to increase security against these attacks. This is what most of the minor updates are for. As the attacks get smarter, the security needs to upgrade as well. Fundamentally, there is no such thing as a perfectly secure system. So whenever WordPress developers see or hear about a possible vulnerability, they will try to fix it as fast as possible.

This is why WordPress updates are very important. By keeping your WordPress core updated, you are protecting yourself from the latest known vulnerabilities.

Things to Do Before Updating

Most of the time, updating WordPress is harmless. However, some major updates that involve the core code may break some plugins or theme files which in turn can break some layout or functionality on your site. That’s why it is important to follow a process before pushing through with an update to avoid breaking your site.

Create a Backup

Creating a backup is the best thing that you can do before pushing through with an update. Backups are your last line of defense in case something goes wrong. If you think it is a hassle, you can actually automate backup creation. There are even hosts that automatically do this for you. However, it is best to have your own backup and not depend on your host to make your backups for you.

Testing on a Staging Site

A staging site is an independent copy of your site. Most hosting sites offer an easy way to make them but you can always create your own. Staging sites are used to ensure that everything works perfectly before you present your site to your customers. This is very important especially for e-commerce sites. You can lose your customers’ trust if you let them experience downtime and bugs.

Other Things to Help You Secure Your Site

cyber-security_keyboard-lockedAside from the updates, there are a lot of things you can do to harden the security of your site. Here are some examples:

Installing a WP Security Plugin

Like creating a backup, installing a WP Security plugin is one of the best things that you can do. Sucuri Security plugin is highly recommended. Basically Sucuri will act as a firewall for your site. It will protect your website from hackers, malware, DDoS and blacklists. It will receive all the traffic going to your site and filter it before sending it to your host. This allows the plugin to block all the attacks and only send you legitimate traffic. Because the filtering/blocking is happening on the Sucuri servers, your servers are relieved of a lot of load. Sucuri has always been the top go-to plugin when it comes to security.

Password Protect Some Directories

Password protecting /wp-admin directory adds another layer of security to your site aside from the login page. This can be done either manually or using cPanel. This is addressed on sites that have a lot of users accessing the wp-admin; for example large news/blog sites that accept guest authors.

Disabling PHP Execution

Disabling PHP Execution from certain directories protects you from backdoor access file attacks. The attacks come disguised as a WordPress core PHP file and inserted in easy access directories like /wp-includes/ and /wp-content/uploads/. Preventing PHP execution from these directories reduces the risk of backdoor access.

Changing the Prefix of Your Database

The default prefix of a WordPress database is “wp_”. Everything on your database will start with this so changing it will make it difficult for attackers to access your database.

Conclusion

Now that you’re more familiar with how hackers work, you can better equip your site to avoid being a victim. Backup your site and do not skimp on WordPress updates, even the minor ones. Remember that these updates will help you safeguard your WordPress site from the latest known security threats. Updates are one thing but you should also harden your site by implementing the strategies mentioned above.

When was the last time you updated WordPress? Do you have any other security tips you’d like to share? Let us know in the comments.

Filed Under: How-To Articles Tagged With: admin, backup, best practices, brute force, e-commerce, how-to, plugins, security, sucuri, website maintenance, WordPress

How to Change the Number of Related Products in WooCommerce

May 12, 2016 By John Leave a Comment

How to change the number of related products in woocommerceChanging the number of related products in WooCommerce is a relatively easy task if you know how to do it. WooCommerce defaults to two related products in the single product page but store owners may want to show their visitors more than just two related products.

Why Change the Number of the Related Products?

Showing more products in the Related Products section will increase and develop the browsing or buying choice of the user. This strategy is basically cross-selling/upselling. It is the strategic way of introducing your customers to other products that are related to what they are already interested in. Research shows that product recommendations account for 10% to 30% of e-commerce store revenue and increase average order value.Cross-Sells_Upsells

Setting up the Number of Related Products

There are two ways you can set up the number of related products. First is to insert a code snippet in the functions.php file on your theme. Second is to install a plugin to do it for you. The first method may seem intimidating to some WooCommerce shop owners, but it is actually as easy as copy and pasting a code. This method is recommended because it doesn’t bloat your site with unnecessary code.

In some themes, authors have added custom functions that allow users to edit WooCommerce and this includes the number of related products. Buying themes that come with a lot of custom functions however are generally not recommended as they can add unnecessary bloat to your site.

How to Change the Number of Related Products in WooCommerce Using Code Snippets

The best way to edit the number of related products is by using a code snippet that you insert into your child theme so that the code doesn’t get overwritten when you update your theme. Don’t get discouraged by the thought of coding but do take extra caution as one wrong code can break your entire site. If you do not know what you are doing, it would do you well to hire a developer to do this for you. If you are comfortable working with code snippets, then proceed with the steps below.

    1. To start, locate functions.php in the WordPress file system. Go to your WordPress Dashboard. Navigate to Appearance > Editor. Choose the theme you are using from the dropdown in the upper right sidebar and locate at the bottom right the functions.php file. You can also access your site’s file through an FTP client and edit the functions.php file from there.

WordPress-Dashboard_Edit-Themes_Themes-Function

  1. Next is to copy and paste the code below at the very bottom of your functions.php file.
    /**
    * WooCommerce Extra Feature
    * --------------------------
    *
    * Change number of related products on product page
    * Set your own value for 'posts_per_page'
    *
    */ 
    function woo_related_products_limit() {
      global $product;
      
      $args['posts_per_page'] = 6;
      return $args;
    }
    add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args' );
      function jk_related_products_args( $args ) {
      $args['posts_per_page'] = 4; // 4 related products
      $args['columns'] = 2; // arranged in 2 columns
      return $args;
    }
    
  2. The piece of code above will make the number of related products into 4 per page arranged in 2 columns. This is defined in these lines of code:

    “$args[‘posts_per_page’] = 4; // 4 related products”, and “$args[‘columns’] = 2; // arranged in 2 columns”.

    In order to have the desired number of related products, you just need to vary the values. For example you want to have 6 related products in a single column, change the 4 to 6 and 2 to 1. So it will be:

    “$args[‘posts_per_page’] = 6; // 6 related products” and “$args[‘columns’] = 1; // arranged in 1 columns”.

  3. Save the file when you are done.

How to Change the Number of Related Products in WooCommerce Using a Plugin

For less technical store owners, you may want to change the number of the Related Products in your WooCommerce store by using a plugin. Using a plugin will save you from editing important website files that can break your site. Here are some plugins that we can recommend:

Booster for WooCommerce

Booster for WooCommerce was previously called WooCommerce Jetpack. This enables you to tweak a lot of settings for WooCommerce not just changing the number of related products. For anyone using the WooCommerce platform, this plugin is highly recommended because it provides a lot of functionality.

To change the number of related products, follow the steps below:

    1. First, install and activate the plugin.
    2. Go to WooCommerce > Settings > Booster.

Booster-for-WooCommerce

    1. In the Booster menu, click on the Products tab > Related Products.

Booster-for-WooCommerce_Related-Products-Tab_Options

  1. Enter the number of Related Products that you want. You can also change the number of columns for the Related Products Section.
  2. Check the Enable Module, save and you’re done.

While WooCommerce Booster is a powerful plugin in itself, you may want to use a different plugin if you just need to edit the number of related products. This is because the number of features that you wouldn’t be using would just add extra bloat to your site.

Woo Related Products

Woo Related Products is one of the simplest plugins out there for editing related products in WooCommerce. It is light and easy to navigate. It also allows you to change the heading text on the related products section.

  1. To start, install and activate the plugin.
  2. Locate “Related Products” from your WP admin menu panel.
  3. Select the number of related products you want to display. And then click on Save Changes.Woo-Related-Products_Products-to-Display

You want to increase your conversions. By increasing the number of related products from WooCommerce’s default to introduce more products to your customers, you can increase your revenue and average order value. You can follow the steps mentioned in this article to accomplish this for your own website.

Do you know of other strategies that can help increase conversions through cross sells and upsells? Let us know in the comments.

Filed Under: Code Snippets, How-To Articles Tagged With: admin, code snippet, conversion optimization, design tweaks, how-to, navigation, plugins, product management, WooCommerce, WooCommerce products, WordPress

10 WooCommerce Plugins to Supercharge Your Store

April 5, 2016 By John Leave a Comment

ecommerce-cart-frog-mini-computer

WooCommerce is a great tool to sell online with unlimited possibilities for customization. One of WooCommerce’s best features is its extensive library of plugins available.

Many of the customizations you need for your WooCommerce store will most likely have been requested by a lot of WooCommerce users. This is where the plugin developers come in. Hence, there will almost always be a plugin for your specific needs.

Here we’ll list down 10 WooCommerce plugins to supercharge your store.

1. WooCommerce Customizer

WooCommerce-Customizer

WooCommerce Customizer is a free plugin from Skyverge. It adds an extra settings page for WooCommerce to help you make quick changes which otherwise would require writing some custom PHP functions. The plugin allows users to edit the text for Add to Cart and Submit Order buttons on the WooCommerce store. It allows you to edit the number of products shown as well as the number of columns on the category pages. You can also edit page coupons, tax labels, logins, product headers and additional information tab headers. The plugin only works on individual sites and does not support multisite networks. It is a great tool for A/B testing because you can change settings in a few clicks. You can optimize the look of your WooCommerce store for optimum conversion.

2. WooCommerce Products Filter

WooCommerce Products Filter is a great plugin especially when you have a lot of products on your WooCommerce store. It lets you set search categories for your visitors and use this to filter products by categories, tags, attributes, and taxonomies. It uses AJAX for easy product search. This allows the user to continuously search without the need to reload the page which is convenient. You can choose from various display formats like drop-downs, check-boxes or radio buttons. These display formats let you customize how users can search products in your WooCommerce site. It also has simple options if you want your product search filter to be less complicated. To add the filter, you just need to insert the shortcode.

 

3. WooCommerce Products Slider

Create a mobile-friendly slider of your products anywhere in your site using WooCommerce Products Slider. You just create your sliders then paste the generated shortcode where you want them to appear. This plugin lets you display featured items, latest products, or sort products posted by date and more. The height, column numbers, size, items and button colors are easy to customize. The free version comes with two themes to help you showcase your products across your WooCommerce store.

 

4. Booster for WooCommerce

Booster-for-WooCommerce

Booster for WooCommerce is a free plugin that supercharges your e-commerce site with features that will empower your standard WooCommerce store. It extends WooCommerce features and lets you add more customizations. It lets you customize prices and currencies, button and price labels, products, cart and checkout, payment and gateways, shipping, invoices, emails, etc. You can check out the long list of features in the plugin page.

5. WooDiscuz WooCommerce Comments

WooDiscuz WooCommerce Comments is a plugin that can help you build customer trust, boost engagement and increase sales. This can also double as your instant FAQ and support platform for specific products. It gives you a platform where your customers or users can discuss your products and add reviews. Visitors can ask pre-sale questions.

This plugin allows you to moderate comments, tweak permissions, and edit security options. It also has anti-spam, AJAX pagination, and redirect to “Thank you” page features.

 

6. WooCommerce – Store Exporter

WooCommerce-Store-Exporter

Take control of your store data with WooCommerce – Store Exporter. It lets you design advanced and concise exports of your data in minutes. This will benefit e-commerce businesses that need to deal with large amounts of data. The free version lets you export your products, categories, tags, and user data into a CSV file or WordPress Media. It is also compatible with WordPress multisite.

7. WooCommerce PDF Invoices and Packing Slips

WooCommerce-PDF-Invoices-and-Packing-Slips

WooCommerce PDF Invoices and Packing Slips will automatically create and add a PDF invoice to WooCommerce emails sent to your customers. Save time from having to send invoices manually and increase your WooCommerce store’s trust rating. You can easily modify the base template for the invoices or create your own template. The plugin also allows for generating and downloading invoices and packing slips in bulk. Monitoring your invoices is easier with the custom format sequential invoice numbers. It has multi-language functionality and lets you add custom fonts.

8. Stripe Payment Gateway WooCommerce Addon

Stripe-Payment-Gateway-WooCommerce-Addon

Stripe Payment Gateway WooCommerce Addon is a free payment gateway plugin for WooCommerce. Setting a payment gateway with Stripe is made easier through this plugin. When configured, the plugin allows your WooCommerce store to accept credit cards payment on checkout. Stripe does this with a generated API. Paying won’t seem like they are redirected to a different site with its overlay appearance. Customers can choose to use and edit saved cards to speed up the checkout process. It also integrates well with refund options in WooCommerce 2.2 versions and above. Do note that an SSL certificate is still required for this to work.

9. Smart Manager for WooCommerce & WPeC

Smart Manager for WooCommerce & WPeC plugin gives you the functionalities of spreadsheet software like Excel within the WordPress Dashboard. It helps you manage products, product variations, customers, coupons and orders quickly with ease. No more tedious importing and exporting of data. The browser-like spreadsheet interface gets rid of distractions with a full-screen view. Typical store administration with WooCommerce will require you hundreds of hours. This plugin would reduce that significantly so you can focus on other important business aspects. The advanced search function will help you to easily manage large amount of data at once. The free version allows you to edit up to 3 items at once.

 

10. UltimateWoo

UltimateWoo

UltimateWoo plugin is like the JetPack for WooCommerce. The plugin provides access to a multitude of WooCommerce extension modules. UltimateWoo has a total of 72 modules that you can use to customize your WooCommerce store. These modules help manage analytics, reporting, e-mail, payment, products, sales, marketing, and shipping. For a complete rundown of all the modules, you can check out this page. A word of caution though, plugins with a lot of functionalities tend to add a lot of bloat to the site.

Conclusion

These are just some of the most useful plugins for WooCommerce. These 10 plugins will make WooCommerce much better for you. However, do note that you should only install plugins that you really need. While plugins are powerful tools when used properly, they can slow down your site. If this should happen, you could lose customers and your conversion rates would suffer.

What are your thoughts on this post? What other WooCommerce plugins do you think deserve a spot in this list? Let us know in the comments.

Filed Under: Theme and Plugin Reviews Tagged With: plugins, website development, WooCommerce, WooCommerce products

How to Add a Home Page Slider in Storefront Theme

March 9, 2016 By John 7 Comments

Storefront-home-page-slider_bannerContent sliders, also known as carousels, can contain complex arrangements of images, video and HTML content usually found top and center on your home page. Storefront however is about simplicity and by itself does not support sliders. You can however add a slider with the help of a plugin.

Should You Use a Content Slider on Your Site?

communication_i-am-rightMany websites overuse sliders and there has been a lot of debates about having sliders. E-commerce websites are able to present their products/services in a visually appealing way with the help of a slider. But a word of warning; sliders are not for every website. Many experts actually advise against the use of sliders.

It Causes Banner Blindness

Because many website owners are abusing the use of sliders, visitors tend to associate them with advertisements. And we all know what happens to advertisements, they get ignored. This is because web users have become increasingly indifferent with advertisements.

It Slows Down Your Site

The more complexity you add, the slower your page becomes. Packing three to five high resolution images alone can dramatically slow down your site. No matter how good or optimized your page is, no one can see it if your page takes too long to load. So keep your slides simple and avoid animations and layers. If you are only after the aesthetics value, there are a lot of alternatives to a home page slider that looks just as good and will not slow down your site.

Preparing Images for Sliders

There are a lot of things to consider when preparing images for your home page slider. Since this will be the largest element in your home page, it should be visually appealing and must convey the message efficiently.

We recommend hiring a professional to do this for you. Before a graphic artist starts preparing your images, you must identify the size of your slider. This will depend on your placeholder. On your web browser, simply right click on the placeholder then click “Inspect Element”. You should be able to see the size of the placeholder in pixels.

Storefront_Placeholder_Inspect-ElementYou will most likely receive a large file from your graphic artist since the file will contain layers and other information about the image. You should request another copy that’s ready for web publishing or you can optimize the image yourself.

Here are some tips and ideas in preparing images for sliders.

  • Go for big, bold and bright images as these are what the human eye loves.
  • Avoid stock images. This will only make your images look like an advertisement and users will only ignore it. Taking your own photos or hiring a professional photographer is advantageous.
  • Your copy should be catchy. Avoid jargon and clichés. Make it short and simple. Copywriting isn’t easy so you might need to put in a bit more effort in finding the right words to help you sell your product/service. Have a strong call-to-action. Add some text or a button that tells the reader the action you want them to take like Shop Now or Download Free Trial.

Slider Plugins

Sliders use jQuery and CSS in its animations. Hence, it is necessary to have a lightweight slider plugin so that it won’t slow down your site significantly. Similarly, it is important to have a slider that is responsive. Since more and more people are browsing using mobile devices, a slider that works on small screen sizes is a necessity. Not to mention Google is now favoring mobile-friendly websites.

Here are some of the recommended slider plugins for WordPress.

Soliloquy Lite

Slider-plugin_Soliloquy-LiteSoliloquy Lite is built with performance in mind and is our slider plugin of choice. It is lightweight so it doesn’t add extra bloat to your site. Also, it is responsive making your WooCommerce site mobile friendly. In performance tests, Soliloquy has always been at the top. Its speed, responsiveness and ease of use are just top notch.

Meta Slider

Slider-plugin_Meta-SliderMeta Slider is both the best rated and the most downloaded slider plugin in the WordPress repository. It’s simple and has a user–friendly interface that it is well-received by the WordPress community.

WooSlider

Slider-plugin_WooSliderWooSlider was made by WooThemes, the same people who developed WooCommerce and Storefront theme. Hence, you can expect that the plugin will work perfectly with WooCommerce and Storefront. WooSlider is a premium plugin and you can find out more about it in the plugin page.

Adding the Home Page Slider in Storefront

The guys that made Storefront built the theme with the philosophy to provide a basic, solid foundation to any WooCommerce project. Other WordPress themes already include multiple sliders in them and this adds unnecessary bloat to the website. Storefront lets you choose your own slider plugin should you decide you need one.

To add a full-width home page slider in Storefront, we need to make use of the extensive hooks conveniently provided by the makers of Storefront. For this example, we will use Soliloquy Lite.

How to Create a Home Page Slider in Storefront using Soliloquy Lite

WordPress-Dashboard_Soliloquy_Add-New-Images

    1. Install and activate the Soliloquy Lite plugin.
    2. Prepare the images for the slider. Make sure they are of the right size and optimized for web publishing.
    3. On your WordPress Dashboard, click on Soliloquy > Add New. Select the slider images that you will be using.
    4. Go to the Config Tab to configure your slider settings. When you are done, click Update.
    5. Take note of the ‘shortcode’ for your slider. It will be something like [soliloquy id=“102”]. You have to remove the quotation marks inside the shortcode so it would look like [soliloquy id=102]
      • Note: The next steps require technical knowledge. This is a very delicate process and one mishap could cause your entire site to go down. If you do not know what you are doing, we would advise on having a developer do this step for you. An alternative is to use My Custom Functions plugin to prevent a fatal error on your site.
    6. Add the piece of code below to your theme’s functions.php file.
    7. Replace the shortcode in the code we provided with the shortcode of your slider.

WordPress-Dashboard_Appearance_Shortcode-Slider

add_action( 'init', 'child_theme_init' );
function child_theme_init() {
      add_action( 'storefront_before_content', 'woa_add_full_slider', 5 );
}

function woa_add_full_slider() { 
 if ( is_front_page() ) :
      ?> 
            <div id="slider">
                    <?php echo do_shortcode("[soliloquy id=102]"); ?>
            </div> 
      <?php
 endif; 
}

Using Other Plugins

The code above makes a container where you can put your slider shortcode. You can use this code in any slider plugin as long as it has shortcode capabilities. Just replace the ‘shortcode’ in the code we provided and you’re all set.

There are a lot of free and premium sliders out there that you can try. The important thing is to choose a slider plugin that is lightweight, responsive and addresses your individual needs. It is very easy to get carried away and use a complex slider plugin that offers lots of animation and layers but note that this will significantly slow down your site. Always remember to keep sliders simple.

If you have any questions or anything you’d like to add, please let us know in the comments.

Filed Under: Code Snippets, How-To Articles Tagged With: code snippet, design tweaks, plugins, Storefront, WooCommerce

  • « Previous Page
  • 1
  • …
  • 4
  • 5
  • 6
  • 7
  • 8
  • 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