Aditya World: Free Download QR CODE vcard generator

You can easily store our business contact details like First Name, Last Name, Organization, Job Title, Website URL, Email etc., inside VCARD and this XML based VCARD content can be stored in the form of square pixel QR Image. After embedding the VCARD inside this QR Image, we can add this image in our hardcopy business card design and print them.

Customers can now easily scan the QR Image printed on the business card and store your business contact details in their mobile easily. And yes, your business card with QR Code looks SIMPLE and SMART !!!

You can use our below HTML code to make QR Code with your Business VCARD embedded easily.

XHTML

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

<html>

<script>

function generateQRCode(){

var startNode="BEGIN:VCARD"+"\n"+"VERSION:3.0"+"\n";

var endNode="END:VCARD";

startNode+="N:"+lastName.value.trim()+";"+firstName.value.trim()+"\n";

startNode+="FN:"+firstName.value.trim()+" "+lastName.value.trim()+"\n";

startNode+="EMAIL:"+email.value.trim()+"\n";

startNode+="ORG:"+org.value.trim()+"\n";

startNode+="TITLE:"+title.value.trim()+"\n";

startNode+="NOTE:"+url.value.trim()+"\n";

startNode+="URL:"+url.value.trim()+"\n";

startNode+="TEL:"+phoneNo.value.trim()+"\n";

startNode+="ADR:"+address1.value.trim()+";"+address2.value.trim()+";"+city.value.trim()+";"+state.value.trim()+";"+country.value.trim()+";"+zipCode.value.trim()+"\n";

startNode+=endNode;

this.qrImage.style.display ='none';

this.qrImage.src="https://chart.googleapis.com/chart?cht=qr&choe=UTF-8&chs=200x200&chl="

+encodeURIComponent(startNode);

this.qrImage.style.display ='inline';

this.vcard.value=startNode;

this.vcard.style.display ='inline';

this.vcardDiv.style.display ='inline';

this.sampleQR.style.display ='none';

}

</script>

<style>

DIV{

 color:royalblue;

}

H3

{

color:PURPLE;

}

label{

display: block;

font-weight: bold;

font-size: 0.929em;

}

</style>

<body>

<form method="post">

<center>

<h2> adx789.blogspot.in</h2>

<h2>Generate QR Code for your Business VCARD using Google Chart API</h2></center>

<div style="float:left;width:30%;padding-left:20%;">

<label for="firstName">First Name : </label>

<input type="text" id="firstName" value="" size="40">  <br>

<label for="lastName">Last Name : </label> <input type="text" id="lastName" value="" size="40"> <br>

<label for="lastName">Phone No :</label> <input type="text" id="phoneNo" value="" size="40"> <br>

<label for="org">Organisation or Business:</label> <input type="text" id="org" value="" size="40"> <br>

<label for="org">Job Title:</label><input type="text" id="title" value="" size="20"> <br>

<label for="org">Website:</label><input type="text" id="url" value="" size="40"> <br>

<label for="org">Email:</label><input type="text" id="email" value="" size="40"> <br>

<label for="org">Address Line1:</label><input type="text" id="address1" value="" size="40"> <br>

<label for="org">Address Line2:</label><input type="text" id="address2" value="" size="40"> <br>

<label for="org">City:</label><input type="text" id="city" value="" size="40"> <br>

<label for="org">State:</label><input type="text" id="state" value="" size="40"> <br>

<label for="org">Country:</label><input type="text" id="country" value="" size="40"> <br>

<label for="org">Zip Code: </label><input type="text" id="zipCode" value="" size="40"> <br>

<br>

<input type="button" value="Embed VCARD in QRCode Format" onclick="javascript:generateQRCode();"><br>

</div>

<div style="float:right;width:40%;padding-right:10%;">

<div style="display:none;" id="vcardDiv">

<h3>VCARD Created Successfully !!!!!! </h3>

<textarea rows="13" cols="40" style='display:none;' id="vcard" border="2">

</textarea><BR>

<H3>VCARD Embedded QR Code Image</H3> </div>

<div style="display:inline;" id="sampleQR">

<H3>Sample QR Code Image for Officetricks.com Website URL</H3>

</div>

<img id='qrImage' style='display:inline;'

src='https://chart.googleapis.com/chart?cht=qr&choe=UTF-8&chs=200x200&chl=http%3A%2F%2Fofficetricks.com'/>

<h3>

For more Tips and Queries, logon to <a href="http://officetricks.com" target="blank">

http://officetricks.com<a> or email to <a href="mailto:adityakumardixit811@gmail.com">adityakumardixit811@gmail.com</a>.</h3>

</div>

</form>

</body>

</html>

Just save the code as QRVard.html and open it in the browser. Fill in all the details like First Name, Phone No, Organization, Job Title, Email, etc., and click on Embed VCARD in QRcode Format button. You could see the QR Image generated using Google API displayed in the same page.

May be in the future, we would be able to hide a book or movie in a piece of paper in inside this tiny barcode and can easily share to our friends without the need of any data storage component.

Till then, use this small code snippet to make QR Code yourself with VCard embedded in it and make your business cards Compact.

Aditya World

Sunday, 22 February 2015

Free Download QR CODE vcard generator

No comments:

Post a Comment

About Me