Completely Free Course

Connect with Facebook

or

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free Course

Connect with Facebook

or

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy.

Already Registered? Log In Here

Module 1: Create Your Website

How To Create Pages With Our Templates

Action Plan

Step 1: Create Your Home Page


Watch Our Video Tutorial For This Step

This video will walk you through how to use our Elementor templates to build your first WordPress page (and set it as your home page).

Video Summary

  • Go to Pages > Add New (0:27)
  • Tips for creating page titles (0:35)
  • Tips for creating permalink URLs (1:18)
  • Difference between “Save Draft” and “Publish” (2:28)
  • Open the Elementor Page Builder (2:45)
  • Add a template block to your page (2:55)
  • Copy and paste the template block name (3:46)
  • Difference between “reg” vs “xtall” title blocks (4:04)
  • Use the typography settings to adjust the subheading weight (5:18)
  • Drag widgets from the sidebar onto the page (5:44)
  • Change the background image of a section (6:04)
  • Learn how to download, crop, resize, and compress photos (6:25)
  • Adjust the gradient background overlay settings (6:41)
  • Some template blocks require Elementor Pro (7:56)
  • Apply link to the whole box for better usability (9:46)
  • Adjust the border radius of an image (10:48)
  • Add shape divider and adjust settings (11:15)
  • Always check layout on desktop, tablet, and mobile (12:05)
  • Why shape dividers are great for better usability (12:35)
  • Publish the page to make it live (12:35)
  • Set the page as your website’s home page (13:15)

(I created my Home page)

Step 2: Create Your About Page


Watch Our Video Tutorial For This Step

This video will walk you through how to use our Elementor templates to build your About page.

Video Summary

  • Go to Pages > Add New (0:18)
  • Add a template block to your page (1:26)
  • Search for widgets in the sidebar (3:03)
  • Learn how to download, crop, resize, and compress photos (3:35)
  • Vertically align the content within a column (3:45)
  • Alternate template block colors by changing the section background color (5:04)
  • Add an icon widget (5:50)
  • Most widgets are not styled by default (6:38)
  • Use global widgets to drag in pre-styled widgets (7:09)
  • Adding link URLs to buttons (7:51)
  • CTA stands for “call to action” (8:47)
  • Reverse the order of two columns on mobile (10:18)
  • Publish the page to make it live (11:00)

(I created my About page)

Step 3: Create Your Contact Page

The Elementor Pro add-on is required for this step

Watch Our Video Tutorial For This Step

This video will walk you through how to use our Elementor templates to build your Contact page. This will include detailed instructions on how to create a contact form using the Elementor Form widget.

Video Summary

  • Go to Pages > Add New (0:44)
  • Add a template block to your page (1:35)
  • Use the Social Icons widget to link to your social media profiles (2:50)
  • Add/remove form fields and adjust settings (3:23)
  • Turn on required fields (4:10)
  • Show/hide form field labels (4:31)
  • Add icons to buttons (4:52)
  • “Actions After Submit” settings (5:20)
  • Redirect user to a thank you page after they submit the form (5:36)
  • Email address settings (6:16)
  • Change the reply-to address to be “Email Field” (7:17)
  • Meta data (7:50)
  • Change the success message and error message (8:02)
  • Adjust the form padding on desktop, tablet, and mobile (8:21)
  • How to combine two template blocks with the same background color (9:40)
  • Removing the “top” padding from a section on desktop, tablet, and mobile (10:13)
  • How to organize your contact page (10:49)
  • Publish the page to make it live (11:22)
  • Go to our Elementor Widgets module to learn more about customizing each widget (11:44)

(I created my Contact page)

Continue To The Next Tutorial Below

Module 1

Create Your Website

Each video tutorial should be followed exactly so you don't make any mistakes.
Module 1 Progress
0

Your Achievements

You have earned 0 badges

How Can This Course Be Free?

Our course is 100% free forever because of our special partnerships with SiteGround Hosting and Elementor Pro.