John, Author at Wooassist

How to Troubleshoot Problems in WooCommerce

September 4, 2017 By John 2 Comments

When something breaks on your WooCommerce store, don’t panic. Usually, these issues are caused by an outdated software/plugin, a theme conflict or a plugin conflict. These issues can normally be resolved in a few basic steps. In this post, we’ll teach you how to troubleshoot problems in WooCommerce before you hire some professional help.

Before anything else, you need to identify the scope of the problem and if you need to set your site to maintenance mode. If the current problem will cause more problems down line like having to issue refunds for any sale, you might want to consider putting your site on maintenance mode. There are a lot of plugins on the plugin repository that can help you set up a maintenance mode page. When that’s done, you can proceed with the steps below.

Step 1: Update Your Themes and Plugins

The first step to troubleshooting an issue on your WooCommerce store is to update your themes and plugins. However, before you update, make sure you create a backup or test your updates on a development site.

To update your plugins, just go to your WordPress Dashboard, click on plugins and click on Update Now for each plugin. To update all your plugins in one go, you can tick on the tick boxes and then click on Update in the Bulk Actions field and then click on Apply. If you are running some premium plugins, note that you may need to renew expired licenses to update those.

To update your themes, click on ‘Appearance’ and then ‘Themes’. This will bring you to the Theme page which shows all your installed themes. Here, just click on Update Now on the theme that you need to update.

Step 2: Deactivate All Your Plugins

If updating your themes and plugin does not fix the issue, you have to rule out the possibility that a plugin is causing the issue. You will need to deactivate all your plugins.

You can first choose to deactivate any new plugins you have recently installed and then test if that would fix the issue on your site.

If that does not fix the problem, you can deactivate other plugins that you think may be related to the issue. Minification and caching plugins often cause site issues so you can start with those plugins if you have any. If that still does not work, proceed to deactivate the rest of your plugins one by one.

When you’ve found the plugin in question, you can just leave it deactivated and find an alternative plugin. You can also reach out to the plugin developers to let them know about the problem you had so they can look into it and try to fix it.

If deactivating all your plugins still does not fix the issue. You can proceed to the next step.

Step 3: Use a Default WordPress Theme

Many theme developers bloat their themes with unnecessary features. Sometimes this causes conflicts with WordPress, WooCommerce and other plugins. Before you change your theme, make sure you back up your site.

When you are ready, you can proceed to activate any of the basic WordPress themes such as Twenty Seventeen. If that fixes your problem, then you’ve got an issue with your theme. You can get in contact with your theme developer about the issue so they can fix it. You can use another theme but this is not an easy choice to make especially if you’ve invested a lot of work on your current site’s design. You can also contact us so we can advise if there is anything else that can be done to fix the theme issue. There is a chance that the problem can be fixed with a few simple tweaks.

We recommend using Storefront theme which is one of the best themes to use for WooCommerce because of compatibility. Storefront theme was made specifically for WooCommerce by the same developers who created WooCommerce.

The Genesis Framework is also a good choice for a theme. It has a wide range of child themes customized for the needs of specific website types.

But My Problem Still Persists?

If the steps above did not solve your problems, there are still a few things you can do. Forums and message boards are a good way of getting help with issues concerning WordPress or WooCommerce. If you have a WordPress problem, you can post it in the WordPress forums and someone might be able to help you out. If your problem is specific to WooCommerce, you can head over to the WooCommerce support page.

If all else fails and you don’t have an in-house developer, you can contact us so we can have our expert WooCommerce developers try and fix the issue for you.

Conversion Rate Optimization for WooCommerce – An Infographic

August 24, 2017 By John Leave a Comment

As a WooCommerce store owner, you want to make your store as profitable as it can be. This is where conversion optimization comes in. We created this easy-to-follow infographic to help you optimize your store’s conversion rates. Should you ever need help getting some of these things done, just send us a message and we can help you out.

If you want to share this infographic on your site, just paste the code below on your site’s text/HTML editor.

<a href="https://wooassist.com/conversion-rate-optimization-for-woocommerce-an-infographic"><img class="aligncenter wp-image-3020 size-full" src="https://wooassist.com/wp-content/uploads/2017/08/Conversation-Rate-Optimization-for-WooCommerce-An-Infographic-by-Wooassist.png" alt="Conversion Rate Optimization for WooCommerce - An Infographic by Wooassist" width="700" height="4428" /></a>

7 Things You Can Do to Increase the Trust Rating of Your WooCommerce Store – An Infographic

August 23, 2017 By John Leave a Comment

We listed down the 7 things that you can do to increase the trust rating of your WooCommerce Store in one handy infographic.

