Tag: Guides and Tutorials

Global Colors and Fonts

Overview Transcript Overview Colors and Typography are the building blocks of any website. Elementor’s global colors & Fonts enable you to change your colors and fonts all in one place, and have it update everywhere you placed it across your entire site. Transcript Hey there, it’s Aviva from Elementor. Today I’ll show you how to […]

Elementor Theme Builder Overview

Overview Transcript Overview Elementor Theme Builder, a single place to manage your ENTIRE site in a visual and intuitive way: headers, footers, global page templates, global post templates, and more. Every part of the site is intuitively within reach, making the task of designing a complete website that much easier. Transcript Hi All it’s Ziv […]

Create a Virtual Digital Business Card

Overview Transcript Overview In this tutorial you’ll learn how to create a shareable digital (virtual) business card to promote your business on your own website. Your card will look great on desktop and mobile devices, and you can share it in a variety of ways. Prerequisites: This intermediate level tutorial assumes basic knowledge of Elementor […]

Typography 101: Font Pairing for Web Creators

Overview Transcript Overview In this tutorial we learn how to characterize, pair, and source high-quality fonts. We’ll explore different approaches to using fonts creatively in Elementor. The tutorial will cover: ✔︎ How to characterize fonts ✔︎ How to pair fonts ✔︎ Where to find high-quality fonts ✔︎ How to overlap text in Elementor ✔︎ Using […]

Create a Color Changing Sticky Header Without Code [PRO/HOSTING]

Overview Transcript Overview In this Tips & Tricks video, we’ll create a sticky header in Elementor that changes color transparency as visitors scroll through our site. The tutorial will cover: ✔︎ Sticky header uses and benefits ✔︎ Make a header sticky ✔︎ Changing color transparency on scroll ✔︎ And much more! Transcript In this video, […]

How to Create a Claymorphism Effect in Elementor

Overview Transcript Overview In this tutorial we’ll learn how to create a claymorphism effect using Elementor. As an added bonus, we’ll teach you two ways to achieve this. The first natively in Elementor, and the second using custom CSS. Claymorphism is a style that gives your website elements a light 3D effect and it is […]

How to Create a Vertical Progress Tracker

