A step-by-step guide to adding the Contact block to your UniLink page so visitors can call, email, message, or find your location in one tap — without digging through your bio text to find your details.
- The Contact block displays your contact details — email, phone, WhatsApp, Telegram, address, website, and social profiles — as tappable icons or labeled links, making it the fastest way for visitors to reach you directly from your page.
- The key difference from the Links block: the Links block creates full-width call-to-action buttons for navigation; the Contact block is a compact contact-information display meant for reaching you, not for pushing visitors to external content.
- Keep contact methods to three or four most relevant channels — listing every platform you are on creates noise and reduces the chance that a visitor taps anything at all.
- If you include an address, place a Map block directly below the Contact block so visitors can navigate without switching apps to search for your location manually.
Most people bury their contact information in their bio text — a wall of copy that visitors have to read and parse before finding an email address, phone number, or WhatsApp link that still requires them to manually copy and switch apps. The Contact block in UniLink replaces that friction with a clean row or labeled list of tappable icons. A visitor who wants to call you taps the phone icon and their phone dialer opens. A visitor who wants to send a WhatsApp message taps the icon and WhatsApp opens with your number pre-loaded. An international client who wants to verify your location taps the address entry and Google Maps opens with directions. None of that requires the visitor to read, copy, or search — it just works, immediately, from your page.
What the Contact block does
The Contact block renders your contact information as a set of tappable icons or icon-plus-label pairs, depending on the layout you choose. Each contact entry links to the appropriate protocol: email addresses become mailto: links that open the visitor's email client; phone numbers become tel: links that open the phone dialer; WhatsApp numbers become wa.me links that open WhatsApp with your number pre-loaded; Telegram handles open the Telegram app; addresses open in Google Maps; website URLs open in the browser. The block handles every contact type correctly so you never have to write a custom link format yourself.
Two layout options control how the block appears on the page. The compact icon row shows a horizontal strip of circular icons — a clean, minimal display that takes up very little vertical space and works well when contact information is secondary to the main content of your page. The expanded layout shows each contact entry as a row with an icon on the left, a label (e.g., "Email: [email protected]" or "Call: +1 555 000 0000"), and the tappable area for the full entry. The expanded layout is better when contact information is the primary reason visitors come to your page — service businesses, coaches, and local businesses often benefit from the labeled layout because it removes any ambiguity about what each icon represents.
The Contact block is purpose-built for contact information and nothing else. It is not a replacement for the Links block, which creates full-width navigation buttons for driving visitors to external destinations like your Shopify store, YouTube channel, or booking page. If you want a prominent "Book a call" or "Shop now" button, that belongs in the Links block. The Contact block is where you put the details for how visitors can reach you directly — the phone number, the email, the WhatsApp, the address. Both blocks can coexist on the same page, and the combination of a Links block above and a Contact block below is one of the most effective page structures for service businesses.
Before you start
- Decide which contact channels to include: Go through all the ways visitors could reach you and pick the three or four most relevant for your audience. A local salon that serves mostly domestic clients needs phone, WhatsApp, address, and possibly email. A freelance designer serving international clients probably needs email, WhatsApp, Telegram, and a website link — but no address since they work remotely. Listing every platform you have an account on creates visual noise and dilutes the channels that actually matter for your business.
- Confirm each contact detail is monitored: An email that goes to a mailbox you check once a month, a phone number that rings unanswered, or a WhatsApp number that has notifications turned off all create a bad impression when a visitor uses them. Only include contact methods you actively respond to. This is especially important for email — if your listed email is an old address or a generic inbox with no one assigned to it, remove it and use only the channels you reliably check.
- Check whether your audience is international: If a meaningful portion of your audience is outside your country, WhatsApp is not optional — it is the primary messaging channel in most of Latin America, the Middle East, Africa, and South Asia. Listing only a local phone number or an email address will cause you to miss contact attempts from international visitors who default to WhatsApp for all messaging. Add WhatsApp even if you do not use it domestically, and check it regularly.
- Decide on layout before you start: Choose either the compact icon row (for pages where contact info is secondary and visual cleanliness matters) or the expanded labeled layout (for pages where getting contacted is the main goal and you want no ambiguity). Having this decision made before you open the editor means you configure the block once rather than going back and forth between layouts after the fact.
How to add the Contact block to your page
- Open your page in the Dashboard: Log in to UniLink, go to My Pages, and click Edit on the page where you want to display your contact information.
- Add a new block: Click + Add Block. In the block picker, find the Contact section and select Contact.
- Add your first contact entry: Click + Add contact (or the equivalent add button shown in the block editor). A contact type selector appears — choose from Email, Phone, WhatsApp, Telegram, Address, Website, or Custom.
- Enter the contact value: For each type, enter the corresponding value. For Email, enter your email address. For Phone and WhatsApp, enter your number in international format (e.g., +1 555 000 0000) — international format ensures the link works correctly for visitors from other countries. For Telegram, enter your username or phone number. For Address, enter the full street address that you want to open in Google Maps. For Website, enter the full URL including
https://. - Set a label override (optional): By default, each entry uses a standard label based on its type ("Email", "Phone", etc.). If you want a custom label — "Booking requests" instead of "Email", or "WhatsApp us" instead of "WhatsApp" — enter it in the label field. Custom labels are especially useful in the expanded layout where the label text is prominently visible.
- Repeat for each contact method: Add each of your chosen contact channels in turn. You can reorder entries by dragging them if the order matters — for example, putting the most-used contact method first so it appears as the leftmost icon in the compact layout.
- Choose your layout: In the block settings, select either Icons only (compact row) or Icons with labels (expanded list). Toggle between the two and check the preview to confirm the layout looks correct for your page.
- Configure icon style and card appearance: Choose your icon style (filled, outlined, or colored) and card style (no background, solid fill, bordered) to match your page's design. Consistent icon style across all contact entries gives the block a polished, professional appearance.
- Save and preview: Save the block and open your live page to verify each contact entry links correctly. Tap the email icon to confirm it opens your email client with the correct address pre-filled. Tap the phone icon to confirm the dialer opens with the correct number. Tap the WhatsApp icon to confirm WhatsApp opens with your number loaded — the most common error here is a WhatsApp number missing the country code, which causes the link to fail silently.
Key settings explained
| Setting | What it controls | Best practice |
|---|---|---|
| Contact type selector | Determines which protocol the entry uses — mailto, tel, wa.me, Telegram, Maps, or raw URL | Always use the dedicated type (WhatsApp, not a generic URL) so the platform-specific deep link is generated correctly; generic URLs for WhatsApp or Telegram numbers break on mobile browsers where no fallback is configured |
| Contact value | The email address, phone number, Telegram handle, street address, or URL that the icon links to | For phone and WhatsApp, always use international format with country code (e.g., +44 20 7946 0000) so the link works for visitors outside your home country; domestic-format numbers break for international visitors |
| Label text override | The text label shown next to the icon in the expanded layout; defaults to the contact type name if left blank | Use descriptive custom labels when the default is ambiguous — "Booking requests only" is clearer than "Email" if you have multiple emails and only want inquiries on one; keep labels short (under 25 characters) so they do not wrap awkwardly on narrow screens |
| Layout (icons only / icons with labels) | Whether the block shows just icons in a horizontal row or icons with label text in a vertical list | Icons only for pages where contact info is secondary and you want a minimal footprint; icons with labels for service business pages, coaching pages, and local businesses where clarity about each contact method matters more than compactness |
| Icon style (filled / outlined / colored) | The visual treatment of each contact icon — affects how prominently the block reads against your page background | Filled icons work on lighter backgrounds and create stronger visual weight; outlined icons suit minimal or dark-background designs; colored icons use each platform's brand color (WhatsApp green, Telegram blue) and improve instant recognition, though they create visual complexity if you have many entries |
| Card style (none / solid / bordered) | Whether the contact block has a background card behind it, and whether that card has a border | No background card lets the block float cleanly on your page background; a solid card adds visual separation when the block sits between other elements and you want it to stand out as a dedicated section; bordered card is a lighter version of solid that works well on pages with transparent or gradient backgrounds |
Getting the most from your Contact block
The Contact block does its best work when the contact methods you include match the behavior your audience already has. A salon with a mostly local, walk-in client base should lead with phone — that is how local service customers make appointments. A digital creator with a globally distributed audience should lead with email and WhatsApp — those are the channels that work across time zones and national borders. There is no single "correct" set of contact methods; there is only the set that matches how your specific audience communicates. If you are not sure, look at how existing clients and fans currently contact you and replicate those channels on your page.
One frequently missed opportunity is combining the Contact block with a Map block on the same page for location-based businesses. A restaurant, salon, fitness studio, or retail shop benefits significantly from having both: the Contact block gives visitors the phone number, email, and possibly WhatsApp for reservations or inquiries, while the Map block directly below it shows the location visually and provides a one-tap directions link. Visitors who are ready to visit do not have to open a second app to find where you are — the Map block handles that without them leaving your page. The two blocks together create a complete "how to reach us" section that removes all the practical friction standing between a visitor's interest and an actual visit.
International audiences deserve specific attention when configuring your Contact block. WhatsApp is the dominant messaging platform for much of the world outside the United States — if your audience includes people in Brazil, India, Nigeria, or the Middle East, a missing WhatsApp entry will cause you to miss a substantial portion of contact attempts. Add WhatsApp even if your domestic clients rarely use it. Checking one additional inbox is a small operational cost compared to the contact opportunities you lose by not having it. Similarly, Telegram is widely used in certain markets and tech communities — if your audience profile includes those segments, the Telegram entry earns its place in the block.
Troubleshooting common issues
| Problem | Likely cause | Fix |
|---|---|---|
| WhatsApp link opens WhatsApp but shows "phone number not valid" | The phone number was entered in domestic format without the country code (e.g., 555 000 0000 instead of +1 555 000 0000) | Edit the contact entry and enter the number in full international format starting with the country code and a plus sign (e.g., +1 555 000 0000 for US, +44 20 7946 0000 for UK); save and retest on a real device |
| Tapping the email icon does nothing on mobile | The visitor's device has no email client configured, or the email value was entered with a typo in the domain | Verify the email address is correct (no missing dot or mistyped domain); this is a device configuration issue on the visitor's side when the address is valid — consider adding a note in your bio that the email address is also shown in text so visitors can copy it manually if their email client is not set up |
| Address entry opens Maps but shows the wrong location | The address was entered in an ambiguous format that Google Maps resolved to a different location, or a street number was omitted | Edit the address entry and enter the full address with street number, street name, city, and country (e.g., "123 Main Street, Austin TX 78701, USA"); test by tapping the icon yourself on a real device to confirm Maps opens the correct pin |
| Labels are wrapping onto two lines in the expanded layout | Label text is too long for the available width on narrow mobile screens | Edit each label override and shorten the text to under 25 characters; swap verbose labels like "Send us a message on WhatsApp" for concise versions like "WhatsApp us" or just "WhatsApp" |
| Contact icons are not matching the page's color scheme | Icon style or card background is set to a color that conflicts with the page design | Switch icon style to outlined if your page background is light and filled icons look too heavy; use the card style selector to add or remove the background card; if colored platform icons create too much visual complexity, switch to a single-color style (filled or outlined) to unify the appearance |
| Phone number links open a dialer but the number has extra spaces that cause a failed call | The phone number was copied from a formatted source that included non-standard spacing or dashes which some dialers do not strip | Edit the phone entry and re-enter the number with only digits, a leading plus sign, and no spaces or dashes (e.g., +15550000000); this format is universally parsed correctly by all phone dialers; save and tap the icon to confirm the dialer shows the number correctly formatted |
Best fit for
- Service businesses, local retailers, restaurants, salons, and fitness studios where visitors need to call, book, or find a physical location before or instead of clicking a link button
- Freelancers, coaches, and consultants whose audience wants to talk before committing — the Contact block makes reaching out frictionless enough that it actually happens
- Creators with international audiences who need WhatsApp and Telegram alongside email so contacts from every region can reach them on the platform they already use
- Any page where multiple contact channels need to be presented cleanly without cluttering the bio text or creating a wall of raw contact details visitors have to parse and copy manually
Not the right tool if
- You want a prominent call-to-action button like "Book a call" or "Shop now" — that is the Links block; the Contact block is for contact details, not navigation buttons
- You only have one contact method — a single email address works fine as a mailto link in your bio text; the Contact block adds the most value when you have three or more channels to display in a structured way
- Your contact channels are not actively monitored — listing email, phone, and WhatsApp that all go unanswered creates a worse impression than listing fewer channels you actually respond to
Frequently asked questions
What is the difference between the Contact block and the Links block?
The Links block creates full-width navigation buttons that drive visitors to external destinations — your Shopify store, YouTube channel, booking page, or any URL you want to highlight. It is built for calls-to-action where the goal is to push visitors somewhere. The Contact block is a compact display of your contact details — email, phone, WhatsApp, Telegram, address — that opens the appropriate app when tapped. It is built for letting visitors reach you directly. Both blocks can be on the same page: use the Links block for your main calls-to-action and the Contact block for contact information below.
How many contact entries should I add?
Three to four is the optimal range for most pages. Below three, the block is barely more useful than text in your bio. Above five or six, the block starts to look cluttered and visitors experience choice paralysis — when every contact method is equally prominent, none of them is. Pick the three or four channels that your actual audience uses most and leave the rest out. You can always update the block later if you find visitors are trying to reach you via a channel you have not listed.
Can I show my address without showing my phone number?
Yes — each contact entry is added independently and any entry can be removed or hidden without affecting the others. If you want to show an address and WhatsApp but not a phone number or email, simply add only those two entries. There is no requirement to include any specific type or minimum number of entries. The block renders whatever entries you add, in the order you set them.
Will the contact entries be visible to search engines?
Contact entries in the block are rendered on the page and can be indexed by search engines, but the actual link text for phone numbers and emails is rendered as a protocol link (mailto, tel) rather than plain text in some implementations — which means crawlers may or may not extract it as plain contact information. If local SEO and your contact details appearing in search results matter to your business, consider also including your phone number and address in your bio text in addition to the Contact block, since plain text in body content is reliably crawled and indexed.
Can I use the Contact block to link to my social media profiles?
Yes — add a contact entry, select the "Custom" type or the relevant social platform type if it is available in the contact type selector, and enter the full URL to your social profile. The icon for custom entries uses a generic link icon, but named platform entries (Instagram, LinkedIn, Twitter/X) use the platform's recognizable icon when available as a contact type. For social platforms that are primarily for audience building and content distribution rather than direct contact, the Links block is often a better choice since it allows you to give each profile a prominent labeled button — the Contact block works better for direct-communication channels.
- The Contact block turns raw contact details into tappable deep links — email opens the mail client, phone opens the dialer, WhatsApp opens WhatsApp with your number pre-loaded — so visitors can reach you in one tap instead of copying text and switching apps.
- Keep entries to three or four channels that your audience actually uses; listing every platform creates visual noise and lowers the chance that visitors tap anything at all.
- Always enter phone and WhatsApp numbers in international format with country code (e.g., +1 555 000 0000) — domestic-format numbers produce broken links for international visitors, which is one of the most common and easiest-to-miss configuration errors.
- If you include an address, place a Map block immediately below the Contact block so visitors can see your location visually and get directions without leaving your page.
- Only list contact channels you actively monitor and respond to — a phone number that rings unanswered or an email address no one checks creates a worse impression than no contact information at all.
Ready to make it easier for people to reach you? Create your free UniLink page and add the Contact block to put your email, phone, WhatsApp, and address one tap away — no copy-pasting, no app switching, just instant contact for every visitor.