WordPress eCommerce Site Development and Security

Trainer’s Note: This tutorial features video clips from webinar sessions on WordPress eCommerce Site Development and Security. Each video clip comes with text contents, links to relevant tools, templates, or other training materials that will help you understand each topic easily and apply the lessons learned accordingly.

Copyright Notice: Unauthorized distribution, copying, or reuse on any part of the entire contents of this tutorial is strictly prohibited. Violators will be sued for copyright violation. Existing trainees and students who also violate this copyright notice will have their access revoked permanently with no refund.

Introduction

As the digital industry continues to evolve, it is surprising to know that many companies, entrepreneurs, or even freelancers still do not have a website for online presence. If you don’t have one, you are losing out on the opportunity to grow your business! On this video tutorials, TekWorx Founder and Certified E-Commerce Trainer, Bert Padilla will talk about WordPress eCommerce Site Development and Security.

Digital professionals and MSMEs should learn how to attractively portray themselves, using website as a platform to effectively market their services or products online.

Why Create an E-Commerce Website?

When people shifted from interpersonal connections to internet connections, so did the world of commerce. Philippines is currently the world’s heaviest internet user, and it is now essential for MSMEs and entrepreneurs to transition to eCommerce. With the Filipino consumer’s digitally-driven lifestyle, companies have to adapt to generate revenue.

As an astute entrepreneur, you should know who your target buyers are. Today, most, if not all, customers and clients are already using the internet as they look for products and services. But what if they are unaware of your business and what you can offer? Without an online presence, your product or service is easily substituted with somebody else’s. Having your own website can give your customers an idea of what you have to offer, and drawing them in for more.

How to Get Started?

Choosing the right website can be confusing. It depends on a variety of factors, such as speed, cost, maintenance, and functionality. Usually, the better a website looks and user experience, the more visitors it will attract.

Essentially though, you’ll need few “commodities” as you build your website: the Domain Name, the Web Hosting service, and SSL. I suggest you watch the video below for a quick overview of what exactly you’ll need.

What you need to Develop a WordPress Website

Freelancers or business owners can use WordPress, which provides ease and convenience in publishing a site. WordPress isn’t your typical Content Management System or CMS. Also built for E-Commerce, it’s mobile-focused, easier to do SEO, and can be self-hosted that makes content management easy. It has an array of themes and plugins to expand out-of-the-box functionalities.

Naturally, there are responsibilities in maintaining a site. The question is, what are you doing to prevent from getting hacked and compromised? Included in this course, you’ll also learn how to protect your website with the best security available and built based on the latest web programming technologies.

All of these things may sound a little bit geeky, technical, and foreign for you, but don’t worry because as we go along with the rest of the tutorials below, you’ll realize that each part is actually very easy to understand.

ACTUAL TUTORIALS: WordPress Site Development and Security

Bert’s teaching approach and training methodology allow assertive and goal-oriented individuals like you to easily understand and grasp the subject. Should you have any concerns or clarification, feel free to comment below or send a message on Facebook Messenger.

Reminder: Make sure you have Active Subscription with TekWorx to see all contents below. You can also remove the Content Restrictions in place by purchasing this course here: WordPress Site Development and Security.

With so many Content Management Platforms (CMS) out there, you may be wondering: Why WordPress? In the video below, I explained why I always choose WordPress and recommend it for others as well.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

The Domain Name basically is your website name. It’s something like yourdomain.com, or on this website’s case, it’s tekworxph.com.

The domain name also represents your brand online, so the name must be carefully selected.

Learn more about domain name, the things you need to consider before buying domain name, and where you can register your domain name by watching the video below.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

The SSL, or Secure Sockets Layer, is an integral part of your WordPress site’s security. What SSL does basically is it establishes an encrypted link or connection between the user’s web browser (e.g Google Chrome) and your website’s web server or web hosting service provider (Lesson 4 below). That way, all data passed through the user’s web browser and the web server are encrypted and remain private or “untouched”.

When you build an E-Commerce website, it’s important that you have SSL activated and enabled. The video below discussess a little bit more about SSL, why a website needs to be SSL-compliant, where to purchase and register SSL certificate, and how to implement it on your WordPress website.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

Before you begin creating and developing your WordPress website, you’ll need to have a web hosting service. Unlike WordPress.com, or other blogging platforms like Blogger.com, which basically host all your files and contents on their own server, it’s different when you run a “self-hosted” WordPress website. With “self-hosted” WordPress, you keep all your files, images, and other contents on a web server that you own or at least have control with.

Reminder: Before you purchase a web hosting package, make sure that your chosen hosting Plan comes with access to cPanel. You’ll learn more about cPanel on Lesson 7 below.

Watch the video below where I explained some of the popular web hosting solutions, the hosting Plans, and how you can choose effectively the best one.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

Now that you already understand what is domain name, it’s time for you to register it!

The video below shows a step-by-step guide on how you can register your domain name.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

After purchasing your Web Hosting service (the web server) and registering your Domain Name, the next thing to do is to connect the two.