Overview Transcript Overview In this tips & tricks tutorial we learn how to use the Progress Tracker Widget in a vertical position. The tutorial will cover: ✔︎ Using the Progress Tracker ✔︎ Rotating the Progress Tracker ✔︎ Making responsive amendments ✔︎ And much more! Custom code: .elementor-scrolling-tracker.elementor-scrolling-tracker-horizontal { width: 50vh; } @media (min-width: 361px) { […]

Bring a Character to Life in Elementor

Overview Transcript Overview In this tutorial we’re going to learn how to bring a character to life by showing you how to create a simple, cutout face rig animation in Elementor, without the use of custom code. The tutorial will cover: ✔︎ Using SVG shapes ✔︎ Mouse Effects ✔︎ 3D Tilt Effects ✔︎ Z-Index ✔︎ […]

Create Vibrant Gradient Backgrounds

Overview Transcript Overview In this tutorial we’ll learn how to create vibrant gradient backgrounds for our websites. We’ll cover best practices for styling and positioning gradients, as well as provide actionable tips on choosing gradient colors. The tutorial will cover: ✔︎ Using the Spacer widget to create gradients ✔︎ Custom positioning gradients ✔︎ Responsive settings […]

Create an Exit Scrolling Text Effect

Overview Transcript Overview In this tips & tricks tutorial we are going to learn how to apply a subtle but effective exit effect to our text when the user scrolls down the page. The tutorial will cover: ✔︎ Using the heading widget ✔︎ Using the animated headline widget ✔︎ Configuring scrolling effects ✔︎ Using the […]

Send a Personalized Email Confirmation From a Contact Form [PRO]

Overview Transcript Overview In this tutorial we learn how to set up automated and personalized email confirmations form submissions. The tutorial will cover: ✔︎ Creating automated email confirmations from form submission ✔︎ Personalizing email confirmations ✔︎ Using HTML and CSS to design styled email confirmations ✔︎ Previewing your message while you work ✔︎ And much […]

How to Create an Age Gate Popup [Advanced PRO]

Overview Transcript Overview In this tutorial we learn how to create an Age Gate Popup. We’ll explore three different methods to achieve this. The first will make use of the buttons widget. In the second method we’ll use the acceptance field on a form. And in the third and final solution, we’ll utilize some custom […]

Create a Neumorphic Style Website

Overview Transcript Overview In this tutorial, we’ll learn how to add neumorphic style effects to enhance our website designs in Elementor. As a bonus, we’ll also use CSS code to really add that wow factor. Neumorphism, or soft UI, is a design style that combines highlights and shadows, to make elements look as if they’re […]

How To Create Flashing Images

Overview Transcript Overview In this tutorial we learn how to create a flashing images effect using the Image Carousel widget. The tutorial will cover: ✔︎ Using the Image Carousel widget to create a flashing images effect ✔︎ Using fixed positioning ✔︎ And much more! Transcript Hey there, it’s Ash from Elementor. Today we’re going to […]

How to Create a Vertical Header [Advanced]

Overview Transcript Overview In this tutorial we learn how to create a vertical header in Elementor. We’ll also explore how to show the default horizontal header on mobile devices only, to ensure a smooth user experience. The tutorial will cover: ✔︎ Creating a header template ✔︎ Repositioning a header to display vertically ✔︎ Adding custom […]

Amazing Layouts With SVG, Lottie & Motion Effects [Advanced]

Overview Transcript Overview In this advanced tips & tricks tutorial we will learn how to create an advanced website layout using a combination of SVG, Lottie & Motion Effects. The tutorial will cover: ✔︎ Using Shape Dividers ✔︎ Using Lottie Animations ✔︎ Adding Custom SVG Illustrations ✔︎ Using Motion Effects Custom CSS: selector{ position: absolute; […]

How to Create a File Download Button

Overview Transcript Overview In this tutorial we’ll learn how to turn a button into a file download button to prompt visitors to download various types of files, such as zip files or ebook samples. The files can be downloaded easily by your website visitors, with one click, onto a computer or any other device. The […]

How to Use the Social Icons Widget

Overview Transcript Overview In this tutorial we learn how to add social icons to your website to drive more traffic on your social media accounts through your website, and increase the engagement between your visitors and your business. The tutorial will cover: ✔︎ How to add social icons on your website ✔︎ How to link […]

How to Add Custom CSS [PRO]

Overview Transcript Overview In this tutorial we learn how to and where to apply it. The tutorial will cover: ✔︎ What is CSS ✔︎ How to work with CSS in Elementor ✔︎ CSS tips & tricks ✔︎ And much more! Credits: Floating Animation CSS  Text Stroke CSS See Also: Help Center Doc Transcript Hey there. […]

Create a directory using Elementor, ACF & CPT UI

Overview Transcript Overview In this mini course we learn how to build a directory using Custom Post Type UI (CPT UI), Advanced Custom Fields (ACF), Elementor Custom Skin & Elementor Pro. We’ll first create a custom post type and taxonomy using CPT UI, followed by creating the custom fields required for our listings using ACF. […]

Make Elementor Yours: How to Customize the Elementor Editor

Overview Transcript Overview In this video we’ll show you a few ways to customize your Elementor work space. The video will cover: ✔︎ Tips for faster workflow ✔︎ Personalizing Elementor work space ✔︎ And much more! See Also: The Navigator Responsive 101 Transcript Hey there, it’s Aviva from Elementor. In this video I’ll show you […]

Create a Popup Text Path Menu with a Hover Image Effect [Advanced]

Overview Transcript Overview In this Advanced Tips & tricks tutorial we’ll learn how to create a popup text path menu with an awesome animated hover effect on the image to really level up our navigation designs. The tutorial will cover: ✔︎ Creating a popup menu ✔︎ Using the Text Path Widget with a custom SVG […]

How To Set Up and Enable Maintenance Mode and Coming Soon Pages

Overview Transcript Overview In this tutorial we will learn how to set up a Coming Soon page, (for websites under construction) as well as a Maintenance Mode page (for live websites), how to activate them, and finally, how to preview these pages as a visitor. The tutorial will cover: ✔︎ Building a Coming Soon page […]

How to Use the Image Widget

Overview Transcript Overview In this tutorial we learn how to insert and style images on websites, using the Image widget. The tutorial will cover: ✔︎ Adding an image ✔︎ Image content options ✔︎ Optimizing images ✔︎ Styling images ✔︎ Using CSS filters ✔︎ Adding a hover effect ✔︎ Creating circular images ✔︎ And much more! […]

How to Use Dynamic WooCommerce Tags [PRO]

Overview Transcript Overview In this tutorial we’ll learn how to use Dynamic WooCommerce Tags to display products or services anywhere on your website. Any changes you make to the product’s details will reflect everywhere it’s displayed on your site, making it easier to showcase amazing products and increase your sales! The tutorial will cover: ✔︎ […]

How To Use the Spacer Widget

Overview Transcript Overview In this tutorial, we will learn how to use the Spacer widget to create unique designs, and explore different ways to customize it. The tutorial will cover: ✔︎ Adding a spacer widget into your design ✔︎ Adding a parallax scrolling effect ✔︎ Customizing the spacer widget using the Advanced Tab ✔︎ Creating […]

Create a Video Playlist Popup [Advanced]

Overview Transcript Overview In this Tips & Tricks tutorial, we’re going to combine popups, widgets and custom CSS code to create amazing interactive sections in Elementor! In this lesson you will learn how to: ✓ Add a template shortcode inside of a widget ✓ Add custom CSS ✓ Create and link to a popup ✓ […]

How To Use the Color Sampler

Overview Transcript Overview In this tutorial, you’ll learn how to use the Color Sampler feature in Elementor to find color palette inspiration in any image or element on your Elementor website. The tutorial will cover: ✔︎ Activating the color sampler ✔︎ Pulling color palettes from images on your web pages ✔︎ Finding any Elementor element’s […]

How to Import and Export Elementor Websites

Overview Transcript Overview In this tutorial, you’ll learn how to Import and Export your Elementor websites. In just a few clicks, you’ll be able to reuse and transform your own existing or purchased website templates into completely new websites. The tutorial will cover: ✔︎ Exporting your full Elementor websites ✔︎ Importing website kits on to […]

The Kit Library

Overview Transcript Overview In this tutorial you will learn how to use the Elementor Kits Library to select from dozens of beautifully designed full website template kits, and import them to adapt to your own website. This tutorial will cover: ✔︎ Accessing the templates library ✔︎ Filtering and searching the library ✔︎ Applying a kit […]

How to Display WooCommerce Products With the WC Products Widget in Elementor

Overview Transcript Overview ​Display your WooCommerce products and filter the exact products you want to display with this widget. Transcript hey everyone this is Noah from Elementortoday we’ll be going over the woodproducts widget with which you coulddisplay WooCommerce products on yourpage with only a few simple settingsso first we’ll search for the widget anddrag […]

How to Use the Heading Widget

Overview Transcript Overview Headings are important elements on your site. They help visitors and search engines scan your website easily, understand the hierarchy of a page, and of course..deliver an impactful message! This tutorial will cover: ✔︎ Styling headings to suit your designs ✔︎ Adjusting them for mobile devices ✔︎ Using HTML Tags for your […]

Add Drop Shadow Effects to Your WordPress Website Using Elementor Page Builder

Overview Transcript Overview In this video I will show you how to create Box Shadow effects to widgets, sections and columns, by using the Elementor page builder for WordPress. That’s right – beautiful drop shadows with absolutely no coding or CSS. To learn more about using Elementor’s many widgets and features, subscribe to this channel […]

How to Add Testimonials to Your WordPress Website Using Elementor’s Testimonial Widget

Overview Transcript Overview In this video, I will show you how to use the testimonial widget on the Elementor page builder for WordPress. Transcript hi everyone this is Noah from Elementor today I will show you how to use a testimonial widget with this widget you can take the basic testimonials and turn them into […]

How to Add Hover Animations

Overview Transcript Overview In this video I will show you how to add Hover Animations to Image, Buttons and Icons, by using the Elementor page builder for WordPress. With this featue you can add beautiful hover animations with absolutely no coding or designing skills. Transcript Hale mentors this is Noah from Elementor today I’ll show […]

How to Use the Template Library

Overview Transcript Overview Elementor Template Library gives you access to over 100 designer-made page layouts, and 100’s of pre-made blocks. In this video, I’m going to show you how to use Elementor Template Library Transcript hey there it’s Cassie from Elementor in this video I’ll go over the template library the template library is a […]

How to Use Image Gallery Widget on Elementor Page Builder Plugin

Overview Transcript Overview Easily add images galleries to WordPress with Elementor. Download Elementor Page Builder If you are looking for the best, and easiest plugin to add an image gallery to your WordPress website, then look no further, because it’s actually easier and less of a burden on your WordPress to use your Elementor page […]

How to Use the Progress Bar Widget on Elementor Page Builder

Overview Transcript Overview Display your progress or skills and add a beautiful progress bar to any WordPress website using Elementor Page Builder. Transcript hey guys this is Noah from Elementor today I’ll teach you about our progress bar widget with which you could display your progress or skills any creative and colorful way check it […]

How to Use the Counter Widget on Elementor Page Builder

Overview Transcript Overview In this video we’ll learn how to add a number counter to WordPress using the Counter Widget on Elementor. In the video you see a page with 4 dynamic numbers. With every refresh the numbers go up again. I can give them each their own icons, captions and styles. With a widget […]

Build Your Page Layout on Elementor

Overview Transcript Overview Do you want to build your page layout on WordPress in the easiest possible way This is a really basic and fundamental tutorial about using Elementor, and is the first part of three tutorials we will publish that concerns with using sections and columns in Elementor to build and control your page […]

How to Add Icons in WordPress With Elementor

Overview Transcript Overview Want to know how to add icons in WordPress? The Icon widget lets you add icons to the pages you create with Elementor page builder. There are many icons to choose from, the entire Font Awesome icon list. To learn more about using the many widgets and features Transcript hey everyone this […]

How to Use the Icon Box Widget on Elementor Page Builder Plugin

Overview Transcript Overview The Icon Box widget is a great way to add icon boxes to your WordPress pages. In this video, we show exactly how to add this widget, using the free Elementor page builder. Transcript hey again youtubers this is Noah from Elementor have you ever wanted to creatively display an icon along […]

How to Use the Image Box Widget on Elementor Page Builder Plugin

Overview Transcript Overview The Image Box widget lets you add visual boxes that combine images and text in a beautiful way. Use this widget to create the most engaging features section, or use it to write about a trip you’ve made. There are endless opportunities to use this widget to make your WordPress site more […]

Sections & Columns Part 2: Style Options for Sections and Columns

Overview Transcript Overview This is a very basic tutorial to how the Elementor page builder works. It explains how to change the style options on sections and columns to customize your page design. Transcript hey guys this is Noah from Elementor so in the previous video from the Serie we went over the layout options […]

How to Make Price Lists in WordPress with Elementor

Overview Transcript Overview The Price List widget lets you create catalogs and menus that include pricing. This is a great way to beautifully showcase your products or services and their pricing. Transcript hey youtubers this is Noah from Elementor again now I’ll be teaching you about the prices list widget this practical widget makes listing […]

How to Use the Global Widget to Edit Multiple Areas on Your WordPress Site From One Place

Overview Transcript Overview A Global widget gives you full control over a specific widget, that is displayed in multiple places on your site. Editing it in one place will instantly update the rest. It saves you the time and effort of going through the many pages on your site, and updating the content manually, one […]

How to Make a Responsive Page On WordPress – Side By Side Columns

Overview Transcript Overview In this video, you will learn how to align columns side by side on WordPress pages viewed on mobile devices. By changing each column width in Elementor, you can easily align two or more column horizontally. Transcript hi welcome to elemental house next question comes from Karthik yeah how can i display […]

How to Make Price Tables in WordPress With Elementor

Overview Transcript Overview Learn how to create price tables on WordPress with Elementor Website Builder. Make personalized and beautiful pricing tables using our drag-and-drop visual editor for WordPress. Transcript  Hi, guys. This is Josh from Elementor, and today, I’m going to show you how to use the Price Table widget. Price Table widget is a […]

Gradient Background: Add Gradient Effects to WordPress

Overview Transcript Overview Find out about an easy, code-free and CSS free way to add a gradient background to any WordPress page, FREE in Elementor Page Builder In the past year, the Gradient effect has made a big comeback. Now, background gradient effects are also available on Elementor, so you can add these effects easily […]

How to Use the Flip Box Widget on Elementor Page Builder [Pro Feature]

Overview Transcript Overview There is really a lot you can do with animated flip boxes. Try the new Flip Box widget The new Elementor feature allows you to create unique flip boxes in a fun and easy way. Transcript hi this is David from elemental and today I’m going to show you how to use the […]

How to Change the Background Image

Overview Transcript Overview Want to change the background image on your WordPress site? There is no easier way than using Elementor Page Builder. Get Elementor Page Builder FREE  For more tutorials subscribe to this channel. Transcript [Music] hi and welcome to elemental out today’s question comes from Gary yeah how do I change the background […]

How to Create a Full Width Page

Overview Transcript Overview Do you want to create a full width page in WordPress, no matter which theme you are using? The easiest way to do this is with the FREE Elementor Page Builde Transcript hi and welcome to elemental how to Dave question comes from Jessica GL how can you create a full-width page […]

How To Create A Full Width Slider

Overview Transcript Overview In this guide David explains how to create a full width slider on WordPress, using the Elementor Slides widget. Get Elementor ProSHOW LESS Transcript hi and welcome to elemental how to today’s question comes from Joe ETF how can you create full width slider in slide widget in Elementor we have the […]

How to Use Page Settings to Control Useful WordPress Settings [+Blank Canvas Template]

Overview Transcript Overview The new Elementor Page Settings feature lets you control a lot of useful WordPress page settings from within the editor. These settings include: – Changing to a blank page template or another page template with the blank Canvas template – Customizing the page background to an image / color / gradient background […]

How to Create an Inline Contact Form

Overview Transcript Overview In this tutorial we show you how easy it is to create an inline form in WordPress using Elementor Page Builder Pro. Transcript hi and welcome to elementals how to face question comes from tank yes how do you create an inline form in Elementor in elemental is very easy to create […]

How to Add Stunning Shape Dividers to WordPress Pages

Overview Transcript Overview In this tutorial we explain how to use the FREE Elementor Page Builder feature to add stunning shape dividers to WordPress page sections. Transcript Hi and welcome to Elementor how to today’s question comes from Martin yes can you show me a quick way to use the shape divided feature set yourself […]

Using the Share Buttons Widget

Overview Transcript Overview Learn how to easily add share buttons on WordPress with Elementor’s Share Buttons widget. Elementor includes all the functions of Social Media plugins built-in. Transcript hi this is david from elementa and in this tutorial i will show you how to add share buttons on WordPress using elementals new share buttons widget […]

How to Connect WordPress to MailChimp

Overview Transcript Overview There has never been an easier way to connect WordPress to MailChimp. Learn how to do it with Elementor Pro’s Form widget Transcript today I’m going to show you how to easily integrate MailChimp with WordPress using elemental form this way your visitors that sign up will automatically be added to your […]

How to Create a Blank Page

Overview Transcript Overview With Elementor Canvas template, you can use any theme and still create a complete blank page, without the header, footer or sidebar distracting your users. This is perfect when creating landing pages on WordPress. Transcript hi and welcome to elementals how to the Dave question comes from David yes how do I […]

How to Add Hover Effects

Overview Transcript Overview In this tutorial we show how to add hover effects to WordPress using Elementor’s hover feature. With this feature, you can add hover effects for color, gradient, image and video background. You can also add border and box shadow hover effects. This is a feature that is available both on the free […]

How to Add Image Lightbox to WordPress Using Elementor

Overview Transcript Overview No more lightbox plugins needed! Watch the simple and free way to create an image lightbox in WordPress using Elementor page builder. You can use this feature to create image lightbox, gallery lightbox, slider lightbox and video lightbox, all without a dedicated plugin. Transcript In this video, you will learn about all the […]

How To Add Facebook Like Button, Page, Post, Video & Comments Widgets on WordPress

Overview Transcript Overview We’ve launched a powerful new set of Elementor Pro Features: the Facebook Widgets! In this video, we show how to embed the following plugins: – Facebook Button widget for Like, Share & Follow – Facebook Embed widget for Post, Video & Comment – Facebook Comments widget – Facebook Page widget (Previously Like […]

How to Use Elementor’s Nav Menu Widget to Design WordPress Custom Menus

Overview Transcript Overview In this video, you will learn how to use Elementor’s Nav Menu widget to customize WordPress menus. Change colors of the menu items, create mobile menus, customize the submenu and other important points you should know about this highly customizable widget. Transcript [Music] in this video I’m going to show you how […]

Halloween Special: 7 Web Design Tricks and Treats

Overview Transcript Overview In this Halloween special, we give you 7 seasonal web design tricks and treats to transform your website into a thrilling creation that will make your audience scream for more. Enter our full monster makeover post, if you dare, and get our Halloween pack of tutorials, icons, templates and other frightful freebies […]

ActiveCampaign & Elementor Integration

Overview Transcript Overview Now you can integrate Elementor with just about anything that you’re already using. Elementor integrations save you time by performing tedious tasks for you, you can now easily integrate Elementor forms with ActiveCampaign. Watch our in depth tutorial & learn how to connect Elementor with ActiveCampaign to automate your workflow. Transcript hey […]

ConvertKit & Elementor Integration

Overview Transcript Overview Now you can integrate Elementor with just about anything that you’re already using. Elementor integrations save you time by performing tedious tasks for you, you can now easily integrate Elementor forms with ConvertKit. Watch our in depth tutorial & learn how to connect Elementor with ConvertKit to automate your workflow. Transcript hey […]

GetResponse & Elementor Integration

Overview Transcript Overview Now you can integrate Elementor with just about anything that you’re already using. Elementor integrations save you time by performing tedious tasks for you, you can now easily integrate Elementor forms with GetResponse. Watch our in depth tutorial & learn how to connect Elementor with GetResponse to automate your workflow. Transcript hey […]

MailPoet & Elementor Integration

Overview Transcript Overview Now you can integrate Elementor with just about anything that you’re already using. Elementor integrations save you time by performing tedious tasks for you, you can now easily integrate Elementor forms with MailPoet. Watch our in depth tutorial & learn how to connect Elementor with MailPoet to automate your workflow. Transcript mailpoet […]

HubSpot & Elementor Integration

Overview Transcript Overview Now you can integrate Elementor with just about anything that you’re already using. Elementor integrations save you time by performing tedious tasks for you, you can now easily integrate Elementor forms with HubSpot. Watch our in depth tutorial & learn how to connect Elementor with HubSpot to automate your workflow. Transcript hey […]

Drip & Elementor Integration

Overview Transcript Overview Now you can integrate Elementor with just about anything that you’re already using. Elementor integrations save you time by performing tedious tasks for you, you can now easily integrate Elementor forms with Drip. Watch our in depth tutorial & learn how to connect Elementor with Drip to automate your workflow. Transcript hey […]

Add a Countdown Timer to WordPress with Elementor’s Countdown Widget

Overview Transcript Overview Learn how to add a countdown timer on WordPress using Elementor’s Countdown Widget. These countdowns can be very helpful in creating anticipation among your site visitors, increase conversions and sales and enticing people to buy or sign up. Transcript hey youtubers this is Noah from Elementor today we’ll be going over the […]

Speed Art Video

Overview Transcript Overview This is not your usual conference landing page template! In this web design speed art, our stellar designer Bohdan create a spectacular page with several Christmas touches. An innovative typography, interesting color choices and fantastic background creations. All this creates the end result, which is a template that is also available as […]

Custom Fonts – How to Add Adobe Typekit to Elementor

Overview Transcript Overview Learn how to add Adobe Typekit to Elementor You simply enter your Typekit key in the settings dashboard (Integrations tab), and instantly get all your Typekit fonts inside the various typography settings in Elementor. Using this integration, you don’t need to download, install or code anything to use your Typekit fonts. Transcript […]

Custom Fonts – How to Add Your Own Fonts to Elementor

Overview Transcript Overview Now you can upload your custom fonts and use them across all text widgets in Elementor Simply upload your custom font formats, and see them instantly appear inside the widget typography settings. Transcript Hey everyone, it’s Cassie from Elementor. In this video I’ll show you how to add your own custom fonts […]

How to Make Your Website Responsive With Elementor’s Mobile Editing Tools

Overview Transcript Overview Responsive Web Design means making your website look good on all devices (desktops, tablets, and mobile phones). Get Elementor, free forever, including mobile editing: https://elementor.com In this video, we show five ways in which you can use the Free Elementor Page Builder for WordPress to edit any site and make it 100% […]

Setting Conditions – Theme Builder Tutorial

Overview Transcript Overview In this video, we explain how the new Conditions window allows Elementor users the ability to define where global templates are applied. Elementor Pro 2.0 added global templates like headers and footers. These templates are implemented across your entire site, or on any combination of pages of your choice. But how do […]

Dynamic Content – Theme Builder Tutorial

Overview Transcript Overview Until now, you were only able to build static content using page builders. Landing pages, homepage, about… You created each page one at a time. Blog post templates, archive templates and other dynamic content was either preset by the theme you installed, or required tons of coding. Now, Elementor introduces a whole […]

How to Create a Sticky Header on WordPress (With One Click)

Overview Transcript Overview In this video, we show how to use Elementor Pro’s built-in Sticky Header feature and create a sticky header, using any WordPress theme. Transcript wondering how to use a sticky header in Elementor it’s easy just follow along I’ll show you how sticky headers make your header or menu visible at all […]

How to Create a Custom 404 Page

Overview Transcript Overview When your creating a new website, it’s important to set up a well-crafted 404 error page. 404 is the standard response code that tells the user they reached a page that is unavailable. It’s very frustrating for the visitor, but with Elementor’s 404 page template, you can design an alluring and creative […]

How to Add Breadcrumbs to Your WordPress site

Overview Transcript Overview Elementor makes it easy to add breadcrumbs to your website. Breadcrumbs are the links that let your visitors navigate through the hierarchical structure of your site. Elementor integrates to Yoast SEO’s breadcrumbs. You can then easily add the breadcrumbs to any Elementor global template, and add the breadcrumbs across your site with […]

Add an Author Box Widget to WordPress Posts

Overview Transcript Overview Using Elementor, you can easily add an author box to your blog posts, showing bio and links of the post’s author. In this video, we show how to add an author box to any blog post dynamically in WordPress, using Elementor’s Theme Builder. Transcript hey everyone it’s Cassie from Elementor in this […]

Role Manager: How to Restrict Certain User Roles to Only Edit Content

Overview Transcript Overview In this video, we show how to use the Role Manager settings to restrict user roles access to Elementor. This way, you can restrict users from either accessing Elementor altogether, or only allow them to edit content. They won’t be able to drag and drop, delete or add widgets, only to change […]

How To Change and Style Your Site Logo & Site Title

Overview Transcript Overview In this video I’m going to show you how to change and style of your site logo & site title using Elementor theme builder. Learn how to use dynamic content to work smarter, not harder. Transcript hey everyone it’s Cassie from Elementorin this video I’ll go over the site logoand site title […]

Add Post Navigation to WordPress Posts

Overview Transcript Overview Using Elementor, you can easily add Post Navigation to your blog, helping site visitors to easily navigate between your posts. In this video, we show how to add Post Navigation to any blog post in WordPress, using Elementor. Transcript hey there it’s Cassie from Elementor in this video you’ll learn how to […]

Create a Promotion Box for Your WordPress Blog

Overview Transcript Overview In this video, you will learn how to create a beautiful promo box for your website using Elementor. Use the promo box to promote your sales, special offers and anything else you want to highlight and bring focus to. Transcript hi everyone this is Danny a designer at elemental today let’s talk […]

How to Design a WordPress Blog Using Elementor

Overview Transcript Overview In this video, Elementor educator & designer Dave Foy shows step-by-step how to recreate the popular Flywheel blog. Dave Foy teaches non-coder designers how to build their businesses faster and more profitably with Elementor. Transcript hi i’m dave roy from design build web and i’m here today to show you how to […]

Build a Landing Page with Elementor: Step-by-Step

Overview Transcript Overview In this tutorial, we’ll be building a stylish landing page with Elementor. Made 100% in Elementor, in this A to Z tutorial you’ll learn: * Creating a page * Building a WordPress menu * Using sections and columns * Adding widgets * Build a complete landing page! Transcript hi everyone welcome to […]

Build a Mobile CTA with Elementor – Step-by-Step

Overview Transcript Overview Call to Action (CTA) buttons can have a real impact on your sites’ conversion rate. In this tutorial, we’ll demonstrate a very useful tip for creating a “floating” mobile CTA that show up on your entire site. Transcript hey guys I’m sorry welcome to our Tips & Tricks where we try to […]

Create a Real Estate WordPress Website Using ACF & Elementor

Overview Transcript Overview In this tutorial, we combine Elementor, ACF and CPT UI to create a dynamic real estate website on WordPress. Transcript hi everyone this is Paul from bring you up calm and today we’re gonna take a look at how to combine elementor’s dynamic content and advanced custom fields to create a real […]

Create a WordPress Movie Review Website with Elementor and Toolset

Overview Transcript Overview In this tutorial, we combine Elementor and Toolset to create a dynamic movie review website on WordPress. You’ll learn how to: * Use dynamic content * Create custom post types with Toolset * Create custom fields with Toolset * Build an archive template with Elementor * Build a single template with Elementor […]

Create a Sticky Scrolling Effect Using Elementor

Overview Transcript Overview In this tutorial, we’ll see how to create a cool sticky scrolling effect, showing 3 interchanging mobile images that scroll into one another. You will learn how to: ✓ Make an image widget sticky ✓ Use the z-index ✓ Add animation ✓ Create a SUPER COOL effect Transcript wonder how to create […]

Advanced Custom Fields Tutorial: Create a WordPress Movie Review Website

Overview Transcript Overview In this tutorial, we combine Elementor and ACF (Advanced Custom Fields plugin) to create a dynamic movie review website on WordPress: https://elementor.com/blog/create-mov… You’ll learn how to: ✓ Use dynamic content ✓ Create custom post types with CPT UI ✓ Create custom fields with ACF ✓ Build an archive template with Elementor ✓ […]

How to Customize WooCommerce Product & Product Archive Pages Via Elementor

Overview Transcript Overview In this tutorial learn how you can build the WooCommerce single and archive product page templates using Elementor’s WooCommerce Builder. You’ll learn how to: ✓ Use WooCommerce with Elementor ✓ Create a custom design for your products and archive ✓ Save a single and archive template with conditions by category Transcript hey […]

Add Video Background

Overview Transcript Overview In this tutorial, you will learn how to add full-screen video backgrounds to your WordPress website using the free Elementor Page Builder plugin. You can choose any YouTube or self-hosted video, and embed it by adding its URL to the section. You will learn how to set the video: ✓ Start and […]

How to use Elementor with ACF Tutorial

Overview Transcript Overview In this tutorial, we combine Elementor and ACF (Advanced Custom Fields plugin) to create a dynamic doctors portal website on WordPress. Transcript want to create a custom dynamic website but can’t write a single line of code all your worries are now over hey everyone Cassie from Elementor here in this tutorial […]

How to use Elementor with Pods Tutorial

Overview Transcript Overview In this tutorial, we combine Elementor and Pods to create a dynamic doctors portal website on WordPress. Transcript want to create a custom dynamic website but can’t write a single line of code all your worries are now over hey everyone Cassie from Elementor here in this tutorial you’ll learn how to […]

How to use Elementor with Toolset Tutorial

Overview Transcript Overview In this tutorial, we combine Elementor and Toolset to create a dynamic doctors portal website on WordPress. Transcript want to create a custom dynamic website but can’t write a single line of code all your worries are now over hey everyone Cassie from Elementor here in this tutorial you’ll learn how to […]

How to Create a Transparent Sticky Header

Overview Transcript Overview In this episode of Tips & Tricks, we’ll see how to create a cool sticky transparent header effect using Elementor’s new CSS class. You will learn how to: ✓ Make your sticky header transparent ✓ Use CSS to create an animation transition ✓ Change min-height when scrolling Transcript hey there welcome to […]

Create a Dynamic Personal Website

Overview Transcript Overview In this tutorial, we combine Elementor and PODS (a Custom Fields plugin) to create a dynamic personal website for WordPress. You’ll learn how to: ✓ Use dynamic content ✓ Create custom fields with PODS ✓ Edit a single post template with Elementor Transcript Heffron this is Paul from bring web.com and I’m […]

How to Add a Countdown to Your WordPress Website

Overview Transcript Overview Using Elementor, you can easily add a countdown to your WordPress website or blog. In this video, we’ll go over all the setting and options so you could set up your own countdown in minutes Transcript hi-oh ziv from elemental here today we’re gonna go over the countdown widget this widget is […]

How to Add a Sitemap to Your WordPress Website

Overview Transcript Overview Using Elementor, you can easily add a sitemap to your WordPress website or blog. In this video, we’ll go over all the setting and options so you could set up your own sitemap in minutes. Transcript hi all today we’re going to go over the features of the site map widget the […]

How to Add the Reviews Widget to Your WordPress Website

Overview Transcript Overview Using Elementor, you can easily add a review to your WordPress website or blog. In this video, we’ll go over all the setting and options so you could set up your own reviews widget in minutes. Transcript hi guys zip from elements or here today I’ll introduce you to the new elements […]

How to Add the Star Rating Widget to Your WordPress Website

Overview Transcript Overview Using Elementor, you can easily add star ratings to your WordPress website or blog. In this video, we’ll go over all the setting and options so you could set up your own star rating in minutes. Transcript hi guys zip from elemental here today I’ll introduce you to the new Elemental star […]

Special 80s Black Friday Tutorial [+free template & MEGA SALE]

Overview Transcript Overview Our team at Elementor created a truly BODACIOUS 80’s campaign for Black Friday. In this video, we share the awesomeness and show you how to create a retro style landing page for Black Friday.​ Transcript hey they’re only nerds jocks and valley girls that’s from Elementor here and today I’ll show you […]

How to Add a Dynamic Lightbox

Overview Transcript Overview Using Elementor, you can easily add a dynamic lightbox for videos and images on your WordPress website or blog. In this video, we’ll go over all the settings and options so you can set up your own dynamic lightbox in minutes. Transcript hi guys today I’ll show you how to use the […]

How to Use the Dynamic Request Parameter

Overview Transcript Overview The Dynamic Request Parameter is a new and improved way to pass user information inside Elementor. You can use it to track traffic sources, campaigns and conversions as well as show a personalized message to your visitors and even pre-populate forms with your user’s info! Transcript hi guys ziv from elemental here […]

How to Use the Dynamic Contact URL on Your WordPress Website

Overview Transcript Overview With Elementor’s Dynamic Contact URL, you can connect your website’s visitors to WhatsApp, Waze, Google Calendar & more apps with one click. Transcript hi guys zip from elemental here today I’ll show you how to use the dynamic contact URL feature this feature provides a way to quickly create smart links from […]

How to Integrate Slack & Elementor

Overview Transcript Overview Elementor integrations save you time by performing tedious tasks for you. Now you can easily integrate Elementor forms with Slack using webhooks. Watch our tutorial & learn how to connect Elementor with Slack to automate your workflow. Subscribe to our channel so you’ll be the first to recieve more videos & tutorials! […]

How to Integrate MailerLite & Elementor

Overview Transcript Overview Elementor integrations save you time by performing tedious tasks for you. Now you can easily integrate Elementor forms with MailerLite. Watch our tutorial & learn how to connect Elementor with MailerLite to automate your workflow. Transcript hi guys zip from elemental here today I’ll show you how to use the new male […]

How to Integrate Discord & Elementor

Overview Transcript Overview Elementor integrations save you time by performing tedious tasks for you. Now you can easily integrate Elementor forms with Discord using webhooks. Watch our tutorial & learn how to connect Elementor with Discord to automate your workflow. Transcript hi guys zip from elemental here today I’ll show you how to use the […]

How Our Team Created a Holiday Greeting Card Generator From Scratch

Overview Transcript Overview Want to wish your loved ones a merry Christmas and happy holidays? In this video, we’ll show you how to create a stunning Greeting Card Generator with Elementor! Heads Up – this one is for our advanced users. In this tutorial you’ll learn how to: ✔︎ Apply the dynamic request parameter ✔︎ […]

Create a Button to Trigger an Onclick Popup [PRO]

Overview Transcript Overview In this ‘onclick popup’ tutorial, we will show you how to add a form to a popup, trigger it with the click of a button, and close upon clicking the “Submit” button of the form, all using Elementor’s Popup Builder. Transcript Hey Guys, Cassey here today we’ll create a page with a […]

Create a Shopping Cart Popup in WordPress

Overview Transcript Overview In this tutorial, we will show you how to add a popup to your sites cart page that triggers after an x amount of time (when the user gets indecisive). You will also learn how to add animated gifs to popups, all using Elementor’s Popup Builder. Transcript hey everyone add us from […]

Popup: Conditions, Triggers, and Advanced Rules

Overview Transcript Overview In this tutorial, we will explain and show you how to use the conditions, triggers and advanced rules settings of popups. Learn how to empower your popups to target any use case, improve user experience and generate more sales and conversions. Transcript hi-oh zip from Elemento here today will focus on the […]

Create a Responsive Menu in WordPress Using Popups

Overview Transcript Overview In this tutorial, we will explain and show you how to create a custom & responsive menu that pops up when the visitor clicks on a button in your website header. Learn how to create functional yet beautiful menu popups to improve the user experience. You can download this template from the […]

Create a Related Posts Popup in WordPress

Overview Transcript Overview In this tutorial, we will show you how to add a popup to related posts that triggers on a certain point on your page. The popup can be used on any pages and posts in WordPress, even ones written without Elementor. You will also learn how to add CSS filters to images, […]

Create a Popup For Your WordPress Shop Archive Page

Overview Transcript Overview In this tutorial, we will show you how to add a popup to your WooCommerce shop archive page using Elementor’s Popup Builder. You will also learn how to design the category archive pages using Elementor’s Theme Builder, as well as using the z-index and more. Transcript heyo its ziz from elemental today […]

Create a Hello Bar Countdown Popup in WordPress

Overview Transcript Overview In this tutorial, we will show you how to add a Hello Bar with an evergreen timer using Elementor’s Popup Builder. You will also learn how to copy / paste an image widget, use minus margin and more. Transcript hiya Cassie from Elementor here in this tutorial I’ll show you how to […]

Create a Login Form Popup in WordPress with Elementor’s Login Widget

Overview Transcript Overview In this tutorial, we will show you how to use Elementor’s login widget to create a login form popup that redirects to a different page upon clicking the login button using Elementor’s Popup Builder. You will also learn how to set buttons that toggle popups, use the slides widget and more. Transcript […]

Create a Content Lock Popup in WordPress

Overview Transcript Overview In this tutorial, we’ll show you how to create a content lock popup using Elementor’s Popup Builder. You’ll also learn how to set a button that triggers a popup, prevent closing on overlay or on the Esc key and more. Transcript well hello there Cassie from Elementor here today I’ll show you […]

Create a Subscribe Form Popup in WordPress

Overview Transcript Overview In this tutorial, we will show you how to create a subscribe form popup that is set to trigger after the user had visited 3 pages on your website, using Elementor’s Popup Builder. You will also learn how to set the subscribe button to close the popup, set the popup to appear […]

Create a User Interaction Popup in WordPress

Overview Transcript Overview In this tutorial, we will show you how to add an engaging Hello Bar using Elementor’s Popup Builder. This popup triggers when reaching a section on the page with a certain CSS class. You will also learn how to create a user interaction sequence of popups, and more. Transcript hi oh it’s […]

Create an Exit Intent Popup in WordPress (With a Content Upgrade Offer)

Overview Transcript Overview In this tutorial, we will show you how to create an exit intent popup that offers a content upgrade that is triggered when a visitor is intending to exit the page, using Elementor’s Popup Builder. You will also learn how to set a button to download an eBook, use entrance animations, and […]

Create a Special Valentine’s Day Popup in WordPress

Overview Transcript Overview In this tutorial, we’ll show you how to create a special valentine’s day popup using Elementor’s Popup Builder. You’ll also learn how to set a popup that triggers on page load, use an animated gif as your image and more. Transcript hey everyone had a swim elemental here today we will create […]

Create a Cookie Consent Popup in WordPress

Overview Transcript Overview In this tutorial, we will show you how to create a cookie consent popup using Elementor’s Popup Builder. You will also learn the difference between the different popup types, and more. Transcript hey y’all Cassie from Elementor here in this video we’ll create a cookie consent pop-up it’s pretty self-explanatory so let’s […]

How to Use Column Alignment in Elementor

Overview Transcript Overview Learn how to align widgets inside a column in Elementor using flexbox distribution. Transcript hi-all ziv from element so here today I will go of the added options for vertical and horizontal alignment inside columns in elemental 2.5 for vertical alignment I’ll show you how to use the space between space around […]

How to Use Text Editor Columns

Overview Transcript Overview Learn how to use Text Editor Columns in Elementor 2.5. You’ll learn how to: ✓Divied your text into columns. ✓Set responsive columns per device. ✓Control your columns gap Transcript hi-oh zip from elements are here today we’ll go over the text editor columns feature in elemental 2.5 it allows you to divide […]

How to Use Absolute & Fixed Custom Positioning

Overview Transcript Overview Learn how to use absolute and fixed custom positioning in Elementor 2.5. You will learn: ✔︎ The difference between absolute & fixed position ✔︎ How to freely position your widgets on the page ✔︎ Use absolute & fixed positioning the right way! Transcript hi all ziv from element so here todaywe’ll go […]

How to Use Inline Positioning in Elementor

Overview Transcript Overview In this tutorial, we’ll go over how to use inline positioning in Elementor 2.5. You’ll learn: ✔︎ How to align elements side-by-side in the same column ✔︎ Control an element position ✔︎ Use custom width to align your inline elements Transcript hi Cassie from Elementor here today we’re going to learn about […]

How to Hide Columns Per Device in Elementor

Overview Transcript Overview In this tutorial, we’ll go over how to hide a column in Elementor 2.5. Transcript hi Cassie from Elementor here today we’ll learn how to hide a column in Elementor this is especially useful for responsive design up until Elementor 2.5 the way it was done was like this if you wanted […]

Do’s & Don’ts: Absolute & Fixed Position

Overview Transcript Overview Learn how to properly use absolute and fixed custom positioning orientation settings in Elementor 2.5. You will learn: ✔︎ The horizontal & vertical orientation concept ✔︎ How to use the offset values ✔︎ Resetting your position Transcript hi-oh zip from elemento here today willgather possible sticky situations youmight get into when using […]

How to Use Custom Positioning Units For Best Mobile Responsive Behavior

Overview Transcript Overview Learn how to use the custom positioning units (px.%, VH, VW) with responsive behavior in mind. You will learn: ✔︎ The difference between px, %, VH & VW ✔︎ How to properly use these values ✔︎ Best positioning practices for mobile responsive behavior Transcript hi-oh zip from Elementor here today I’ll talk […]

How to Add Scrolling Effects to Your Website

Overview Transcript Overview In this tutorial, we’ll go over how to add scrolling effects and animations to your website. You’ll learn: ✔︎ How to create scrolling effects ✔︎ Add horizontal scroll animations ✔︎ Use an element anchor point, and much more! Transcript hi Elle Cassie from Elementor here today we’ll learn how to add cool […]

How to Use Motion Effects Viewport Settings in Elementor

Overview Transcript Overview In this tutorial, we’ll go over how to use the viewport settings when adding scrolling effects to your WordPress website using Elementor. You’ll learn how to: ✔︎ Add scrolling effects to your website or landing page ✔︎ Use motion effect’s speed slider ✔︎ Set your animations according to the viewport Transcript heyo […]

How to Use X and Y Anchor Points With Motion Effects in Elementor

Overview Transcript Overview In this tutorial, we’ll go over how to use the X and Y anchor points with rotation and scale settings when adding motion effects to your WordPress website using Elementor. You’ll learn how to: ✔︎ Add rotation & scale animations to your website ✔︎ Change your anchor points position ✔︎ And much […]

Advanced Tutorial: How to Create an Animated Text Effect in Elementor

Overview Transcript Overview In this tutorial, we’ll create cool animated text with motion effects that you can add to your WordPress website using Elementor. You’ll learn how to: ✔︎ Add a horizontal scroll ✔︎ Use the overflow: hidden dropdown ✔︎ Create a cool text trick! (Advanced) Transcript hile zip from elemental here today we will […]

How to Create a Popup With a Mouse Track Effect

Overview Transcript Overview In this tutorial, we’ll create a popup with a mouse track effect that you can add to your WordPress website using Elementor. You’ll learn how to: ✔︎ Create a mouse track effect animation ✔︎ Use position absolute ✔︎ Set conditions and triggers Transcript hey everyone had asked from elemental here today we […]

How to Add Mouse Track Animations to Your Hero Section in Elementor

Overview Transcript Overview In this tutorial, we’ll add mouse track effects to a hero section in a WordPress website using Elementor. You’ll learn how to: ✔︎ Add mouse track effect animation ✔︎ Use the 3d tilt effect ✔︎ Set absolute position Transcript heyo zip from elemental today I’ll show you how to create this cool […]

How to Create an Image Movement Illusion in Elementor

Overview Transcript Overview In this tutorial, we’ll create a cool image movement illusion with motion effects that you can add to your WordPress website using Elementor. You’ll learn how to: ✔︎ Use position absolute ✔︎ Set a custom width to an image ✔︎ Add a horizontal scroll motion effect Transcript heyo zip from elemental today […]

How to Create a Sliding Door Effect With Mouse Track

Overview Transcript Overview In this tutorial, we’ll create a sliding door movement with motion effects that you can add to your WordPress website or landing page using Elementor. You’ll learn how to: ✔︎ Use custom width ✔︎ Add Z-index ✔︎ Add a horizontal scroll motion effect Transcript Hey sorry from elemento here today we are […]

How to Add a Parallax Effect to Your Hero Section

Overview Transcript Overview In this tutorial, we’ll add a 3d parallax effect to our hero section on our WordPress website using Elementor. You’ll learn how to: ✔︎ Layer images on top of one another ✔︎ Use vertical scroll on text ✔︎ Set fixed position to a section background Transcript hi-oh heads if from elemental today […]

How to Create a Thank You Popup in Elementor

Overview Transcript Overview In this tutorial, we’ll create a popup with a mouse track effect that you can add to your WordPress website or landing page. You’ll learn how to: ✔︎ Use position absolute ✔︎ Create a mouse track effect animation ✔︎ Trigger a popup from a form Transcript hi-oh zip from elemental here today […]

How to Create Custom Shapes Without Using Code

Overview Transcript Overview In this tutorial, we’ll add cool shapes and elements using the spacer widget in Elementor. This is a great way to speed up and save weight on your WordPress website because you can replace some heavy png images with CSS. You’ll learn how to: ✔︎ Create shapes with the Spacer widget ✔︎ […]

How to Write Successful Blog Posts – Monday Masterclass

Overview Transcript Overview Simply writing long form content is not enough to create engaging and successful content. In this post, we show how visual elements can compliment your blog posts and improve your readers’ experience. This is a must-see video for marketers, bloggers or designers who spend time and effort writing long-form content, and want […]

Using Storytelling in Web Design – Monday Masterclass

Overview Transcript Overview In this Monday Masterclass, we examine some great examples of sites that manage to nail storytelling in web design. Using storytelling in your websites, you’ll be able to: ✔︎ Captivate your visitors and increase dwell time ✔︎ Increase your conversions and improve your CTA ✔︎ Offer a more streamlined user experience ✔︎ […]

On-Page SEO Checklist for Elementor – Monday Masterclass

Overview Transcript Overview This week, we’ll be pooling all of our best On-Page SEO advice, the actual tricks that work best for us, on how to get your pages to appear in the top-most search results. We’ll be sharing our own on page SEO checklist, including: ✔︎ Image optimization ✔︎ Adding social sharing buttons ✔︎ […]

Solving Responsive Web Design Challenges With Elementor – Monday Masterclass

Overview Transcript Overview In this tutorial, we examine several responsive web design challenges and explore various ways to solve them elegantly using Elementor. Tip #1. Responsive Design Begins and Ends With Correct Planning. In this business, no one in their right mind would set off on a project without a plan, a draft or sketch. […]

How to Use the Icon Library

Overview Transcript Overview Elementor v2.6 introduces the Icon Library, which is an interface for managing your icons better than ever. In this video, we take you through the basics of how to use it. Transcript hi-oh zip from elemento here today we’ll check out elementals icon library which is a special interface that makes picking and […]

How to Add SVG Files

Overview Transcript Overview In this tutorial, we’ll add SVG files to our WordPress website using Elementor. You’ll learn how to: ✔︎ Add SVG’s to the SVG File Library ✔︎ Change your SVG style properties ✔︎ And more! Transcript hi oh it’s live from Elemento today we’ll check out elementals SVG file manager which is a […]

How to Create GIF Stickers to Boost Your Instagram Stories

Overview Transcript Overview This week we’re looking at Instagram, its growing potential as a marketing platform, and share how to create and use your own story stickers on Instagram to expand your own reach and business potential. Instagram has become the New World of social media marketing. Not because of the number of users but […]

How to use Elementor Pro’s Custom Icon Libraries

Overview Transcript Overview In this tutorial, we’ll check out Elementor Pro’s Custom Icon Libraries feature, which gives you the ability to upload your own custom icon sets from the leading icon library font generators to your WordPress website using Elementor. You’ll learn how to: ✔︎ Create and download custom icon sets in Fontello, IcoMoon, and […]

How to customize an Archive Page with ACF

Overview Transcript Overview In this tutorial, you’ll learn how to customize Archive Pages with content drawn from ACF on your WordPress website. This lets you dynamically insert data directly into your Archive Pages, giving you full control over your design with Elementor. You’ll learn how to: ✔︎ Enter custom content in your Archive Page ACF […]

Create a One Page Website on WordPress – Monday Masterclass

Overview Transcript Overview In this Monday Masterclass, we go over how to use Elementor’s Hello Theme & Theme Builder to create a one page website. The website will come included with a nav menu in the header, as well as a footer. We will learn to: ✓ Create the page itself, with the content divided […]

Transform a Boring Template Into a Memorable Design – Monday Masterclass

Overview Transcript Overview We invited Oded Ezer, graphic artist and typographer, to share his inspiring process of analyzing and redesigning a landing page for a ballet school. In the masterclass, you will learn how to: ✔ Identify the most important parts of the page ✔ Find the main visual narrative ✔ Remove the visual noise […]

Build Your Personal Brand Through Online Communities – Monday Masterclass

Overview Transcript Overview In this Monday Masterclass, we’re listing the best ideas and advice to help you successfully promote your services, build and strengthen your personal brand in online communities, and groups on social media. People today are increasingly turning to social media for advice and recommendations on things like who they should trust to […]

Best Free WordPress Plugins [The Ones We Trust] – Monday Masterclass

Overview Transcript Overview When it comes to installing WordPress plugins, minimalism wins! There are 55,175 plugins in the WordPress repo, and numerous others available online. To help you sort through the mess and choose only the plugins you need, we rounded up the top 12 WordPress plugins that we consider ‘must haves’ for most website […]

How to Optimize Your Website for Lead Generation – Monday Masterclass

Overview Transcript Overview This week we’re covering the basic website setup you’ll need to gain maximum leads for your website. In the video, we cover: ✓ An easy 6-step process for lead generation ✓ The most basic step most website owners ignore ✓ Utilizing Elementor’s widgets to get more leads Transcript we’re certain that no […]

From Design Tool to WordPress [Photoshop, Sketch or Other] – Monday Masterclass

Overview Transcript Overview Want to go from design prototype to a live WordPress website in the fastest way possible? Transcript whether you prefer to create your website mock up on Photoshop or sketch once it’s done and you’ve got your clients approval you still have to transfer your design to the actual site in this […]

Improve Your Elementor Skills by Avoiding 6 Common Mistakes – Monday Masterclass

Overview Transcript Overview Learn to avoid common mistakes and improve your workflow in Elementor In this Monday Masterclass, you’ll find out about the most common mistakes users make: – Using incompatible themes – Adding spacers and columns for positioning and styling – Placing inner-sections instead of columns – Editing your website without clearing cache – […]

Create a Homepage For Your Business With Elementor

Overview Transcript Overview In this tutorial, we’ll show you how to create the homepage as seen in the video, step-by-step. You’ll learn how to: ✔︎ Add Motion Effects ✔︎ Use absolute position ✔︎ and much more! Transcript hey there Cassie from Elementor here did you watch our rad skater video now you can learn how […]

How to Use Elementor’s Background Slideshow Feature

Overview Transcript Overview In this tutorial, we’ll add a background slideshow to a hero section and an inner section column. You’ll learn how to: ✔︎ Add a background slideshow ✔︎ Synchronize multiple slideshows on the same page ✔︎ Play videos on mobile devices Transcript hi oh it’s live from elemental today I’ll show you how […]

How to Use Elementor’s Divider Widget

Overview Transcript Overview Dividers are one of the most basic and useful design elements in web design. So we went ahead and made them even better! with newly added elements and shapes. In this tutorial you’ll learn how to: ✔︎ Choose an SVG divider and control its style ✔︎ Add an icon or text before, […]

How to Use The Pro Gallery Widget in Elementor

Overview Transcript Overview In this tutorial, we’ll learn how to use the Pro Gallery Widget in Elementor. The Pro Gallery widget comes with a lightweight library we developed, masonry and justified layouts, hover and sequence animations and more.​ In this tutorial you’ll learn how to: ✔︎ Add the Pro Gallery widget to your landing page […]

Advanced Tutorial: How to Use Dynamic User Profile Pictures & Dynamic Numbers in Elementor

Overview Transcript Overview In this tutorial, you’ll learn how to use the Dynamic User Profile Picture and Dynamic Number features, which can be used to create advanced personalized project overview pages for your clients. You’ll learn how to: ✔︎ Set up a dynamic user profile image for your landing page or WordPress website ✔︎ Add […]

Create a Complete WordPress Website Using Elementor Kits and Theme Builder

Overview Transcript Overview Creating a complete WordPress website might seem daunting at times. But no worries – we are here to help! In this tutorial, you’ll learn how to build and design a full website using Elementor’s powerful Theme Builder & the digital agency kit. You will learn how to: 00:00 – ✔︎ Create a […]

Setting up a Staging Environment for WordPress Websites – Monday Masterclass

Overview Transcript Overview In this Monday MasterClass, we set up a staging site in a local environment where we can make changes to our site, test plugins and updates without risking any harm to our live/production site. This episode covers a lot of valuable web-building information for all levels looking to learn how to: – […]

Special Black Friday Tutorial: How to Create a Monstrous Popup!

Overview Transcript Overview Black Friday is upon us, and with it comes great responsibility. After designing our BF Landing Page, we completed the job with a Popup – using Elementor’s Popup Builder. We’ve been getting many requests asking to show how this popup was created. So here it is! A step-by-step tutorial demonstrating how we […]

Push Changes From Staging Site to Live Site – Monday Masterclass

Overview Transcript Overview In this Monday MasterClass, we see several ways to move or ‘push’ the updated version of our site to the live or production website. This time we cover Local Staging and Hosted Staging, and compare between the two to see when and how we should use them:  This episode covers a lot […]

How to Use the Color Picker & Dark Mode

Overview Transcript Overview Color is one of the most fundamental cornerstones of web design. If you’ve built Elementor sites before, you know that the color picker is a tool used dozens of times throughout each project. And talking about projects…Tired of getting sore eyes when editing your websites until the wee hours of the night? […]

How to Add Table of Contents to WordPress Using Elementor

Overview Transcript Overview Elementor’s Table of Contents widget helps you organize your page content based on the levels of hierarchy of your heading tags and makes it easier for your site visitors to navigate your WordPress website. In this tutorial you’ll learn how to: ✔︎ Create a table of contents index ✔︎ Add heading tags […]

3 Reasons to Choose Theme Builder Over Themes – Monday Masterclass

Overview Transcript Overview In this Monday MasterClass, we examine the advantages of the Elementor Theme Builder and ways that we use it to design and build websites far beyond the limitations of themes in WordPress. This episode covers a lot of valuable web-building information for all levels looking to learn: The difference between Themes and […]

How to Add Google Maps to WordPress With Elementor

Overview Transcript Overview Using Google Maps on your WordPress website is a great way to help your site visitors find you in the real world. In this tutorial you’ll learn how to: ✔︎ Add Google Maps to your WordPress website ✔︎ Set a full-width section to stretch your map across your site ✔︎ And more! […]

How to Add a Christmas Snow Effect With CSS

Overview Transcript Overview Adding falling snow to your website is a great way get into the Christmas festive spirit. For this, all we need to do is embed a small piece of CSS, using Elementor’s custom CSS feature. Get the CSS Snow Effect code: https://elementor.com/christmas-snow-… Transcript hi everyone and welcome to a very Merry Christmas […]

How to Add & Use Custom Fonts on WordPress with Elementor

Overview Transcript Overview In this Monday Masterclass we look at fonts, and get firsthand insight and advice from lead designer Hadas Golzaker as she takes us through the process she followed when deciding on fonts for the design of the recently published Showcase Madness page This episode covers a lot of valuable web-building information for […]

How to Design Navigation Menus for WordPress – Monday Masterclass

Overview Transcript Overview In this Monday Masterclass we look at the Navigation Menus (nav. menus), why we need them, and a list of the do’s and don’ts we should be considering when we design these valuable assets for our WordPress sites. Transcript this week navigation menus are back on the menu yes pun intended why […]

How to Design Effective Buttons for WordPress – Monday Masterclass

Overview Transcript Overview In this Monday MasterClass, we look at designing effective buttons for WordPress pages, going beyond our basic understanding of what they are, what they can do, and what they should look like. We explore the versatility of buttons, in both design and function and introduce “The Plus Addons”, a wonderful plugin designed […]

How to Customize Your WordPress Theme with Elementor Theme Style

Overview Transcript Overview Instead of having to edit CSS code, or struggle with different theme customizers, you can now customize your WordPress theme by changing different global style settings straight from the Elementor panel. In this video, you’ll learn how to set default: ✓ Backgrounds ✓ Body text, Headings, and Links ✓ Form Fields ✓ […]

How to Use Elementor’s Global Lightbox Feature

Overview Transcript Overview Show your images, carousels, videos & galleries with Elementor 100% mobile responsive Global Lightbox! So you can showcase your media in a way that really makes your designs stand out. In this video, you’ll learn how to: ✓ Set global lightbox settings ✓ Add an image counter, full-screen options, and zoom FX […]

Full Site Editing and Dynamic Colors

Overview Transcript Overview Learn how Elementor’s Full Site Editing feature, Dynamic Colors and Semantic HTML Tags can speed up your workflow and improve your web presence. In this video, you’ll learn how to: ✓ Build faster with Full Site Editing ✓ Embed Dynamic Color values in any widget that has a color field ✓ Add […]

How to Transform Any WordPress Site Into an Online Store With Elementor

Overview Transcript Overview This Monday MasterClass we’re taking an in-depth look at converting a simple WordPress website into an online store in 5 simple steps. The main focus of this episode is on setting up WooCommerce correctly in order to sell and ship physical products. If you’re also planning on selling digital/downloadable products, you might […]

How to Create a Blog on WordPress

Overview Transcript Overview This video will guide you on how to create a blog on WordPress in just a few minutes. This video also covers a lot of valuable information on blogging and web building for all levels looking to learn about: Transcript this video was created to help walk you through creating a blog […]

Create a Link in Bio Landing Page for Instagram

Overview Transcript Overview Learn how to create a customized Link in Bio landing page for your Instagram profile, to bring more followers to your website. In this video, you’ll learn how to: ✓ Create and apply a special category to designate selected blog posts for your landing page ✓ Design a landing page optimized for […]

How to Create Multi-Step Forms

Overview Transcript Overview Learn how to how to create Multi-Step Forms with Elementor’s Visual Form Builder. Allowing your customers and leads to fill in their information in smaller steps, making your long forms, such as registration or shipping forms, less intimidating and much easier to complete and submit. In this tutorial you’ll learn how to: […]

How to Use Elementor’s Lottie Widget [PRO]

Overview Transcript Overview Learn how to use the Lottie Widget and add beautiful animations to your websites, turning them into a moving, one-of-a-kind experience. In this tutorial you’ll learn how to: ✔︎ Add your animation using an external link or upload your own JSON file ✔︎ Set the trigger: Viewport, Scroll, Hover, Click, None ✔︎ […]

How to Create a Multisite on WordPress to Manage Multiple Sites

Overview Transcript Overview In this Monday MasterClass we’re moving beyond standard websites and learning how to create and manage multiple wordpress sites using a WordPress Multisite. It’s a whole new level of web-creation. Be sure to subscribe: https://www.youtube.com/c/elementor/?… This video also covers a lot of valuable information on blogging and web building for all levels […]

How to Create a Lottie Widget Download Button

Overview Transcript Overview Learn how to use the Lottie Widget as a button and set it to both play an animation and download a free eBook. Adding small animations to your designs can make a big difference, really improving the UX and increasing engagement. In this tutorial you’ll learn how to: ✔︎ Add Lottie Animations […]

How to Create a Lottie Widget Scroll Button

Overview Transcript Overview Learn how to create a scroll button with the Lottie Widget. Use animation to draw attention to your page and encourage interaction with your website. In this tutorial you’ll learn how to: ✔︎ Add Lottie Animations via external URLs ✔︎ Link a Lottie animation to another section and automatically scroll to it, […]

How to Create a Lottie Widget Popup Button

Overview Transcript Overview Learn how to use the Lottie Widget as a button and set it to play an animation and open a menu popup, upon clicking it. These subtle animations can make a big difference, really improving the UX and increasing engagement. In this tutorial you’ll learn how to: ✔︎ Add Lottie Animations via […]

How to Use Elementor’s Form Builder to Create a Form

Overview Transcript Overview Learn how to create beautiful forms, with the ultimate drag & drop WordPress form builder. No coding. Complete control. In this tutorial you’ll learn how to: ✔︎ Control your form layout, spacing and structure ✔︎ Collect any type of data using 15+ different fields ✔︎ Have pixel perfect control over fields, buttons, […]

How to Redirect to a Lottie Widget Thank You Page

Overview Transcript Overview Learn how to redirect visitors to a cool Thank You Page after submitting a Multi-Step Form. In our example, visitors can sign-up for a gym membership, and after doing so.. are redirected to a cool Lottie Animation Thank You Page. Turning it into a one-of-a-kind experience. In this tutorial you’ll learn how […]

How to Use Elementor Site Settings

Overview Transcript Overview Defining the very basic settings of a website can be quite time-consuming. With Elementor’s Site Settings panel, you’ll find many site-wide configuration tools. This way, you can stay inside Elementor, and have one place to set all of your site settings. Transcript Hi All it’s Ziv from Elementor, Today I will show […]

How to Create a Single Post Template With Elementor Theme Builder

Overview Transcript Overview With Elementor Theme Builder you can control the Layout & Design of the Single Post Template – on any theme. A Single Post Template is made out of different elements: a Post Title, Post Content, a Featured Image, Metadata, Comments, etc. In this video, we’ll go over all the steps you need […]

Global Colors & Fonts: Creating a Design System

Overview Transcript Overview Join Ziv, Elementor Educator ? for a webinar on Creating a Design System with Global Colors and Fonts with Elementor. You’ll learn how to: ✓ Create a homepage step-by-step with Elementor. ✓ Use Elementor’s free templates Library. ✓ Build a design system with Global Colors and Fonts, and understand how it can […]

Margin and Padding Basics

Overview Transcript Overview Margin and padding are used to create space between elements, and directly impact the layout as well as the look and feel of your site. It’s important to know what these 2 properties do and how they affect your design. In this tutorial we’ll cover: ✔︎ The difference between margin and padding […]

Elementor & Yoast SEO integration: All you need to know

Overview Transcript Overview In this tutorial, you’ll learn how to use the built-in Yoast SEO integration in Elementor. Taking care and increasing your website’s search engine optimization, or in short – SEO, is one of the most important things you can do to increase traffic to your website! Transcript Hey there, it’s Aviva from Elementor. […]

Create a Popup in Elementor: Step by Step

Overview Transcript Overview Learn how to use the Popup Builder to add customized, engaging popups to your website. In this tutorial, we’ll create a “Today’s specials” popup, that you can use for any type of product you have! You’ll learn how to: 00:00 – ✔︎ Create and design popups 07:45 – ✔︎ Set conditions and […]

Website Basics and Site Parts

Overview Transcript Overview In this tutorial, we will go over some website basics, and see what sites are made up of. We’ll also briefly check out Elementor’s Theme Builder, which empowers you to create and manage the parts needed for your own websites, such as: ✔︎ Headers and Footers ✔︎ Posts and Archives ✔︎ 404 […]

Elementor Responsive 101: All You Need to Know!

Overview Transcript Overview In this tutorial, we will go over the responsive features and options in Elementor. We’ll review the basics of responsive design, and optimize a website’s header, content, and footer, using Elementor’s responsive section, column, and widget settings. This tutorial will cover: ✔︎ Responsive features ✔︎ Responsive menu ✔︎ Responsive font styles ✔︎ […]

How to Use Elementor Landing Page Builder and Landing Pages Library

Overview Transcript Overview In this tutorial, we will go over the landing pages builder in Elementor. We will review how to create and manage landing pages from one dedicated location. This tutorial will cover: ✔︎ The landing pages section ✔︎ How to create a landing page ✔︎ Landing pages templates library ✔︎ Landing pages management […]

Create Responsive Image Hotspots with Elementor [Advanced Tutorial]

Overview Transcript Overview In this Tips & Tricks Tutorial, we learn how to create responsive-friendly Image Hotspots entirely with Elementor. Adding a layer of playful UX is a great way to increase website conversion rates and really make them stand out! We use Elementor’s Image and Flip Box widgets to build this effect while going […]

How to Use Elementor’s Custom Code Feature

Overview Transcript Overview In this tutorial, we will learn how to use Elementor’s Custom Code feature to add code snippets anywhere on your website. No more edits in theme files or use of additional plugins. With Custom Code, you maintain fast performance while adding tracking codes and meta tags, writing Javascript or CSS snippets, all […]

How to Use Elementor Code Highlight Widget [PRO]

Overview Transcript Overview In this tutorial, we will go over the Code Highlight Widget. It is a fast and effortless way to create beautiful code snippets on Elementor, allowing you to make your code more readable and visually consistent with your site, without the need for any additional plugins. This tutorial will cover: ✔︎ Inserting […]

How to Use the Animated Headline Widget in Elementor [PRO]

Overview Transcript Overview In this tutorial, we will go over the animated headline widget in Elementor. We will create and style an animated headline for a landing page. This tutorial will cover: ✔︎ How to add an animated headline widget to your web page ✔︎ Content options in animated headlines ✔︎ How to customize the […]

How to Use the Button Widget in Elementor

Overview Transcript Overview In this tutorial, we will learn how to use and style the popular button widget within Elementor. We’ll walk you through it step by step, so you know how to create stylish buttons for any website project. This tutorial will cover: ✔ How to insert buttons into your content ✔ Styling your […]

How to Use the Menu Anchor Widget in Elementor

Overview Transcript Overview In this tutorial, we learn how to use the Menu Anchor Widget. This helpful widget allows you to create pages with internal smooth scrolling. This tutorial will cover: ✔ How to insert the Menu Anchor widget into your website ✔ Linking to a Menu Anchor from a button ✔ Linking to a […]

How to Use the Image Carousel Widget in Elementor

Overview Transcript Overview In this tutorial, we learn how to use and configure the Image Carousel Widget. This highly customizable widget which allows you to display a selection of images in an interesting and dynamic way. This tutorial will cover: ✔ How to add an image carousel to your website ✔ The available styling options […]

How to Use Form Submissions

Overview Transcript Overview Learn how to collect and access your form submission data from one dedicated place. Making it a lot easier to gather insights, analyze a campaign’s data or simply manage your submissions. You will see how to: ✔ Add “Collect Submissions” to your form in actions after submit ✔ Access and filter through […]

How to Use the PayPal Button Widget in Elementor Pro

Overview Transcript Overview In this tutorial we will learn how to use the PayPal button widget in Elementor. We will create, set up, and style a PayPal button widget to accept payment on a website. This tutorial will cover: ✔︎ How to add the PayPal button widget to your web page ✔︎ How to configure […]

Sticky Inner Section Improvements

Overview Transcript Overview In this tutorial we will learn how to use Elementor’s Inner Section widget to create sticky effects that stay in their columns. The example will demonstrate how to use animations and sticky effects while scrolling through a section. This tutorial will cover: ✔︎ How to use sticky inner sections that stay in […]

How to Use the Icon List Widget in Elementor

Overview Transcript Overview In this tutorial, we will teach you how to create easy-to-manage lists within Elementor using the Icon List Widget. We’ll walk you through it step by step, so you know how to create vertical and horizontal lists using either the default icon library or your own custom icons. This tutorial will cover: […]

How to Use the Text Editor Widget in Elementor

Overview Transcript Overview In this tutorial, we’ll explore the Text Editor widget. This widget allows you to place, edit, and style body text on your website. This tutorial will cover: ✔︎ Basic functions of the Text Editor widget ✔︎ Working with multiple columns of text ✔︎ How to style body text ✔︎ Adding and styling […]

How to Use Elementor’s Mask Option

Overview Transcript Overview In this tutorial, we’ll get to know Elementor’s Mask Option. Which allows you to give elements a new shape by turning them into mask-based objects, really making your sites stand out! This tutorial will cover: ✔︎ Applying masks to widgets ✔︎ Using default shapes & custom SVG’s or PNG’s ✔︎ Customizations & […]

How to Use the Text Path Widget

Overview Transcript Overview In this tutorial we will learn how to create, customize, and style text paths in Elementor. This tutorial will cover: ✔︎ The various types of text paths ✔︎ How to add your own custom SVG path ✔︎ How to style the text and path ✔︎ How to add a motion effect to […]

How to Create Gradient Backgrounds for Buttons

Overview Transcript Overview In this tutorial we will learn how to create beautiful gradient backgrounds for buttons. This tutorial will cover: ✔︎ How to add gradient backgrounds to your buttons ✔︎ How to use the location and angle settings for unique effects ✔︎ How to add a gradient background hover effect ✔︎ And much more! […]

Image & Text Stroke Effects in Elementor [Advanced]

Overview Transcript Overview In this Advanced Tips & tricks tutorial, we’re going to combine headings, images, and custom CSS code to create amazing interactive sections in Elementor! This lesson will provide you with: ✓ Positioning Elements using Absolute Positioning ✓ Combine Widgets & Motion Effects ✓ Learn how to create a Text Stroke ✓ Using […]

How to use the Shortcode Widget in Elementor

Overview Transcript Overview In this tutorial we will teach you how to use the Shortcode Widget. Embedding shortcodes into your website is extremely useful when working with third party providers. With the Shortcode Widget, it’s never been easier to implement this into your website projects. This tutorial will cover: ✔ What is a shortcode? ✔ […]

How To Use the Video Widget in Elementor

Overview Transcript Overview In this tutorial, we will learn how to use the Video Widget. The Video Widget allows you to easily embed videos into your website either from a self hosted file or from an external source including YouTube, Vimeo & DailyMotion. This tutorial will cover: ✔ How to insert and customize a video […]

How to Use the Call to Action Widget in Elementor [PRO]

Overview Transcript Overview In this tutorial we will teach you how to use the Call to Action Widget. Using call to actions on your website is essential when trying to get your website visitors to perform an action, and with the extensive options available in the Call to Action Widget from Elementor, you’ll be sure […]

How to Use the Slides Widget in Elementor [PRO]

Overview Transcript Overview In this tutorial, we’ll explore the Slides widget. This widget allows you to present multiple messages on your site, such as different services or seasonal promotions, using an engaging presentation effect. This tutorial will cover: ✔︎ How to create and style slides ✔︎ The different possible styles for using this widget ✔︎ […]

How to Use the Video Playlist Widget in Elementor [PRO]

Overview Transcript Overview In this tutorial we will teach you how to use the Video Playlist Widget. The Video Playlist Widget is an exciting Pro widget from Elementor which allows you to display a collection of videos in an easy to use and visually pleasing way for your website visitors. Use this fantastic widget to […]

How To Use The Hotspot Widget In Elementor [Pro]

In this tutorial, we will learn how to use the hotspot widget to visually organize information on your Elementor website. The Hotspot widget allows you to create advanced interactive designs and engage your visitors.