Get Started With Elementor Pro in 6 Minutes

Welcome To Elementor Pro… the #1 choice for professional web creators.

Elementor Pro unlocks many advanced features to build fully functional and professional websites, with endless customization options. Now, you can also access the Theme Builder, Form & Popup Builder, Ecommerce features, Dynamic Content, and more.

Let’s take a quick tour.

The Elementor Editor consists of:

The Canvas – where you can visually see and edit your page

The Widget Panel – where you can choose any widget to match the content type you want to display on your page

The Editing panel, which consists of the Content, Settings, and Advanced tab, is where you’ll have full control over the customization options for each widget.

The Structure panel – where you can navigate to any element, see the layers or change their position on the page using the structure panel…

And the Site Settings, – that you can access and edit at any time.

Now, let’s take a look at the Elementor Pro features.

While you can start with a blank canvas,
Elementor Pro gives you access to countless professionally designed templates. 

Choose from small components like sections for a specific use case, to full blown website kits – including home page, Contact page, WooCommerce related pages, and more.

With Elementor Pro, you also get access to over 80 widgets that enable you to elevate your website visually and functionally.

For example, you can use the Animated Headline to create striking messages for your audience, or the Countdown widget to create FOMO, and so much more.

You can also create more sophisticated layouts with Nested Elements. Create captivating carousels, accordions, tabs and mega menus that allow you to style the content area with complete freedom.

If you’re building a woocommerce store, Elementor Pro empowers you to fully customize your online store to match your brand with a wide array of WooCommerce widgets. For example:

Menu Cart Widget: That displays products in the shoppers cart.

My Account Widget: that allows you to customize the account page, where shoppers manage their account information.

Checkout Widget: That allows you to adjust the layout of your checkout page.

And WooCommerce Notices Widget: that allows you to customize the placement and styling of these notices.

Elementor Pro is also known for its comprehensive Theme Builder:

It allows you to build every website part as you’d like. Including the headers and footers, 404 page, and other page templates such as the single post, product, archive page, and more.

Then, you can define where each theme part is used with advanced display conditions. So you have complete freedom over your theme unlike the premade themes that are sold in the marketplaces.
Display Conditions

You can also create personalized visitor experiences based on various parameters using Advanced Display Conditions. Choose when to display certain widgets, or entire sections when certain conditions are met to optimize the visitor experience.

While using Elementor Pro, you’ll notice this small icon in the content area of all widgets. It is a very powerful feature that will accelerate your workflow and ensure your content’s accuracy.

Using this icon :
You can populate content in any page in the front end of your website, from content in the WordPress CMS: For example, you can dynamically add the title of a post to a post template or dynamically add the price of a product to the product page, the listing page, or anywhere else.

You can also use Dynamic Content to enhance the functionality of various elements to leverage Elementor’s full design capabilities, like adding “add to cart” functionality to any button on your website.

Or applying an action link – that will enable visitors to launch WhatsApp, Waze and more when clicking upon.

Most websites, also require forms. Whether it is to collect leads, create a newsletter subscription or a simple contact form, they are a very important component to add to your website that will increase engagement.

Elementor Pro allows you to build forms visually using any field type you need, and to customize it down to the last detail.

You can also set multiple actions after submit, including an automated email, redirecting to a different page or collecting your submission data on other popular marketing platforms using integrations.

You’ll also be able to track your Form Submissions from the Submissions Tab, located in the Elementor Menu, in the WordPress Dashboard.

To take engagement and conversion to the next level, use Elementor Pro to create an unlimited amount of popups.

Design them in any way you’d like and choose smart triggers or rules to ensure the Pop up is displayed to the right user, at the right time.

Custom Code – Fonts & Icons

Elementor Pro allows you to customize every aspect of your website using the Custom Code, Custom Fonts and Custom Icons, which can be accessed under the Elementor Tab on your WordPress Dashboard.

Use the Custom Code area to add Google Performance Tracking code Snippets, or extra javascript to add extra functionality.

Custom Fonts to go the extra mile and add another layer of personalization to your branding. Once you add a new font, it will appear as a new selection under your typography settings.

The custom icons work similar to Custom Fonts, allowing you to add another icon library to your website.

If you’re managing your website with additional stakeholders, or want to give them access to contribute you can use the Role Permissions feature, to determine what role to assign to each user, and the Elements manager to grant different permissions to specific widgets for each role.

You can also use the Notes feature, to leave contextual comments, feedback, and suggestions for anyone working on the website.

Now that you know where to find each feature Elementor Pro has to offer, it is your turn to build a stunning website.