Download a VCard on button click


Hide and Show onClick in Elementor

Add Your Heading Text Here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. now hide Lorem ipsum dolor sit amet,

Scroll Down Icon Png 3

Change css on scroll

We needed to build a method to change css color on scroll Scroll down to see the color change This line and the title above are going to change colour.

Add a vcard on button click in elementor


This is how you can create a vcard on a button click

If you’re directing people to a page by QR code from a phone, it can be useful for them to be able to populate their contacts with your business info.

<p align=”center”><button style=”background-color:#C92159; color:white;text-transform: uppercase;” onclick=”generateVCard()”>Generate vCard</button>
function generateVCard() {
var vCardData = {
firstName: “Ian”,
lastName: “Phillips”,
organization: “Kuchi Solutions”,
email: “[email protected]”,
phone: “0781 805 5691”

var vCardString = “BEGIN:VCARD\n” +
“VERSION:3.0\n” +
“FN:” + vCardData.firstName + ” ” + vCardData.lastName + “\n” +
“ORG:” + vCardData.organization + “\n” +
“EMAIL:” + + “\n” +
“TEL:” + + “\n” +

var blob = new Blob([vCardString], { type: “text/vcard;charset=utf-8” });
var url = window.URL.createObjectURL(blob);
var a = document.createElement(“a”);
a.href = url; = “contact.vcf”;

Sign up for a Consultation

If you would like to discuss your eCommerce website then we can offer a 30 minute consultation for FREE

let’s have a chat!

Just click on the button below and book a FREE 30 minute conversation regards your project.

Waiting To Hear From You Regarding Your Web Design Services
Waiting To Hear From You Regarding Your Web Design Services

get in touch