# How to Add a vCard to Your Squarespace Website for Download Adding a downloadable vCard to your Squarespace site lets visitors save your contact details directly to their phone or computer with a single click. It's a surprisingly practical feature — and one that Squarespace doesn't handle through a dedicated built-in tool. Understanding *how* it actually works will help you choose the right approach for your situation. ## What Is a vCard and Why Add One to Your Site? A **vCard** (`.vcf` file) is a standardized digital contact card format. When someone clicks a link to a `.vcf` file, their device recognizes it and offers to save the contact — name, phone number, email, website, job title, and more — directly to their address book or contacts app. For professionals, freelancers, consultants, and small business owners, a downloadable vCard on a contact page or portfolio site reduces friction dramatically. Instead of asking visitors to manually type your details, you offer them one click and they're done. ## How Squarespace Handles File Downloads Squarespace doesn't natively offer a "vCard" widget or contact card builder. However, it **does** support file downloads through two mechanisms: 1. **File Block** — A native Squarespace content block that lets you upload a file and display a download button or link directly on any page. 2. **External file hosting + hyperlink** — You host the `.vcf` file elsewhere (Google Drive, Dropbox, Amazon S3, etc.) and link to it from your Squarespace page using a Button Block, Text link, or Image Block. Both methods work. Which one is more appropriate depends on your Squarespace plan, technical comfort, and how often you need to update the vCard. ## Step 1: Create Your vCard File Before adding anything to Squarespace, you need an actual `.vcf` file. There are a few ways to generate one: - **Export from your contacts app.** On iPhone, open a contact → scroll down → tap *Share Contact* → choose to save as a file. On Mac, select a contact in the Contacts app → File → Export → Export vCard. On Windows, open People or Outlook, right-click a contact, and export. - **Use an online vCard generator.** Several free web tools let you fill in fields and download a `.vcf` file immediately. This is useful if you want full control over exactly what fields are included. - **Write it manually.** A `.vcf` file is plain text. A basic example looks like this: ``` BEGIN:VCARD VERSION:3.0 FN:Jane Smith ORG:Smith Consulting TEL:+1-555-123-4567 EMAIL:[email protected] URL:https://www.smithconsulting.com END:VCARD ``` You can create this in any plain text editor and save it with a `.vcf` extension. ## Step 2: Upload the vCard to Squarespace (File Block Method) 📁 This is the most straightforward approach if you're on a **Personal plan or higher**: 1. Open the **Squarespace editor** and navigate to the page where you want the download link. 2. Click the **+** button to add a new block. 3. Search for and select **File** from the block options. 4. Upload your `.vcf` file when prompted. 5. Customize the button label (e.g., "Download My Contact Card"). 6. Save and publish. Squarespace stores the uploaded file and serves it directly. When a visitor clicks the button, their browser or device handles the `.vcf` file according to its default behavior — which typically means opening the contacts import prompt. **One limitation:** Squarespace's File Block doesn't always force a download on every browser. Some browsers may attempt to open the file inline. You can't control this fully from within Squarespace's native editor without adding custom code. ## Step 3: Link to an Externally Hosted vCard (Alternative Method) If you want more control — or if your plan doesn't support file uploads — you can host the `.vcf` file on an external service and link to it: 1. Upload your `.vcf` to **Google Drive**, **Dropbox**, **Amazon S3**, or any file hosting service. 2. Generate a **direct download link** (not a preview link — the file should download immediately when clicked). 3. In Squarespace, add a **Button Block** or highlight text in a **Text Block** and insert the link. This method gives you flexibility: update the file on the hosting platform without touching your Squarespace page. ## Forcing a Download with Custom Code If you need the file to download rather than open in-browser, Squarespace's **Code Block** (available on Business plans and above) lets you add a raw HTML anchor tag: ```html Download My Contact Card ``` The `download` attribute in HTML tells the browser to save the file rather than render it. This isn't universally supported across all browsers, but it works reliably in Chrome, Firefox, and Edge. ## Variables That Affect Your Specific Setup 🔧 Several factors will shape which method works best — and how reliably it performs — for your situation: | Variable | Why It Matters | |---|---| | **Squarespace plan** | File Block and Code Block availability depends on your tier | | **vCard version (2.1, 3.0, 4.0)** | Older versions have broader device compatibility; newer versions support more fields | | **Visitor's device/OS** | iOS, Android, Windows, and macOS each handle `.vcf` files differently | | **Browser behavior** | Chrome and Firefox treat file downloads differently than Safari | | **Update frequency** | If your contact details change often, external hosting is easier to maintain | ## How Different Users Experience the Result A freelancer with a Business plan who updates their details infrequently might find the native File Block perfectly sufficient. A consultant who regularly changes phone numbers or titles might prefer externally hosted files with a stable link. A developer comfortable with HTML will likely want the `download` attribute for cleaner UX. Someone on a Personal plan without Code Block access will be working around limitations that affect their options. The `.vcf` standard itself is well-established and broadly supported — the variables are almost entirely on the Squarespace side and in how different devices interpret file downloads. What the right setup looks like depends entirely on your plan, how often you update your contact details, and how much control you need over the download behavior on your visitors' devices.