How to Use Elementor Pro Features

The bomb online website design thebomb.ca logo svg

How to Use Elementor Pro Features

Introduction to Elementor Pro

If you’re aiming to create stunning websites without diving deep into code, Elementor Pro is one of the best tools at your disposal. This powerful page builder for WordPress offers a plethora of features that make designing your site both intuitive and enjoyable. Whether you’re building a personal blog, business website, or eCommerce store, Elementor Pro has something for you. In this post, we’ll guide you through some of the essential features of Elementor Pro and show you how to use them step-by-step.

Getting Started with Elementor Pro

Step 1: Install and Activate Elementor Pro

Before you start using Elementor Pro, ensure you have it installed and activated on your WordPress site.

  1. Download Elementor Pro: Purchase and download the Elementor Pro plugin from the official Elementor website.
  2. Install Elementor: Go to your WordPress dashboard, navigate to Plugins > Add New, click Upload Plugin, and select the Elementor Pro .zip file you downloaded.
  3. Activate Elementor Pro: Once installed, click on the ‘Activate’ button. You might also need to install and activate the free Elementor plugin if you haven’t already.
  4. Connect Your License: In the Elementor Pro dashboard, navigate to Elementor > License, enter your license key, and activate it.

Step 2: Create Your First Page with Elementor

Now that Elementor Pro is ready to go, it’s time to create your first page.

  1. Create a New Page: Go to Pages > Add New in your WordPress dashboard.
  2. Click on Edit with Elementor: You will see a button that says Edit with Elementor. Click on it to open the Elementor editor.

Step 3: Understanding the Elementor Interface

Familiarize yourself with the different sections of the Elementor interface:

  • Panel: The left side contains all widgets and settings.
  • Preview Area: The right side is where you see the real-time changes on your page as you edit.
  • Navigator: This feature helps navigate through your layout elements efficiently.

Step 4: Add Sections and Widgets

Sections, columns, and widgets are the building blocks of your Elementor page.

  1. Add a New Section: Click the "+" icon in the preview area to add a new section. Choose whether you want a single column or multiple columns layout.
  2. Add Widgets:

    • From the Elementor panel, drag and drop widgets into your section.
    • Common widgets include Heading, Text Editor, Image, Button, and Video.
  3. Customize Widgets: Click on any added widget to customize it using the options in the left panel. Change text, adjust layout, and style as needed.

Step 5: Using Pro Features

Elementor Pro introduces powerful features that elevate your design capabilities.

Global Widgets

  1. Create a Global Widget: To create a reusable widget across various pages, design the widget, then right-click on it and select Save as Global.
  2. Insert Global Widget: You can then drag and drop this Global Widget onto any page. Any changes made to this widget on one page will automatically update on all pages using it.

Theme Builder

  1. Access Theme Builder: Go to Templates > Theme Builder from your WordPress dashboard.
  2. Create Custom Headers, Footers, and More: Click on the type of template you want to create. For example, to create a header, click Add New, choose Header, and design it!
  3. Set Display Conditions: After designing, set where this header will display by clicking Publish, then Add Condition.

Forms and Pop-ups

  1. Add a Form Widget: Drag the Form widget to your page from the Elementor panel.
  2. Customize Your Form: Add fields like name, email, and message. Adjust settings for email notifications under the Actions After Submit tab.
  3. Create a Pop-up: Go to Templates > Popups, click Add New, design your pop-up, then set it to display based on triggers like page load or button click.

Step 6: Preview and Publish Your Page

  1. Preview Changes: Click the eye icon at the bottom of the Elementor panel to preview your changes.
  2. Publish Your Page: Once satisfied, click the green Publish button to make your page live!

Conclusion

Using Elementor Pro is an enjoyable and empowering process that transforms how you create and design WordPress websites. By following these simple steps, you can harness the power of Elementor Pro’s features to build beautiful, responsive sites faster and easier, whether you’re a beginner or an experienced developer. With practice, you’ll uncover even more advanced techniques and features that will continue to elevate your web design skills. Happy building!

Blog Categories

World Class Website Design

Let us handle all the hard work for you. We will hand-craft your website from start to finish, as well as host it.

Newsletter Signup

Stay up to date with the latest website design techniques, trends, and general information.

Need help getting online?

TheBomb® Online offers full-service website design, ultra-fast hosting, graphic design, email hosting, SEO services, and so much more.