👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time In this tutorial we'll learn how to set up automated and personalized email confirmations for 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 more! HTML Code Snippet: https://jsfiddle.net/Elementor/vcb7zsom/1 Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com Get Elementor Pro: https://elementor.com/pro See Also: Form widget: https://youtu.be/nmM5vsKVOYQ Multi step forms: https://youtu.be/xTGsBVzjCFo Form submissions: https://youtu.be/eO-XfhmTHqw Yoga Studio Kit: https://elementor.com/library/template-kit/yoga-studio Chapters: 00:00 - Intro to form submissions 00:35 - Automated email confirmation 01:14 - Shortcodes for personalization 02:58 - Design email with HTML and CSS 03:38 - Preview styled message 04:50 - Test and view email

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time 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 ✔︎ Using textured images in backgrounds ✔︎ Tips for choosing colors ✔︎ And much more! Grain texture background image download: https://tutorialassets.elementor.cloud/wp-content/uploads/2022/03/Grain_Texture.png.zip Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com Get Elementor Pro: https://elementor.com/pro See Also: Spacer Widget - https://youtu.be/kPVuSVDW4xw Responsive 101 - https://youtu.be/EqFxeluk4U4 Custom Positioning - https://youtu.be/vJ851SD-6u0 https://uigradients.com https://coolors.co/gradient-palette Chapters: 00:00 - Intro to Gradient backgrounds 00:28 - Ex 1 - Gradients on a dark background 01:07 - Benefits of the Spacer widget 01:49 - Creating gradients 02:29 - Positioning Spacer widgets 02:54 - Setting the stack order (Z index) 03:19 - Creating multiple gradients 04:55 - Responsive settings 06:45 - Ex 2 - Gradients on a light background 08:28 - Adding a textured background 08:56 - Tips for choosing colors

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time 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) { .elementor-scrolling-tracker.elementor-scrolling-tracker-horizontal { width: 50vh; } } Useful links: How to Use the Progress Tracker Widget: https://youtu.be/vaD8sLjdyQk Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com Get Elementor Pro: https://elementor.com/pro Timestamps: 00:00 Introduction 00:58 Get Started 01:05 Configure Progress Tracker 02:05 Style Progress Tracker 02:45 Rotate Progress Tracker 03:45 Make Progress Tracker Sticky 04:25 Tablet View 04:55 Amendments for Mobile View

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time 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 new websites ✔︎ Importing website kits on to existing websites ✔︎ Exporting and Importing selected website parts ✔︎ And much more! Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com Get Elementor Pro: https://elementor.com/pro 00:00 - Intro 00:40 - Activate Import / Export 01:00 - Export 01:38 - Import to new installation 02:40 - Import to existing installation

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time 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 tutorial will cover: ✔︎ Adding files to the Media Library ✔︎ File types allowed ✔︎ Button configuration ✔︎ And much more! Related Links: Button Widget tutorial - https://youtu.be/t_yFcTWQiPM Icon Library - https://youtu.be/xx9ZXUoRvpk Kit Library - https://youtu.be/J9OFB6JPxTI Digital School Kit - https://library.elementor.com/digital-design-courses Supported File Types - https://codex.wordpress.org/Uploading_Files#About_Uploading_Files_on_Dashboard Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com Get Elementor Pro: https://elementor.com/pro Timestamps: 00:00 - Intro 00:29 - Prerequisites 01:10 - Add file to media library 01:36 - File types and best practices 02:34 - Button configuration 03:09 - Outro and more examples

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time 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! Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com Get Elementor Pro: https://elementor.com/pro See Also: Elementor Landing Page Template Library: https://youtu.be/wueFglEyPcU Elementor Dynamic Content: https://elementor.com/help/dynamic-content Image Optimization: https://youtu.be/8BqHUx6Zex4 00:00 - Intro to the Image widget 00:42 - Insert an image widget 00:59 - Image file types and uses 01:29 - Image search engine optimization 03:02 - Image link options 03:38 - Image styling options 04:27 - CSS Filters 04:42 - Image hover effect 05:36 - Round an image

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time 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 display multiple videos for your courses, collections, and more. This tutorial will cover: ✔ How to configure and style the Video Playlist Widget ✔ Adding videos from YouTube or self hosted ✔ Separating your videos using sections ✔ Adding tabbed content to your videos ✔︎ And much more! Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com/​ Get Pro: https://elementor.com/pro See also: Global Colors & Fonts: https://youtu.be/CjdFxKPPikU Timestamps: 00:00 Intro 00:38 Add and format content 03:59 Style your video playlist

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 shapes with the spacer widget ✔︎ And much more! Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com Get Elementor Pro: https://elementor.com/pro See Also: Landing Page Builder: https://youtu.be/wueFglEyPcU Create Custom Shapes: https://www.youtube.com/watch?v=zRBuIUgf2sY 00:00 - Intro to the spacer widget 00:51 - Adding a spacer widget to your web page 1:27 - Create a Parallax scrolling effect with a background image 2:51 - Create shapes using spacer widget

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 end times ✓ Fallback image (seen on mobile devices) ✓ Background overlay ✓ Blend modes Get Elementor: https://elementor.com