Course Content
The Basics
0/6
Elementor WordPress Tutorial – The Basics in 10 Minutes
11:04
Sections, Columns, Margin & Padding
30:28
[01] Layout Optimization Best Practice
22:16
Introducing New Color Picker and Dark Mode
01:28
Introducing Navigator: Manage Your Entire Layout From One Place
01:44
Introducing Elementor Finder
01:45
Build The Basic Elements
0/8
Header & Footer Design #2: Building Company
08:18
How to create a Transparent Header Menu in WordPress with Elementor Pro
15:02
How to Create a Single Post Template With Elementor Theme Builder
03:19
How to Create an Archive Template With Elementor Theme Builder
04:07
How to Create a 404 Page Template With Elementor Theme Builder
01:43
How to Create a Search Results Page Template With Elementor Theme Builder
01:52
How To Set Up and Enable Maintenance Mode and Coming Soon Pages in Elementor
03:59
How to create Page Transitions
02:01
Essential tips to learn
0/17
How To Use the Spacer Widget in Elementor
04:20
How to Use Elementor’s Lottie Widget [PRO]
06:38
Build a WordPress Grid with GridBuilder WP & Elementor
22:41
Elementor Tutorial: Getting Started – 3 minutes Overview
02:54
Make a Blurred Background Overlay Popup in WordPress using Elementor | Elementor Tips and Tricks
01:57
How to Create a Claymorphism Effect in Elementor
05:03
Typography 101: Font Pairing for Web Creators in Elementor
10:13
How to Change the Cursor Set in Elementor #shorts
00:59
How to Add FAQ Schema Using Elementor and Rank Math?
03:00
Visibility Conditions for WooCommerce Products in Elementor
22:00
So POWERFUL – Dynamic Content for Elementor Tokens (Dynamic.ooo)
22:35
How to Design a Modern App Landing Page Banner Section in WordPress with Elementor
11:29
Elementor Blur Textboxes with Scrolling Effects
03:48
Intersecting Shape Dividers – Merging – Simple Code – Elementor WordPress Tutorial
03:56
How To Make a Digital Business Card With Elementor
12:59
Understanding the Scrolling Effects Viewport – Elementor WordPress Tutorial
06:46
Add Divider Lines to Navigation Menus – Elementor WordPress Tutorial
01:51
Advanced
0/31
How To Use Elementor Tutorial – Building Your First Pages
11:21
How to Use the Image Widget in Elementor
06:44
Optimizing Your Images
22:00
How to Create a File Download Button in Elementor
03:46
How to Use the Social Icons Widget in Elementor
07:56
How to Add Custom CSS in Elementor [PRO]
04:05
How to Create a Horizontal Scrolling Website [Advanced PRO]
10:36
Hover Text to Change Image using Elementor | WordPress Elementor Pro Tutorial | Elementor Tricks
17:20
Flexpanels in Elementor Pro tutorial no extra plugins
14:34
How to Build an Interactive WordPress Website | Elementor Pro Motion Effects Tutorial
20:10
Create a Popup Text Path Menu with a Hover Image Effect [Advanced PRO]
09:14
Create awesome hover effect elementor icon box
03:27
How to Use Transform in Elementor
05:55
How to Create a Vertical Header [Advanced]
07:29
Create a directory using Elementor, ACF & CPT UI
32:01
How To Create Flashing Images
06:06
[06] WooCommerce Pages Explained
16:40
How to Create a Neumorphic Style Website in Elementor
09:55
Highlight Underline Text Effect in Elementor WordPress
07:15
Elementor Pro WordPress Tutorial – The Core Skills (Part 1)
01:09:20
Glassmorphism CSS Tutorial – Login Screen With Elementor Pro
17:20
Create Vibrant Gradient Backgrounds in Elementor
10:10
Create Responsive Image Hotspots with Elementor
10:30
Open a Pop-Up when you click on Text – Elementor WordPress Tutorial
03:58
CSS Image Transitions on Scroll (Elementor Tutorial)
14:09
MUST WATCH – Remove Duplicate Images from WordPress Database – Media Library Settings
11:19
Adding a Codepen HTML CSS JS and External JS to an Elementor Page – Elementor WordPress Tutorial
04:55
Global Color – Global Fonts – Typography – Root HTML REM – Elementor WordPress Tutorial
29:19
Strengthen the Background Overlay Gradient – Elementor WordPress Tutorial
06:28
Sliders – Rearrange and Move the Navigation Dots to the Left or Right – Elementor WordPress Tutorial
03:04
Make your Fonts Responsive with Font Clamp – Shrink and Enlarge – Elementor WordPress Tutorial
07:31
Advanced 2
0/7
Send a Personalized Email Confirmation From a Contact Form in Elementor [PRO]
05:50
Elementor – Add Custom Ribbons with Free CSS Tool to your site
04:39
How to Create an Age Gate Popup [Advanced PRO]
16:55
Create an Exit Scrolling Text Effect
08:13
How to Use the WooCommerce Purchase Summary Widget in Elementor [PRO]
11:01
How to Use Page Transitions in Elementor [PRO]
05:35
Bring a Character to Life in Elementor
13:30
Elementor 90:SEC Playlist
0/7
Ask An Elementor Expert – 90:SEC Live Show!
19:00
90:SEC Live Show! Episode #2
22:00
90:SEC Live Show! Episode #3
25:05
90:SEC Live Show! Episode #4
23:10
90:SEC Live Show! Episode #5
26:15
90:SEC Live Show! Episode #6
26:40
90:SEC Live Show! Episode #8
24:04
Elementor Pro Tricks
0/8
Elementor Multi Line Button with Icon (No Plugin) | WordPress Elementor Pro Tricks
03:48
Elementor 3D Flip User Profile Card | WordPress Elementor Pro Tutorial | Elementor Tricks
06:47
Create a Sticky Vanishing Progress Tracker on Your Elementor Blog [PRO]
06:50
Best 8 Elementor Header Scrolling Effects – Sticky Menu, Transparent, Glass, Shrinking, Color Change
16:45
How to Create Dynamic Internal Links 🔗 on Your Elementor Website [PRO] #Shorts
01:00
How to Create a Vertical Progress Tracker [Pro]
06:41
Make a Blurred Background Overlay Popup in WordPress using Elementor | Elementor Tips and Tricks
01:58
Complex Containers with Less Containers – Elementor WordPress Tutorial
10:16
WooCommerce Elementor
0/1
WooCommerce Custom Product Loop in Elementor | Design Product Template
21:38
Elementor: A Complete Tutorial
About Lesson

This video is embedded from Youtube and here’s the original one.
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 widgets and styling. We’ll leave relevant links in the description and info cards in the tutorial if you’d like to review them. The tutorial will cover:
✔︎ Creating a digital business card
✔︎ Using share buttons and social icons
✔︎ Showcase your portfolio
✔︎ Adding and connecting a popup
✔︎How to share your card
✔︎ And much more!
Timestamp:
00:00 Intro
00:40 Why use a digital business card
01:16 Tutorial overview
01:43 Set page structure
02:15 Add content to card
04:42 Media carousel
05:46 Social icons and action links
07:06 Create popup
08:24 Share buttons
09:12 Add a QR code
09:55 Connect popup to card
10:46 Optimize for responsive
11:56 Share card

Previous
Next
0% Complete
Scroll to Top