DIY Website Design Bootcamp: WordPress Elementor Plugin
- 8 hours on-demand video
- 1 article
- 8 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- WordPress Theme fundamentals
- Learn Elementor & add-on plugins
- Produce stunning webpage
- Create WordPress website without Theme
- Create WordPress website with "Elementor" Plugin (Free version)
- Design WordPress website header, footer and sidebar with widgets
- Produce professional webpage
- Increase conversion on website
- Enhance communication on website
- No Prior Programming Knowledge Required
- Laptop and Internet Connection
This is a Website Design Boot-Camp that comprises hands-on and rigorous tutorials to help you build stunning web pages from nothing with Elementor Plugin (Free Version).
Elementor is a WordPress plugin that helps you present and customize your website in an easy way with drag and drop (editing method). Apart from that, one of the greatest features provided is you can optimize web page in different view modes (different screen sizes). In other meaning, your website will be compatible and optimized in desktop, tablet and mobile modes.
You will learn how to create mobile friendly and responsive website consist of:
One (1) home page
Two (2) sub pages (professional & social)
One (1) extra home page style (bonus)
These pages can be linked together to furnish an amazing website. And I will give these page templates to you for Free, and you can import the templates directly onto your WordPress Platform.
And this course will expose you to use other Other Free Add-On WordPress Plugins to increase website performance, efficacy, conversions and ability to create indirect sales!
The ultimate purpose of a website is to build rapport with visitors and get sales. My course will definitely help you to achieve that with all free and available promotion tools like popups, sticky promotion, banners, contract form (with button trigger) and etc.
So have a quick glance at the course structure below, there are free previews that you can watch to understand further on the hands-on and practical tutorials teachings.
If you are interested, enroll into my course, and I will see you inside.
All recommended plugins are Free to use, my aim is to teach students to build stunning & professional website with zero cost!
- Beginner on WordPress Development
- Beginner on Website Design
Understand how WordPress Theme works on website development. How you can make use of them theme on presenting or displaying website
First and most important section of all. A main header section that will create first impression, make it simple and attractive. And put in buttons for visitor to know more about you.
Teach you how to use elements / features:
EA fancy text
Animated gradient background and particle
Create a presentation section that display your portfolio in background video, such as vlog, animations and etc. And also to preset the section to be "hidden" in mobile mode.
Teach you how to use elements / features:
EA fancy text
Button with animation
Elements / section / column responsive mode
Start a brand new sub page, and create main header section. Show you how to use "copy & paste" method to duplicate section in other page. Teach you how to present in different style, with extra elements / features:
Premium dual heading
EA fancy text
Animated background with shape divider
Start a brand new section with title, subtitle and "arrow" pointer. And this is the section to tell a story on your amazing journey or success. Using amazing "timeline" style to present your story with normal, hover and focused mode. Element used:
EAE - timeline
Understand the navigation flow of the page. Put in anchor navigation (menu anchor) onto the "product offer" call-to-action section, know how to redirect visitors to the section and get sales.
Start a brand new sub page, and create main header section with a nice and soothing background video. Teach you how to use "layout" settings on section or column to adjust and fine tune content arrangement and alignment in different responsive modes. Features / elements used are:
Background video with fallback image, overlay & shape divider
Title & text editor
Create header section that features an overall social introduction. In this section, features / elements used are:
Column background portrait with hover animation
This is a slightly complicated section with lots of columns and inner sections involved, hence will show you how to optimize overall presentation with "layout" settings.
Create a "fit to screen" background video with fancy animated text located in the centre. Show you different methods to present and locate the text position in anywhere you want. Features/elements used:
Background video with fallback image
EA fancy text
Create a simple google map that shows your location (shop/company/point of contact). And also to put in simple contact form that allow visitors to send inquiry to you.
In this tutorial, I also talk more about the insights on using signup form or Facebook messenger chat feature to retrieve visitors contacts. There's a reference link (in External Resources) for you to know more on generating lead with signup form.
Quick introduction on Zotabox plugin (free version) as a great monetizing tool to increase conversion, which means getting sales and create good impressions.
In the same tutorial, teach you how to create an "Easy Popup", which is a great feature to prompt call to action (redirection to landing or squeeze page)!
Create great monetizing features such as notification box, slider and slide box. Each of them serves an unique purpose that will help you create sales and get followers (social media). And show you how they look like with all these features embedded onto selected live web page (URL).
Improve your website communication by creating flexible contact form inside selected web page. And to have a live preview in mobile screen size (320 x 480 px).
Last but not least, to test out the contract form to check whether submitted information can be captured without email marketing integration.
Learn one of the greatest features provided by Elementor Plugin, which is to export and import page templates among different website (WordPress). Allow you to reuse the template's built-in design onto another website without having to start from scratch.
And you will also able to download the Course Page Templates that I've designed throughout the course:
Professional Sub Page
Social Sub Page
Course page template files (json format) will be available at the "downloadable materials" section!
Once you've downloaded the page templates, please follow my instructions (as explained in this tutorial) to import and use them directly onto your website. Just change the contents (or images) and your website is ready to go
Use two (2) new elements which are:
EA Creative Button
Premium Image Separator
to furnish web page main header. Watch the video as I will explain to you how to use these elements to enhance your website presentation!
Moreover, I will provide you guys some GIF icons so you can display them as image separator. Plus, you will be able to download the responsive page template ( which I use it in this tutorial ) that has these elements and other fancy stuff! Free downloads will be available at the "downloadable materials".
A very nice section to have it onto your website, consists of header, description and divider, and a very nice video image located in between columns. A nice effect and illustration that make your website looks professional! Elements used:
Learn other method and trick to build a blog / article / work / product list section with elements such as:
EA Post Grid
Create an advanced and detailed contact form that help you to get as many information as possible from visitors. The Elementor Plugin & Add-On Plugins have perfect integration with the Another Plugin "Contact Form 7", so you can easily insert the contact form and customize it based on alignment, spacing, colour presentation and typography.
After showing you all the relevant tutorials on building this particular brand new home page, I'm giving out this home page to you as Elementor template. Download, import, modify the page template, and published onto your website in just minutes!