How To Make a Digital Business Card With Elementor
👋🏼 Help us improve by answering this short survey:
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!
🔔 Subscribe to our channel!🔔
Get Elementor:
Get Elementor Pro:
See Also:
Icon List widget:
Social Icons –
Media carousel –
Share Buttons –
QR Code Monkey –
Chapters:
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
Great tutorial!
I've created my own animated business cards which include a QR code to save my contact details to a prospective clients phone. People are always super impressed by it. I've also hosted the animated card on my website.
jejeje i did it. Nice!!!
I have create two columns section and try to insert background image on both column and inside the column there is one text. Background image is adjusted with text height but I want that div around 400px of height
How to do that need some help.
You should make more videos tuts, teaching How to make a beautiful websites with complex layouts.
such a great idea thanks for the video
Nice video. As written below by others – it is missing the download contact or add to contacts button. most important issue in BC.
Great tutorial video. Could you do a video on this topic on Gutenberg?
Thanks
If I click on your “digital business card”, it’s because I want to save your data. That’s literally the only button needed—not all these share buttons
amazing
Awesome will have see more carefully being a newbie and try working on it. Thank you you guys Rock !!!!
Nice!
Thanks for this informative session
Add cool addition would be an "Add to contacts" button which would enable a visitor to add all of the contact information into their phone contacts
It's Wonderful!!
are flex container stable to use now?
Nice project.
Nice
First!