Basically, this involves changing what we call as “DNS Settings” inside the domain options, and pointing it to the IP address of the web server. You need to login to your domain registrar (e.g. GoDaddy) to be able to see the DNS settings.

Today, most websites use CloudFlare to handle the DNS Settings. CloudFlare, basically, is a Content Distribution Network or CDN. We won’t tackle more about CDN per se, but it’s important for you to understand that on this specific tutorial we’re going to use it. We’ll use CloudFlare so that connecting your domain and web server, and changing the DNS Settings are much, much easier.

Remember that you need to do this part as this will allow you to install the WordPress software (technically called CMS), and ensures the website is accessible when the users visit it.

Watch the video below for the step-by-step guides on how to setup CloudFlare and work around the domain’s DNS settings.

NOTE: If you’re taking this lesson as part of TekWorx E-Commerce and Digital Marketing bootcamp, Website Development course, or if you purchased web hosting from TekWorx.Hosting, you can skip this part. We’ll handle the Cloudflare setup for you.


If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

Things are going to get more exciting here as we’re now going to install the WordPress software or CMS.

For most hosting service providers like TekWorx.Hosting, you’ll be provided with access to cPanel. You can think of cPanel as a “Control Panel”, which is basically an interface where you can see different options, tools, apps, and etc. — all of which you can use to manage your web hosting service.

Watch the video below for the step-by-step guides on how to install WordPress in cPanel.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

The Theme is an addition to WordPress that allows you to customize the desired design, layout, and features of your website.

When designing a website, the Theme to use must be carefully selected. Normally, selecting the Theme for your WordPress site is planned ahead.

Watch the video below for the step-by-step guides on how to install WordPress Themes. The most popular Theme we use at TekWorx is shown on this particular demo.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

Now that you have WordPress installed, and your website is already live, you will need to install Plugins.

Basically, the Plugins add more features and functionalities to WordPress itself, particularly those functionalities which aren’t available after WordPress installation out-of-the-box.

The list of Plugins that you need to install will depend on your requirements. But it’s important to understand that you can’t just install a WordPress Plugin just for the sake of doing it. It must be done with purpose.

The tutorial video below shows a step-by-step guide on how to install Plugins in WordPress. The example Plugins I used in this demo are those which are essentially important in developing an E-Commerce website. Direct links to the plugins are listed inside right after the video below.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

Now that you already have an idea what is SSL (Secure Sockets Layer) from Lesson 3 above, it’s time to install and set it up on your WordPress website.

Note that you must have purchased a SSL Certificate and it’s available for use.

Reminder: If you purchased your web hosting service from TekWorx.Hosting, we’ll provide you FREE SSL Certificate that you’ll use in the process of implementing SSL. If you purchased web hosting package from companies like GoDaddy, HostGator, DreamHost, etc. — make sure your hosting Plan comes with SSL Certificate. Otherwise, you’ll need to purchase it separately.

Watch the tutorial below on how to install and setup SSL.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

Before we proceed, a big CONGRATULATIONS!

At this point, you should already have a working WordPress website. 🙂

Now, to continue with the design, looks, and aesthetics of your website — you’ll need to create a Sitemap and Wireframe. Basically, you’ll need this so that it would be easier for you to design and lay out the contents and overall feel of the website. Of course, you’ll need to have your contents ready so that you can begin publishing it on the site.

The tutorial below will help you understand more about Sitemap and Wireframe.

Links to the recommended tools are listed inside as well right after the video.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

Designing web pages today has never been easier, thanks to powerful “Page Builder” plugins like Elementor.

With Elementor, you can design and customize Posts or Pages of your WordPress site based on your preferred looks, feel, and layout.

In the following video, I demoed how to use Elementor in designing a sample Homepage. The same approach can be done for other Pages as well, like if you want to create custom landing pages for pillar contents, squeeze pages, and among others.

Watch the video tutorial right below.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

BONUS: Full Tutorial Video from Webinar

All tutorial clips above were taken from the E-Commerce Website Development and Security webinar session during TekWorx.Training‘s 1st Bootcamp on eCommerce and Digital Marketing.

You can watch the full video after the break.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

Mastermind Sessions:

The following video is from a previous Mastermind session with participants of the E-Commerce and Digital Marketing Bootcamp + Mastermind. I’m giving view-access to anyone taking this WordPress Site Development course to complement the lessons discussed above.

If you’re seeing the image below, that means the content is restricted to you.  You must be LOGGED IN to UNLOCK the content. Login here. Membership Content Restrictions

For questions and clarifications, feel free to comment below.

The Resource Person: Bert Padilla (Curriculum Vitae) is a Certified E-Commerce Trainer. He’s also an online entrepreneur operating TekWorx.Digital. In 2018, he started sharing his online expertise as Trainer and Resource Person for one of the programs of the government’s Department of Information and Communications Technology or DICT. Inspired to help more and more Filipinos through digital trainings, Bert launched TekWorx.Training in early 2019.

This Post Has 2 Comments

  1. Judah

    How much is the total course?

Leave a Reply