سلام وقتتون بخیر
در خصوص طراحی HTML کارت ویزیتون که میتونید از طرح های رایگان توی اینترنت استفاده کنید. قالب های HTML رایگان زیادی هستند.
ولی برای قسمت کلید ذخیره مخاطب، کدی رو آماده کردم که می تونید ازش استفاده کنید.
این کد ترکیبی از HTML و JS هست. بخش HTML فقط یک خط اصلی داره که برای تعریف کلید استفاده شده:
<button id="save-btn">ذخیره مخاطب</button>
و کدهای جاوا اسکریپتش که اجباریه و داخلش در خط 5 و 6 و 7 سه آیتم نام، شماره و ایمیلتون رو باید جایگزین کنید:
var saveBtn = document.getElementById("save-btn");
saveBtn.addEventListener("click", function () {
// Get the contact information from the website
var contact = {
name: "اسم مخاطب",
phone: "09123456789",
email: "info@example.com"
};
// create a vcard file
var vcard = "BEGIN:VCARD\nVERSION:4.0\nFN:" + contact.name + "\nTEL;TYPE=work,voice:" + contact.phone + "\nEMAIL:" + contact.email + "\nEND:VCARD";
var blob = new Blob([vcard], { type: "text/vcard" });
var url = URL.createObjectURL(blob);
const newLink = document.createElement('a');
newLink.download = contact.name + ".vcf";
newLink.textContent = contact.name;
newLink.href = url;
newLink.click();
});