If you want to share this infographic on your site, you can use the code below and paste it in your HTML/text editor.

<a href="https://wooassist.com/7-things-you-can-do-to-increase-the-trust-rating-of-your-woocommerce-store-an-infographic"><img class="aligncenter wp-image-3017 size-full" src="https://wooassist.com/wp-content/uploads/2017/08/Increase-Trust-Rating.jpg" alt="Increase the Trust Rating of Your WooCommerce Store - An Inforgraphic by Wooassist" width="700" height="2030" /></a>

Why You Should Use a Development Site for WooCommerce

August 14, 2017 By John Leave a Comment

Using a development site (or a staging site) is best practice when working with websites. A development site allows web developers to safely test new features and updates without affecting the live site.

In the absence of a development site, developers will need to test new features and updates on a live site. This is not recommended because such actions can cause critical errors that may break the functionality of the site. In some cases, adding new features and new updates can cause a website to go down. Without a proper backup, the results could be devastating especially for e-commerce stores.

Testing Ground When Adding New Site Features

If you want to add some new functionality on a live WooCommerce store, it is best to test this first on a development site. Make sure that everything is working before you roll out the new functionality to your customers.

You will most likely have a web developer who will help you add the new functionality that you want. If this is the case, the developer will recommend doing the changes first on a development site. On the off-chance he doesn’t, talk it over with your developer and recommend testing the new functionality on a development site. After adding the new feature, do some user testing on the development site to ensure that everything is working as intended and that no other existing features have been affected.

A Development Site Prevents Errors on Live Site During Site Updates

Aside from when adding new functionality to your WooCommerce store, you should use a development site when updating your site. Doing site updates on your live site can break your site so it is always best to test your updates on a development site. This is especially true when you are dealing with major releases of WordPress and WooCommerce.

How to Create a Development Site

But how do you create a development site on your server? Some hosting providers such as WPEngine provide a staging environment for their customers. If you do not have a development site, you can create one manually. However, do note that creating a development site is a complex process that includes tinkering with your site files and the database. If you are not confident in working with your site files and the database, scroll down to the next section. If you are confident with editing your site files and database, just follow the steps below:

1. Log in to cPanel.

2. Go to your File Manager and go to the public_html folder. Create a ‘dev’ folder there.

a. Copy your WordPress files from your current directory to the ‘dev’ folder you just created. Select all WordPress files and folders.

b. Click Copy on the top menu.

c. Type in the directory where you want to copy the files into. In this case, the directory is /public_html/dev

3. Create a database. Note: Icons may differ but the names of the items should be the same.

a. Go back to the cPanel home, Click the MySQL Database Wizard under the Databases heading.

b. Next to New Database enter a name for your database and click Next Step.

c. Next to Username enter a username. Enter and confirm a password and then click on Create User. Note these down as you will need it later.

d. On the next page, you will need to assign privileges for the user on the database. Check the box next to All Privileges and then click Next Step.

4. Export your current database.

a. On the cPanel Home, click on phpMyAdmin icon under the Databases heading.

b. Select the database to export. Click on the database name you are working with in the left menu.

c. Click on Export option found in the tabs across the top of the screen.

d. Click on the radial button for Quick.

e. Next, you will need to click on the format of the export file. By default, it should be on SQL, so you don’t need to change anything.

f. Click on the Go button to start the export.

g. You will be prompted to either open or save the file. Choose the option to save the file and then save it somewhere you’ll remember.

5. Import your Database to the new database you created.

a. Still on the phpMyAdmin screen, on the left side, you should see the name of the new database you created earlier for the dev site.

b. Click on the database you created and click Import in the top menu.

c. Under File to Import, click Browse and select the backup file you previously created. You need to locate where you saved it on your computer.

d. Click Go at the bottom right. Wait for the import to finish.

e. When the database has been imported successfully, you should see a message that the import has successfully finished.

6. Configure the wp-config.php file for the dev site.

a. Click on File Manager located in the Files section of cPanel.

b. Navigate to the folder to where you uploaded WordPress.

c. Click the wp-config.php file, then click the Edit link on the top menu.

d. On the edit screen, change the values in the image below to the values you set for the new database you created earlier.

7. Change the site URL for the dev site.

a. The site URL is stored in the WordPress database. In order for the site to load as a dev site, the site URL will need to be changed to the subfolder URL, eg. example.com/dev

b. Go to phpMyAdmin. Select your WordPress database. Then select your wp_options table.

c. Your wp_ prefix may differ depending on your install settings.

d. Click Edit beside either the siteurl or home entries.

e. Enter in your new value in the option_value field, then click Go.

