Archive for Training

WooCommerce Tutorial: Overview and Installation

WooCommerce Tutorial: Overview and Installation

Install WooCommerce

WooCommerce is a free, open-source e-commerce plugin 
for self-hosted WordPress websites that…

  • was launched in 2011 – (see Wikipedia article)
  • runs on 30% of e-commerce sites and has millions of active installs
  • is owned and operated by Automattic, Inc., the owners of WordPress
  • comes “out of the box” with product variations, virtual, downloadable & affiliate products, inventory management, coupons & reporting
  • has premium add-ons which come with a 30-day money back guarantee
  • has support via a free member account (ticketed), online technical documentation and/or video tutorials

WooCommerce is constantly evolving and needs to be kept up-to-date, just like all WordPress plugins, themes and core software.

Make sure you backup before you update! I use BackupBuddy.

WooCommerce integrates with most WordPress themes. Check with your theme developer to make sure!

You can use Storefront made by the Woo team which also offers child themes for variations in style and extensions for added functionality.

I use iThemes Builder which integrates with WooCommerce.

Make sure your hosting plan is adequate to support your e-commerce traffic needs and you have an SSL certificate installed on your domain.

Let’s Encrypt is a free SSL service that comes with most hosting accounts.

I use SiteGround for hosting all my sites.

This video takes you through the process of installing WooCommerce, a free and robust e-commerce plugin for your self-hosted WordPress website. With just a few simple steps, you can have your shopping cart up and running in a matter of minutes.

For a complete series of free video tutorials on using WooCommerce, visit:
https://docs.woocommerce.com/document/woocommerce-101-video-series/

Also, visit my slideshare presentation from my talk at WordCamp Sacramento for the latest WooCommerce features released in version 2.6, the Zipping Zebra:

This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)

How to add a youtube video to a page or post

YouTubeWordPress makes it easy to add a video from YouTube to your page or post. All you need to do is:

  • Go to your YouTube account at YouTube.com and log in (you can use your gmail login if you have one)
  • Find the video you want to embed
  • Copy and paste the video url into the Text editor of your page or post (looks like this: https://youtu.be/3aR0id8gvew)
  • WordPress will automatically transform the video url into the video you chose when you publish or update the page or post

This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)

Video Tutorial: Add a favicon to your iThemes Builder website

What is a favicon? It’s the tiny, 16 x 16 pixel image in the corner of your browser tab. Web browsers display your favicon in bookmarks as well. In this video tutorial, I will show you how to add a favicon to your site using the iThemes Builder theme settings. Follow the guidance in this video:

This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)

Video Tutorial: Make sure your website is responsive

Responsive ViewsIs your website responsive? Does it look good on laptops, tablets and mobile devices?

In this video tutorial, I will show you how to preview your website on a desktop from the perspective of smaller devices such as laptops, tablets and mobile devices.

Keep in mind, there is no substitute for looking at your website through an actual device. Watch:

This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)

Video Tutorial: Make your home page unique from your other pages

In this video, I take you through the process of duplicating your default layout, titling it “Home” and applying the layout to your home page. This allows you to display a unique sidebar on your home page or any other page you wish to create.

Learn how to view your website through the eyes of different devices.

Video Tutorial: Installing iThemes Builder Air

If you change your theme, your content will remain. Changing the theme only changes the look and style of your site. Follow this video tutorial to install iThemes Builder Air:

Make sure you create the custom child theme and delete all the layouts except for the default layout. This will make things simpler as you are building your site.

This video takes you through all of the Builder settings in detail:

Learn how to edit your default layout.
This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)

Video Tutorial: Web-friendly images and the WordPress media library

Before you upload an image to your media library, be sure that the image is web-ready. What does this mean? There are a few factors involved:

  • Image size – your image, in most cases, will be no wider than the width of your layout. The exception to this is if you have an image that you want to display at the entire width of the screen (outside of the bounds of your layout or container). So if your container width is 960 pixels (the standard width for a website), then you can size your images to 960 pixels wide or less. When you upload your image to your WordPress media library, WordPress will auto-generate multiple sized versions of your image and give you those size options to choose from. See the video tutorial at the bottom of this post for detailed guidance with using the WordPress media library.
  • Image quality – make sure the resolution of your image is at or around 300 dpi (dots per square inch) to ensure your images display well on all types of displays, including the modern retina displays.
  • Image format – save your image as a .png or .gif for an image that has some parts of it that are transparent (that means that whatever is behind the image on the page will show through). Use the .jpg format for a solid image without transparency.

This video tutorial will take you through the basics of using your WordPress media libary:

And this video will show you how to add your web-ready images to pages and/or posts:

And lastly, this article from the WordPress.org codex shows you how to make a simple image gallery without using a plugin:
https://codex.wordpress.org/The_WordPress_Gallery

Jetpack’s Carousel feature can turn your native WordPress gallery into a nice full-screen slideshow.

This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)

