Using Only Free Tools!

Level 0: WordPress Development on a Budget

Perfect for first-timers, this video series guides you through creating websites without breaking the bank.
Discover the power of free resources & plugins to craft professional, functional WordPress sites.
Ideal for the budget-conscious, embark on your web development journey hassle-free!

Click on the arrows and slide to view the whole course
Follow the orange dots below the videos.
Lesson : 1 of 11

Setting Up Wordpress

The essentials, from installing WordPress to navigating its interface. Understand how WordPress and Elementor works and important tips on backing up your website to not lose progress.

01

Introducing Wordpress

02

Install Classic Editor & Elementor

03

How to Backup and Restore

Lesson : 2 of 11

Setting Up Style Guide

A Style Guide is one of the fundamental aspects of web development. Learn how Elementor's Global Colors and Global Fonts can save you hours in configuring your website down the road when this fundamental step is set-up.

01

Why Style Guide

02

Global Colors

03

Global Fonts

Lesson : 3 of 11

Creating Pages p1: Home Page

Create our first webpage while going through the basics of Elementor Page Builder. Once you understand how to use it, working with Elementor's Page Builder becomes intuitive and second nature.

01

Containers & Sections

02

Margin Vs Padding

03

Linking Style Guide

Lesson : 4 of 11

Creating Pages p2: About Us

Continuing on the pervious lesson, let's create an About Us page, and while we are at it, learn more about styling and designing the page in Elementor.

01

Styling Containers

02

Resizing Images

03

Setting Up Buttons

Lesson : 5 of 11

Setting Header & Footer

Now that we have two pages, learn how to tell WordPress which is your Home Page and input your menu. Futhurmore, how to design a Header and Footer without the use of Elementor Pro.

01

Setting Default Home Page

02

Linking Pages to Menu

03

Header & Footer Plugin

Lesson : 6 of 11

Creating A Blog Area & Posts

Now it's time to go through Blog Posts. Once again, we will be installing a plugin that allows us to circumvent our lack of Elementor Pro. With this free approach however, we are limited in how we can design our Blog Posts. In this lesson, we go through what we can work with within these limits, and how to set up SEO for free.

01

Install Premium Addons for Elementor (Free)

02

Configuring a Blog Widget

03

Limited Designing of Blog Posts

Lesson : 7 of 11

Selling Products & Services

Unlock the power of selling products & services via WooCommerce. Here we will go through the configuration settings of WooCommerce and once again without Elementor Pro, how we can design within the limits of the free Elementor plugin.

01

Configuring WooCommerce

02

Limited Designing of WooCommerce

03

Remove Breadcrumb via CodeSnippets

Lesson : 8 of 11

Setting Up E-Mail Marketing

Any lead generation is only as good as it's follow-up. Understand the power of e-mail marketing done to its proper potential. Learn how to integrate drip marketing into your website, as well as how to reduce the number of leads exiting your product page.

01

Install Hustle

02

Setting Up Drip Marketing

03

Usage Tips on PopUps & SlideIns

Lesson : 9 of 11

Implementing SEO

In this lesson, we learn how to optimize your website for SEO using a free plugin.

01

Install SmartCrawl

02

Set Meta Description

03

Set keywords

Lesson : 10 of 11

Setting Up Google Analytics

The most important aspect of your website arguably should be analytics. If you know how many visitors your site is getting, which pages are popular and which has high drop-off rates, you will be able to tweak your website and make it better. Learn how to integrate Google Analytics into your WordPress site to get basic analytics at your dashboard.

01

Install BeeHive

02

Intergrating Google Analytics

03

Removing Yourself from Analytics

Lesson : 11 of 11

Mobile View & Site Speed Up

Your site is done, almost. Elementor tries its best to make your website responsive in both desktop and mobile view, but it really can't do miracles. Here in the final lesson of this course, we be going through how to make specific content for mobile view and some important website speed up tweaks we need to implement.

01

Specific Content for Mobile

02

Image Compression via Smush

03

Caching via Hummingbird