8. Ensure that image links in your pages and posts are also changed.

a. These are in the database and not connected to the site URL so they will need to be changed separately.

b. Using the sidebar again, find and click on the wp-posts table.

c. Look to the top of the screen and you will see several tabs that run across the page. Click on the SQL tab.

d. You are now on a MySQL editor screen. In the code area, copy the following bit of MySQL.

UPDATE wp_posts  SET post_content=(REPLACE (post_content, 'old url','new url'));

e. Be sure to replace <old_url> with the old sitename and <new_url> with the new site name. For instance, our original site was domain.com and the new test site will be at domain.com/dev so the code should appear as below:

UPDATE wp_posts SET post_content=(REPLACE (post_content,  ‘domain.com ',’ domain.com/dev '));

f. Click on the Go button to run the code and change the URLs for all images in the posts. This will also affect any other ‘hard coded’ links that were in the posts that pointed to the original site.

9. Update permalinks.

a. You can now login to your development site’s admin panel and update permalinks with the current settings. Just click update button.

10. Hide dev site from search engines.

a. Go to Settings > Reading page on backend, and make sure that the dev site is set to hide for search engines

b. If you are using WordPress SEO plugin by Yoast, you should turn off the sitemap functionality as well.

Create a Development Site Using a Plugin

If the steps in the previous section were too much to swallow, there are several plugins that you can use to create a development site. You can use Duplicator or WP-Staging plugin. Just follow the instructions on the plugin page and you should be good to go.

We hope this article can help you create your own development site. If you need help setting up a development site, the Wooassist team can help out. Just drop us an email. Or if you have questions, you can leave a comment below.

How Often Should I Update My WooCommerce Store?

July 20, 2017 By John Leave a Comment

How often should I update my WooCommerce store? We get that a lot from our clients. The ideal answer is that site updates should be done whenever there are critical security updates to keep your site secure.

For regular scheduled site updates, we have found that monthly updates are ideal. Weekly updates may be too frequent. There usually isn’t a lot to update in one week’s time. Every two or three months is way too long that the site remains vulnerable to security threats. Monthly updates are just about right. Note that even if monthly updates are being done, site owners must promptly update their WooCommerce stores should a critical security update come up.

Should I Even Update my WooCommerce Store?

We sometimes get this question too. It is true that updating your WooCommerce store can break your site. However, not updating your WooCommerce store can also eventually break your site. So essentially, it is still best to do the updates.

How to Prevent Issues When Updating My WooCommerce Store?

There is no sure-fire way to know if there will be any issues on your site as a result of updates. The best you can do is to test the updates first on a development site to see if any errors would occur. Also, you can stay on top of what the WordPress and WooCommerce developers are doing. You can sign up to newsletters or follow developer blogs to stay updated. You can check out the WooCommerce changelogs and the WordPress changelogs too.

When major updates are released, it might be ideal to wait a few weeks before updating your site. This is to give WordPress, WooCommerce and other plugin and theme developers sufficient time to update anything that was broken during the update.

What to Do Before Updating My WooCommerce Store?

There are a few steps you can take before updating your WooCommerce store. First, you can test your site updates on a development or staging site. Many hosting providers, such as WPEngine, provide their clients a staging environment for testing site updates. If your hosting provider does not provide a staging environment, don’t worry. You can still create a staging site manually.

After applying the updates on the development site, the next step is to check if the site has any broken features. Some important elements to check are:

Home Page Formatting
Product Page Formatting
Product Image Gallery
Add to Cart and Checkout Process
Contact Forms
Email Signup Forms

If you find that anything is not working, you can proceed to fix or forward to your developer to fix. If you do not have an in-house developer, you can contact us and we can help you fix the problem. If there are no problems, you can proceed to the next step.

The third step is to back up the live site. WPEngine features a one-click backup. You can also use a plugin for creating backups. We recommend Updraft Plus plugin which also features a quick restore feature in case something goes wrong.

Once you have created a backup, you can proceed to update WooCommerce, all other plugins, themes and the WordPress core. When that’s done, you need to check if anything is broken on the live site. If everything is working and there are no formatting issues, then that’s it. You have successfully updated your site. If something gets broken, you can attempt to fix the problem or restore your backup.

What to Do When Something Breaks When Updating Your Site?

The WordPress infrastructure makes updating your WooCommerce store easy. But dealing with the complications that come with updates can be very daunting, especially if you are not a developer. As such, we recommend working with a developer when doing your site updates so that any issues can be resolved quickly. If you do not have a full-time developer on board, you can contact us so we can get our experienced WooCommerce developers to help fix any issues.