Tutorial: Make your site load fast with a caching plugin

Google looks at how fast your website loads to determine your page rank. And most website visitors have the attention span of a gnat. So, it would behoove you to make sure you have a good caching plugin working on your website.

What is caching? These guys explain it well in laymen’s terms. In short, caching is the process by which your website content is quickly and efficiently delivered to the world wide web.

There are a few different caching plugins to choose from to make your self-hosted WordPress website load super fast. Keep in mind,  it’s usually best to wait until after you launch to install and activate a caching plugin. Otherwise, you will have to clear the cache to see your changes as your work on your website.

Use SuperCache by Automattic, Inc. or Comet Cache for a basic website with a blog. They are both good, so pick one or the other. 🙂

Use W3 Total Cache if you plan on using a Content Delivery Network (CDN) such as Amazon Cloudfront and/or if you have a really large site with lots of rich images and lots of custom stylesheets.

If you are a SiteGround customer, use SiteGround’s caching plugin. You can download that here:
https://wordpress.org/plugins/sg-cachepress/

Review my tutorial on how to install a plugin here.
This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)

Tutorial: Jetpack for Contact Forms, Stats, Social Sharing Buttons and more

jetpackJetpack is a free and very robust plugin made by the makers of WordPress itself (Automattic, Inc.). It comes with many useful features, giving self-hosted WordPress owners many of the bells and whistles available on the free WordPress.com platform. The most useful features I use on many of my sites are:

1. Secure contact forms (Create a contact page if you don’t have one already & make sure you have added this page to your navigation menu (Appearance–> Menus); Jetpack Contact Forms will be activated by default when you activate the Jetpack plugin. On your Contact page, in the WordPress editor, click the “Add Contact Form” button and go modify your contact form as you see fit; Go to email notifications to change the email address that will receive a notification (by default the notification is sent to the author of the contact page; Insert your form into your page). If you need more direction or support for Jetpack contact forms, visit Jetpack’s support website.

2. Site Stats: Site stats are active by default when you activate the Jetpack plugin. Your stats will appear in your Jetpack dashboard. To turn stats off, go to  Jetpack–>Settings–>Engagement–>Site Stats and toggle the feature to “off.”

3. Social Sharing Buttons (Go to Jetpack–>Settings–>Engagement–>Sharing; Scroll down past Publicize to Sharing Buttons; Click the link to configure your sharing settings; Drag and drop the buttons you want to use at the bottoms of pages and/or posts; Adjust other settings as appropriate; Choose which types of content you want to display sharing buttons on and save your settings). You can then turn sharing buttons off on an individual page/post basis by going into the page editor, scrolling to the bottom of the page and unchecking the box for sharing buttons. For support with sharing buttons, visit Jetpack’s support website.

4. Social Media Blog Sync (Publicize) – Go to Jetpack–>Settings–>Engagement–>Publicize and open up the area to see the link to configure your settings. Connect your social media sites to your blog in a few easy clicks. Read more about using Publicize. I used to use Networked Blogs for this, but Jetpack makes it much easier.

5. Image Hosting (Photon) – Go to Jetpack–>Settings–>Appearance–>Photon to turn this feature on and your images will load from WordPress.com’s content delivery network (CDN). Learn more about Photon. *If you are using a CDN to host your website, such as CloudFlare, do not use Photon because it will create a conflict.

6. Enhanced Distribution for your blog posts – Go to Jetpack–>Settings–>Engagement–>Enhanced Distribution; This feature allows your content to be included in the big wide world of WordPress.com, which increases your exposure – more details here.

There are also some features that I consciously choose to deactivate in the Jetpack settings. One of those is Subscriptions. Because I use AWeber for email marketing, I don’t need the free subscription service Jetpack offers. However, if you want a free and easy way to allow viewers to subscribe to your blog, Jetpack Subscriptions works well.

Just keep in mind, with the jetpack subscriptions feature, the email notifications that go out to your subscribers are branded with the WordPress.com logo and colors, not yours. If you want to brand your blog subscription emails with your logo and styles to match your website, use AWeber.

Read more about why I use AWeber and how to use it for your email marketing plan.

This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)

Tutorial: Managing Comments and Blocking Spam

block spamNo one likes getting spam. And if you have comments enabled without a spamblocker, you will get lots of it!

Here is a brief guide on how to use Akismet by Automattic, Inc. (the makers of WordPress) to get rid of it:

What if you disable comments on your blog posts, do you still need Akismet?

Good question! Akismet also blocks spam on contact forms. So it’s a good idea to keep it running whether or not you allow comments on posts or pages.

Here is a video tutorial that guides you through managing your comments:

That’s it!
This tutorial is part of a series of e-courses created by Cat Scholz to empower you with using the self-hosted version of WordPress to achieve your internet marketing goals. Get more information and/or sign up:

Checkout Level 1 (free)
Checkout Level 2 (on sale)
Checkout Level 3 (on sale)