# eKard > eKard is a digital business card with online booking built in. A person or a team makes a card (a Kard) that lives at its own web address, shares it by QR code or link, collects the contacts of the people who save it, and takes bookings from it with eKard Calendar. Everything an account can do on the web, an AI agent can do through the eKard Agent API. eKard is for anyone who hands out a business card (freelancers, consultants, shop owners, sales teams), for teams that want one brand across many cards, and for businesses that run on appointments (salons, spas, clinics, studios, tutors, coaches and consultants) and want clients to book from the card. Visitors need no app and no account. The card is free to start; paid plans add a name link, more Kards and analytics. This file holds what eKard does, its plans, every University course and the Agent API reference. The short version, as links: https://ekard.app/llms.txt ## What eKard does ### Cards #### Digital business cards A card with a name, photo, contact channels, links, payment details and an About section, at its own web address. Visitors need no app: one tap saves the card to their phone's contacts. For: Anyone who hands out a business card. More: [Make your first Kard](https://ekard.app/university/make-your-first-kard), [Contact channels](https://ekard.app/university/contact-channels), [Custom links](https://ekard.app/university/custom-links), [Share your card](https://ekard.app/university/share-your-card) #### Layouts and custom designs Seven built-in looks, all free, or your own HTML published as the card's page, with the card's details filled in automatically. More: [Choose a layout](https://ekard.app/university/choose-a-layout), [Design your own page](https://ekard.app/university/design-your-own-page) #### QR codes Every card has a QR code that can be restyled and carry a logo. A printed code keeps working when the card changes. More: [Your QR code](https://ekard.app/university/your-qr-code) #### Contacts and lead capture Visitors who save a card can send their own details back. Every exchange lands in the card's contacts, which can be searched, grouped by event (a trade fair, a conference) and exported as a spreadsheet. For: Anyone who meets people worth following up: at a counter, a fair or a conference. More: [The exchange](https://ekard.app/university/the-exchange), [Your contacts](https://ekard.app/university/your-contacts) #### Analytics Views and link clicks, filtered for bots and counted without cookies, with devices, sources and a map of where the card travels, plus a monthly report by email. More: [What gets counted](https://ekard.app/university/what-gets-counted), [The Analytics tab](https://ekard.app/university/the-analytics-tab), [Emails from your card](https://ekard.app/university/emails-from-your-card) #### Documents Up to ten files on a card (menus, catalogues, price lists), each with its own short link and QR code. More: [Attach documents](https://ekard.app/university/attach-documents), [Document links and QRs](https://ekard.app/university/document-links-and-qrs), [Menus for restaurants](https://ekard.app/university/menus-for-restaurants) #### Organizations and team cards A team's cards under one brand: a shared logo and layout, team web addresses, and a dashboard for the people who run it. The eKard team sets organizations up on request. For: Companies, shops and practices with more than one person on the card. More: [Organizations on eKard](https://ekard.app/university/organizations-on-ekard), [Team branding and links](https://ekard.app/university/team-branding-and-links) #### Custom domains A card served at the root of its owner's own domain, with the ekard.app link still working beside it. Set up on request. More: [Custom domains](https://ekard.app/university/custom-domains) ### Calendar #### Online booking A Book button on the card opens a booking page where clients pick a service, who with and a time, with no account and no app. They get a confirmation and a link to reschedule or cancel. It works the same for one person taking calls and for a salon with a team. For: Consultants, coaches and tutors taking sessions; salons, spas, clinics and studios running appointments. More: [Online booking](https://ekard.app/online-booking), [Take bookings from your Kard](https://ekard.app/university/take-bookings-from-your-kard), [Set up your calendar](https://ekard.app/university/set-up-your-calendar), [Services and meeting types](https://ekard.app/university/services-and-meeting-types), [Booking rules](https://ekard.app/university/booking-rules), [Requests and advances](https://ekard.app/university/requests-and-advances), [Share your booking link](https://ekard.app/university/share-your-booking-link) #### Front desk Day and week views with a column per team member, walk-ins, phone bookings in seconds, blocked time, drag to move or resize, and visits marked paid with the day's takings. Changes show on every open screen at once. For: Businesses with a reception desk or a team. More: [The front desk](https://ekard.app/university/the-front-desk), [Getting paid and takings](https://ekard.app/university/getting-paid-and-takings) #### Client records Every client's visits, notes, an alert note (an allergy, say) and no-show and cancellation counts. Clients come in from a spreadsheet or from the card's contacts. More: [Your clients](https://ekard.app/university/your-clients) #### Confirmations and reminders Email confirmations with a calendar invite, reminders 24 hours and 2 hours before, and a one-tap WhatsApp message to the client from the front desk. More: [Reminders and messages](https://ekard.app/university/reminders-and-messages) #### Calendar sync Once Google Calendar or Microsoft 365 / Outlook is connected, its busy times close bookable slots and new bookings land in it. A private calendar feed works with Apple Calendar and other calendar apps. More: [Connect your calendar apps](https://ekard.app/university/connect-your-calendar-apps) #### Front desk and staff logins An organization's admins invite a receptionist to run every booking, and team members to see the day and keep their own hours. More: [Your team](https://ekard.app/university/your-team) #### Booking webhooks Every booking change sent to Zapier, Make or your own server, signed to the Standard Webhooks spec. More: [Booking webhooks](https://ekard.app/api/v1/docs), [Webhooks and the API](https://ekard.app/university/webhooks-and-the-api) ### Free tools #### WhatsApp opener Open a WhatsApp chat with any phone number without saving it as a contact. Free, no account. More: [WhatsApp opener](https://ekard.app/tools/whatsapp-opener), [The WhatsApp opener](https://ekard.app/university/the-whatsapp-opener) #### Kard builder Design a card before signing up: type a name, pick a look, watch it take shape. Free, no account. More: [Kard builder](https://ekard.app/tools/kard-builder) ### For AI agents #### Agent API Everything an account can do on the web, an AI agent can do over HTTP with the account's API key: cards, contacts, documents, QR codes, designs, analytics, organizations, bookings and availability. For: Account owners who work through an AI assistant, and developers connecting eKard to their own tools. More: [Agent API](https://ekard.app/developers) ## Plans - Free: The card, its QR code, unlimited scans, custom links, documents, every design and the contacts it collects. It never expires. - Starter, ₹500 once: Your name link (ekard.app/you), 2 Kards and starter analytics with a 7-day history. - Professional, ₹1,000 a year: Your name link, up to 20 Kards, advanced analytics with lifetime history, the contact management suite and priority support. - Unlimited, ₹5,000 once: Up to 100 Kards, every current and future feature, custom branding and VIP support. Prices are in Indian rupees, billed by Razorpay. Details: [Pricing](https://ekard.app/pages/pricing), [Plans and billing](https://ekard.app/university/plans-and-billing). ## University Short, plain-language courses on everything a card can do: https://ekard.app/university ### Chapter 1: Getting started From a blank page to a card in hand. #### Create your account https://ekard.app/university/create-your-account (2 min). One form signs you up and signs you in — with Google or an email and password. There is one door into eKard. The page at [`/sign_up_or_login/new`](https://ekard.app/sign_up_or_login/new) is headed "Log in to eKard", yet it is also the only sign-up form — what you enter decides which of the two happens. ##### Two ways in **Google.** Press "Continue with Google" and pick an account. First time through, eKard creates your account on the spot — name, email and photo come across from Google. Every visit after that, the same button signs you in. **Email.** Fill in "Email" and "Password", then press "Continue with email". An address eKard has never seen creates an account instantly; a known address is checked against its password and signs you in. New passwords need at least eight characters, and there is no verification email in either case — nothing to wait for in your inbox. Started with email and pressed "Continue with Google" later? Same address, same account: the two link automatically, and your password keeps working. ##### Where you land A Google sign-in with no Kards yet goes straight to the new-card form at `/kards/new`; everyone else lands on the Kards list at [`/kards`](https://ekard.app/kards). Either way, the next stop is [the course on making your first Kard](https://ekard.app/university/make-your-first-kard). Forgotten passwords have their own door — the "Forgot password?" link on the same page. The reset flow is covered in [the course on your account](https://ekard.app/university/your-account). > **Careful:** Because an unknown email creates an account instantly, a typo at sign-in does not fail — it opens a fresh, empty account. If your Kards seem to have vanished, check the address you typed before anything else. [Open the door →](https://ekard.app/sign_up_or_login/new) #### Make your first Kard https://ekard.app/university/make-your-first-kard (3 min). A name is the only required field. Everything else can wait. Your Kard begins on the Kards list at [`/kards`](https://ekard.app/kards): press "New Kard" — a brand-new account also shows a "Create a Kard" button on its empty state. Both open the same page, headed "Create your Kard". ##### One field is required The form offers plenty — tagline, photo, contact channels, links — but only **Name** is required, between 4 and 100 characters. The page says it plainly: "Your digital business card — fill in what you have; everything can be changed later." If you typed your name into the try-on field on the eKard homepage, it is already waiting in the Name box the first time this form opens. > **Careful:** Names shorter than 4 characters are rejected — "Name is too short (minimum is 4 characters)". A two- or three-letter brand name will not pass as typed. ##### Press Create Kard Press "Create Kard" and the card exists. You land on its owner view with a congratulations notice, and a welcome email arrives carrying the card's details — the share link, the QR attached as a PNG, and a "Download the QR" link. ##### Your link is already working Every new Kard is assigned a random five-character link — letters and digits, something like `ekard.app/k3fp9` — and the public page is live there from the moment the card is created. The code is not yours to choose; named links are a separate matter, covered in [the course on your link and your name](https://ekard.app/university/your-link-and-your-name). ##### Change anything later Nothing on the form is engraved. "Edit Kard" on the owner view reopens it — headed "Edit your Kard" — and "Update Kard" saves your changes. Name, photo, channels, links: every field stays editable for the life of the card. The owner view around it, tab by tab, is [the course on finding your way around](https://ekard.app/university/find-your-way-around). [Create your Kard →](https://ekard.app/kards/new) #### Find your way around https://ekard.app/university/find-your-way-around (3 min). Your card has two faces — the public page and the owner view with its five tabs. The **public page** is what anyone who follows your link or scans your QR sees. The **owner view** is your side of the counter: sign in, open the card from your Kards list, and the dashboard is yours alone. ##### The public page It lives at your card's link — `ekard.app/…` — and asks nothing of your visitor: no app to install, any browser, on any phone. What it shows is exactly what you put on the card. New cards start **hidden from search engines**. Until you flip the toggle on the card's Settings tab — it reads "Kard is hidden from search engines." until you switch it — your page is found only by people who hold the link or the QR. ##### The owner view Opening a card from the list lands you on its Share tab, with an "Edit Kard" button close by and five tabs across the top — a dropdown on phones. Desktops keep a "Live preview" of your public page beside the tabs; phones get a "Preview" button instead: - **Share** — the link, the QR and one-tap shortcuts, ready to hand out. Next in this chapter: [Share your card](https://ekard.app/university/share-your-card). - **Documents** — files that ride along with the card: price lists, menus, paperwork. See [the course on attaching documents](https://ekard.app/university/attach-documents). - **Analytics** — the numbers behind the card: views and link clicks, with the full dashboard on paid plans. See [the course on the Analytics tab](https://ekard.app/university/the-analytics-tab). - **Contacts** — the people who shared their details back through your card, kept in one place. See [the course on your contacts](https://ekard.app/university/your-contacts). - **Settings** — visibility, layout, the QR logo and the delete button. See [the course on Kard settings](https://ekard.app/university/kard-settings). ##### A label only you see The card editor's "Private" section holds a **Nickname** — a label only you see, to tell lookalike Kards apart on your list. It lives with the rest of the identity panel in [the course on name, tagline and photo](https://ekard.app/university/name-tagline-photo). ##### When edits appear Public pages are served from a cache at the network edge. Every save refreshes that cache in the background, so a fresh edit can take a short moment to appear on the live page. If you reload and see yesterday's card, wait a beat and reload again. [Open your Kards →](https://ekard.app/kards) #### Share your card https://ekard.app/university/share-your-card (3 min). Copy the link, hand over the QR, or use the one-tap quick links. Open a card from your Kards list and you are already where you need to be: the owner view lands on the **Share** tab, and everything on it exists to put your card in someone's hands. ##### Your link, ready to send A read-only "Share link" field holds your card's address, with a "Copy" button beside it. The panel's own words set the terms: "Anyone with this link can view your Kard and save your contact details." On a phone, a "Share via…" button opens the device's native share sheet, so the link drops straight into any chat. Desktops keep to Copy; and on mobile, each card on your Kards list carries its own "Share Kard" button. ##### Quick links Put a WhatsApp number or a Google Business link on your card and the Share tab grows a "Quick links" section — "One-tap shortcuts people can use to reach you — share or copy them anywhere." - **WhatsApp** — your link with `/whatsapp` on the end. Opening it starts a WhatsApp chat with you. - **Maps location** — your link with `/location` on the end. Opening it shows your location in Google Maps. Each row carries its own Share button on mobile, Copy on desktop. These two are the only shortcuts — each appears when the matching detail is on the card, and not before. ##### The QR, briefly The "QR code" panel shows the code that opens your card: "Anyone who scans this code lands on your Kard — print it or add it to signage and packaging." "Download QR" saves it as a PNG; "Add your logo to the QR" sets your own mark into the middle of the code. The deeper craft — logo rules, and how the QR stays correct when your card changes — is [the course on your QR code](https://ekard.app/university/your-qr-code). ##### Three counters, from day one Above the panels sit three running totals for the life of the card: **Views** — the number of times your Kard has been viewed; **Contacts** — people who shared their contact info through it; **Link clicks** — the times your custom links were clicked. The counters are there on every plan, free included. What each number counts, precisely, is [the course on what gets counted](https://ekard.app/university/what-gets-counted). [Hand your card out →](https://ekard.app/kards) ### Chapter 2: Filling in your card Every field, what it does, and where it shows. #### Name, tagline, photo https://ekard.app/university/name-tagline-photo (3 min). The identity panel — plus the private nickname only you can see. Everything in this course lives on the Kard editor. From **Kards**, open the Kard and press "Edit Kard" — the form is the same one you met in [Make your first Kard](https://ekard.app/university/make-your-first-kard), and nothing on the card changes until you press "Update Kard". ##### Name and tagline The **Identity** panel carries the lines everyone reads first. **Name** is the only field the form insists on — 4 to 100 characters, so a two-letter brand name needs spelling out. Use the name people should save you under; it is the headline of the card. **Tagline** is the one-line role or company text under your name — the form's own suggestion is "Digital Artist". It works twice: printed under your name on the card, and as the link-preview description when your card is shared into a chat. One line that says what you do earns its keep in both places. If you belong to an organization, an **Organization** dropdown appears in this panel too. It is a one-way door: pick one and the Kard moves to the team's address — the old link stops working, any QR already downloaded or printed points at a dead page, and the form offers no way back to a personal card. No organization, no dropdown — see [Organizations on eKard](https://ekard.app/university/organizations-on-ekard) for what membership changes. ##### Your photo The **Photo** panel asks for "A clear photo of you — or your logo." Choose an image and the preview updates at once, before anything is saved. JPEG, PNG, GIF and WebP are accepted, up to 5 MB. > **Good to know:** Your browser compresses the photo before it uploads — scaled down to at most 1920 pixels wide — and the 5 MB limit applies to the compressed file. A large photo straight off the camera usually fits. To take a photo off the card, tick "Remove current photo" — the checkbox is there only while a photo exists — and save. Like every change on this form, the removal happens on save, not on tick. ##### A nickname only you see The **Private** panel holds a single field: **Nickname**, "a label to tell your Kards apart", as the form puts it — something like "Trade-fair Kard". It never appears on the public page. On your own Kards list it stands in for the share-link line, so two lookalike Kards never get mixed up. Identity settled, wire up the ways people reach you — [Contact channels](https://ekard.app/university/contact-channels) is next door. [Open your Kards →](https://ekard.app/kards) #### Contact channels https://ekard.app/university/contact-channels (4 min). Twelve channels, toggled with chips. Tick one and its field appears. The **Social links** panel of the Kard editor — **Kards → Edit Kard** — holds the row of chips, and every chip you tick becomes something a visitor can tap: a call, a chat, a follow, a payment. Tick, fill the field that appears, press "Update Kard", and the channel is live. Untick a chip and its field folds away again. The twelve, by name: **Phone**, **WhatsApp**, **Email**, **Instagram**, **Google Business**, **LinkedIn**, **UPI**, **Website**, **Telegram**, **YouTube**, **Facebook**, **Twitter**. Every one is optional. What a field expects depends on its kind. ##### Numbers **Phone** and **WhatsApp** use an international phone input with your country already picked, detected from your location. The two are independent — a card can carry WhatsApp without a phone line, or the other way round. Phone is forgiving: any possible number passes. WhatsApp checks harder — it must be a fully valid number before the form will save it. Fill **WhatsApp** or **Google Business** and your Share tab gains "Quick links" — one-tap shortcuts covered in [Share your card](https://ekard.app/university/share-your-card). ##### Handles **Instagram**, **Telegram** and **Twitter** want the bare username — letters, digits, dots and underscores, nothing else. The field already wears the `@`, and a leading `@` you type anyway is stripped automatically. No profile links here; the username alone is the whole entry, and the card turns it into the right link on its own. ##### Full addresses **Website**, **LinkedIn**, **YouTube**, **Facebook** and **Google Business** are the opposite: each wants the complete web address, `https://` (or `http://`) included. A bare `example.com` is rejected before the card saves — copy the address out of your browser's address bar and the scheme comes along on its own. Custom links elsewhere on the card follow the same rule; see [Custom links](https://ekard.app/university/custom-links). ##### The other two **Email** takes the address you want visitors writing to — the inbox that truly gets read. **UPI** takes the ID you get paid at and puts a pay link on your public card; amounts, layouts and the visitor's side of it are covered in [the course on taking payments with UPI](https://ekard.app/university/take-payments-with-upi). > **Careful:** Unticking a chip does more than hide its field — the next save permanently clears that value. Untick to hide is also untick to erase. To reword or correct a value, leave the chip ticked and edit the field instead. On the public page, each layout arranges the same channels its own way — an icon row on one look, ledger rows or machined keys on another. The data is yours; the arrangement belongs to whichever look you pick in [Choose a layout](https://ekard.app/university/choose-a-layout). And there is no need to fill all twelve. Four channels you actually answer beat twelve you don't — a chip ticked next month joins the card without disturbing the rest. [Open your Kards →](https://ekard.app/kards) #### Custom links https://ekard.app/university/custom-links (3 min). Point visitors anywhere — a portfolio, a booking page, a price list. Up to twenty. A custom link is a row on your public card with two parts — words to read, an address to open. The **Links** panel of the Kard editor manages them, and every look renders them: the Default layout lists them under "Links"; Letterhead files them under "Index" and Jharokha under "Catalogue & Trade", sharing the shelf with your documents. Same rows, different dress. ##### Add one 1. Open the Kard editor — **Kards → Edit Kard** — and scroll to **Links**. 2. Press "Add link". A row appears with two fields, **Title** and **URL** — both required. 3. Fill **Title** with words worth tapping — "Book a table", "Winter price list" — and **URL** with the full address. 4. Press "Update Kard". > **Careful:** The URL needs its scheme: `https://example.com` passes, a bare `example.com` is rejected before the card saves. Copy the address from your browser's address bar and the `https://` rides along. A card holds up to 20 links. To drop one, press the trash icon on its row ("Remove this link") — the row clears at once, but the deletion is real only when you save. Leave the page without saving and the link survives. Save it, and the link's click history is deleted with it — the counts do not come back. Spend the rows on the things people ask about anyway: where to book, what it costs, what the work looks like. A row that answers a question a visitor was about to type — the price list, the catalogue, the calendar — saves both of you a message. And twenty rows is more card than most businesses need; if you find yourself running out, point one row at your website and let it do the sprawling. ##### Taps are counted Every visitor tap on a custom link is recorded as a link click — counting runs on every plan, with nothing to switch on. On paid plans, the **Analytics** tab breaks the clicks out row by row, so you can see which links earn their place and which never get touched. The course on [What gets counted](https://ekard.app/university/what-gets-counted) covers what is measured and how. One distinction worth keeping: links point away from the card, documents travel with it. A PDF price list with no home on the web can ride on the card itself — see [Attach documents](https://ekard.app/university/attach-documents). [Open your Kards →](https://ekard.app/kards) #### The About section https://ekard.app/university/the-about-section (2 min). A rich-text description with formatting, and how it appears on the card. The **About** panel sits low on the Kard editor, between **Links** and **Private**, and it is the one place on the form built for sentences. Everything else is a field; this is where the paragraphs go. Write what the one-liners can't carry: what you do, for whom, since when, and what happens when someone gets in touch. Short paragraphs and a list read better on a phone than one long block. ##### What the editor does The **Description** box is a rich-text editor. Shape the text with bold, italics, links, lists, quotes and headings — the formatting is applied in place as you write, no markup to learn. Headings split a long story into sections; a list carries services or specialities better than a comma-chain. It takes no attachments — files and images dropped into the editor are refused, by design. The card's picture has a panel of its own ([Name, tagline, photo](https://ekard.app/university/name-tagline-photo)), and anything a visitor should carry away belongs with your documents ([Attach documents](https://ekard.app/university/attach-documents)). ##### How it reads on the card On the Default layout the text appears under an "About" heading, after your links. Most other looks keep that title — Mohur calls it "The House", and the Links look runs the text under your tagline with no heading at all — but the words are the same words. On every look except Links, past 500 characters of plain text the rest folds behind "show more" until a visitor taps for it. > **Good to know:** On most looks only the first 500 characters show unprompted — the Links look shows the whole text. Lead with what must be read; the detail can live below the fold for whoever wants it. [Open your Kards →](https://ekard.app/kards) #### Take payments with UPI https://ekard.app/university/take-payments-with-upi (3 min). Put a payment ID on your card and let visitors pay you in two taps. Wherever UPI is how money moves, your card can be where people pay you — at the counter, at the stall, at the end of a call, wherever the card is already in front of the payer. Add one ID and every look renders a pay link from it: visitors pay from their own UPI app, whichever one they keep, and the payment lands with you directly. There is nothing to configure beyond the ID itself. ##### Add your ID 1. Open the Kard editor — **Kards → Edit Kard** — and find the **Social links** panel. 2. Tick the **UPI** chip. A field appears below. 3. Enter your payment ID, shaped like `example@upi` — letters, digits, dots or hyphens, then `@`, then letters. 4. Press "Update Kard". The chip lives with the other eleven channels; [Contact channels](https://ekard.app/university/contact-channels) tours the whole panel. ##### What a visitor gets A pay link, on every look — on the Default layout the section says it in full: "Pay by UPI · any app". On Default, Letterhead, Jharokha and Mohur, visitors also get preset amount chips of ₹100, ₹500 and ₹1,000; Yantra's saffron PAY key opens a "PAY BY UPI" tray carrying the same chips plus a ₹5,000 one. Letterhead, Jharokha, Mohur and Yantra take a typed amount besides. Tapping an amount opens the visitor's UPI app with the figure filled in; the Letterhead slip prints the promise plainly — "Amounts open your UPI app, filled in. Or copy the ID above." Visitors who prefer their own flow can do exactly that: on every look but Links and Restaurant, the ID itself copies with a tap, ready to be pasted into any UPI app at any amount. Those two keep payment one tap away instead — a "Pay (UPI)" button on Links, "Pay the bill · UPI" on Restaurant, each opening the visitor's UPI app directly. The dress changes with the layout — a perforated payment slip on Letterhead and Mohur, a khadi-paper tray on Jharokha — but the plumbing is the one ID you typed. [Choose a layout](https://ekard.app/university/choose-a-layout) shows all seven looks. > **Good to know:** The money moves from the visitor's UPI app straight to you. eKard never touches it — the card carries your ID and nothing else about the payment. [Open your Kards →](https://ekard.app/kards) ### Chapter 3: The look of it Seven built-in looks — and a blank canvas. #### Choose a layout https://ekard.app/university/choose-a-layout (4 min). Default, Links, Restaurant, Letterhead, Jharokha, Mohur, Yantra — all free, all one dropdown away. Open **Kards** in the header, click the Kard, then go to **Settings → Layout** — "Choose how this Kard's public page looks." Pick a look and press **"Save layout"**. The flash confirms "Kard layout updated successfully", and saving refreshes the cached copy of your public page, so the new look shows up promptly. ##### The seven looks All seven are free, on every plan — the four named looks are the ones the eKard home page calls its voices. In the order the picker lists them: - **"Default"** — dark and photo-forward: your photo full-bleed over near-black, a serif name, one orange accent. - **"Links"** — a light link-in-bio list: pastel gradient, round photo, a white button for each channel and link. - **"Restaurant"** — a velvet menu cover in deep green, cream and brass that sets your uploaded documents as the menus — see [the course on menus for restaurants](https://ekard.app/university/menus-for-restaurants). - **"Letterhead — engraved & formal"** — ivory paper, near-black ink, a hairline frame and a red seal. - **"Jharokha — heritage gold & ink"** — deep red ink and zari gold, your photo in a carved-arch frame. - **"Mohur — midnight foil"** — a pale pressed card in a near-black velvet box; the gold foil shifts as the phone tilts. - **"Yantra — machined instrument"** — a warm-black casing with keycaps that press, engraved mono labels and one saffron pay key. ##### Same data, different clothes A layout changes nothing you have entered. Links, documents, contacts, payment details, About — everything stays; each look only re-dresses it. Your documents, for instance, appear as "Menus" on Restaurant, an "Index" on Letterhead and "Enclosures" on Mohur. Your link and QR do not change either, so you can switch looks any time without breaking anything you have printed or shared. ##### Preview a look on the live card Add `?layout=` to your card's URL — say `ekard.app/k3fp9?layout=mohur` — and that visit renders in the requested look. The names are `default`, `links`, `restaurant`, `letterhead`, `jharokha`, `mohur` and `yantra`; anything else is ignored. On a personal card this works for anyone who has the link, which makes it a preview you can send — the same card in two looks, compared before you save either. (Organization cards ignore the parameter unless the organization has switched it on.) ##### When the picker steps aside Two rows of small print. A published **custom design** — a page you write in your own HTML — replaces the built-in looks entirely; while one is live, Settings notes that the layout picker is ignored. That path is covered in [the course on designing your own page](https://ekard.app/university/design-your-own-page). And on an organization's card, the dropdown's blank row reads **"Use organization default"**: save it and the card follows the layout your organization has set, until you pick one of your own. See [the course on team branding and links](https://ekard.app/university/team-branding-and-links). [Open your Kards →](https://ekard.app/kards) #### Design your own page https://ekard.app/university/design-your-own-page (5 min). Publish your own HTML as your public card. Your data fills in automatically. The built-in looks share one assumption — eKard arranges your page. This course removes it. A Kard's owner can replace the public page's body with HTML they wrote themselves, served at the same link and filled with the same live card data. One honest requirement: you write the HTML and CSS yourself. If you would rather not, [the course on choosing a layout](https://ekard.app/university/choose-a-layout) covers the seven ready-made looks. ##### From draft to live 1. Open the Kard's **Settings → Custom design** panel and press **"Open design editor"**. 2. Write your page. On first visit the editor is pre-filled with a working starter design that uses every kind of slot, and a cheat sheet — "What can I put in my design? (cheat sheet)" — sits in the editor with copy-paste examples. 3. Press **"Save draft"**. Drafts never reach visitors; the live page keeps its current look. 4. Press **"Preview draft"** — the saved draft opens in a new tab, visible only to you, rendered exactly as publishing will render it. 5. Press **"Save & publish"**. Visitors now see your design at your link. Step back any time with **"Revert to standard design"**: visitors see your chosen built-in layout again, and the draft stays saved in the editor, ready to re-publish later. ##### Slots keep the design current Static HTML would go stale the day you changed a phone number. The `data-kard-*` attributes prevent that: they mark elements eKard fills with live card data each time the page renders. `

` becomes your name; `` becomes your photo; a container marked `data-kard-each="custom_links"` repeats its first row once per link, and the same pattern lists your documents and contact channels. `data-kard-action` wires eKard behaviours — save-contact, the exchange sheet, your QR page, your booking page (it shows only while you take bookings) — and `data-kard-requires` removes a section when the data behind it is empty. Because the fill happens at render time, editing your card later updates the published design automatically. No re-publish. ##### Publishing cleans the page "Save & publish" sanitizes a copy of your draft before it goes live. Scripts never survive, and neither does anything fetched from another server — external images, stylesheets, fonts and frames are all stripped. So your CSS lives in the page, in `