How to Use the Service Block in UniLink (Showcase and Sell Services From Your Page)

How to Use the Service Block in UniLink (Showcase and Sell Services From Your Page)
A step-by-step guide to adding the Service block to your UniLink page so potential clients can browse what you offer and take action without leaving your link-in-bio.
- The Service block displays individual service cards — each with a name, description, price, image, and a CTA button — making it the right tool for freelancers, consultants, and service providers.
- Add it from the Dashboard: click Add Block, choose Service, then fill in each card with a name, description, price, and button destination.
- The CTA button can link to a booking tool, an email inquiry, a WhatsApp message, or a direct checkout — choose based on how you actually close clients.
- Common mistake: leaving the price field as "$0" or blank — visitors interpret this as either broken or "too expensive to show."
If you're a freelancer, consultant, photographer, coach, or agency, the biggest obstacle between you and a new client isn't your skills — it's clarity. When someone lands on your page and can't quickly tell what you offer, what it costs, and how to get started, they leave. A list of links to different pages doesn't solve this. Neither does a long bio paragraph. The Service block in UniLink puts each offering on its own card with a name, price, short description, and a direct action button. Visitors can scan your services in seconds and book, inquire, or buy without navigating anywhere else. It's the difference between a storefront with clear price tags and one where you have to ask the staff for every number.
What the Service block does
The Service block renders a series of service cards stacked vertically on your UniLink page. Each card holds a service name, a short description (up to around 200 visible characters), a price or pricing note, an optional image, a delivery timeframe, and a CTA button. Visitors scroll through your service list, read what interests them, and click the button for the one they want. There's no separate product detail page — all the information a client needs to decide is visible on the card itself.
The CTA button is the most flexible part of the block. It can link to a scheduling tool like Calendly or Acuity so clients book a discovery call directly. It can link to a UniLink Appointment block or Checkout block on the same page using an anchor URL. It can open an email compose window pre-addressed to you, trigger a WhatsApp chat with a preset message, or point to any external URL — a contract link, a portfolio, a custom intake form. How you close clients determines which link type fits: service businesses that sell through conversations use booking links; those with clear deliverables and fixed prices use checkout links.
The Service block is intentionally not a shopping cart. It does not aggregate items, track quantities, or manage inventory. It also does not directly handle payment — that's the role of the Checkout block, the Shop block, or your external payment tool. The Service block's job is discovery and first contact. A visitor sees your Brand Identity Package, reads what's included, sees the starting price, and clicks "Get a Quote." The sale happens in the conversation that follows, or on whatever page the button opens. If you need a visitor to complete a purchase in one session without speaking to you first, the Shop block with a payment-connected product is the better fit.
Before you start
- List your services: Write out each service you want to display — name, one to two sentences describing what's included, your price (or price range), and an estimated delivery time. Having this ready before opening the editor saves significant time.
- Choose a CTA type for each service: Decide how you want clients to reach out for each service: booking link (Calendly, etc.), email, WhatsApp, direct checkout, or a custom URL. Different services can use different button types — a discovery call for consulting and a direct checkout for a fixed-price audit are both valid on the same page.
- Prepare images (optional but recommended): Cards without images look noticeably plain compared to cards with them. If you have portfolio samples, mockups, or branded illustrations for each service, have them ready to upload. Square or landscape images both work; aim for at least 800px wide.
- Decide on pricing language: Know whether you'll show a fixed price ("$500"), a range ("From $200"), a per-unit rate ("$150 / hour"), or a free consultation ("Free Call"). Leaving the price field empty or at its default zero is the worst option — pick a real value or clear text before you build.
How to add the Service 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 the block.
- Add a new block: Click + Add Block in the editor. In the block picker, scroll to the Services or Commerce section and select Service.
- Add your first service card: Click Add Service inside the block editor. Enter the service name in the name field — keep it short and specific, like "Brand Identity Package" not "Design Work."
- Fill in the description: Write one to three sentences covering what the service includes and who it's for. Remember that only around 200 characters show without truncation on a card — lead with the most important information.
- Set the price: Enter your price in the price field. This accepts plain text, so write "$500," "From $200," "$150/hr," or "Custom quote" — whatever matches your actual pricing model. Avoid leaving this as "$0."
- Add a delivery timeframe (optional): If turnaround time is a selling point or a common question, fill in the delivery field (e.g., "5 business days," "2–4 weeks"). This reduces pre-sale back-and-forth.
- Upload an image (optional): Click the image upload area to add a photo or illustration for this service. Even a simple branded graphic improves card engagement compared to a blank gray placeholder.
- Configure the CTA button: Enter a button label that matches the action (e.g., "Book a Call," "Get a Quote," "Buy Now," "Inquire via Email"). Then select the button link type from the dropdown and paste your URL, email address, or phone number accordingly.
- Add remaining services: Repeat the process for each additional service. You can reorder cards by dragging them within the block editor — put your most popular or highest-converting service first.
- Save and publish: Click Save, then Publish. Your Service block is live.
Key settings explained
| Setting | What it controls | Best practice |
|---|---|---|
| Service name | The heading on each card, shown prominently to visitors | Be specific about the deliverable ("Instagram Content Strategy" not "Social Media Help") — specificity builds credibility |
| Description | Short text explaining what's included and who it's for; ~200 chars visible on card | Lead with the outcome, not the process — "Get a custom brand identity ready to launch in 5 days" beats "I will design a logo and color palette for you" |
| Price field | Displays the cost of this service on the card; accepts plain text | Always fill this in — use "From $X," "Custom quote," or a fixed rate; never leave as "$0" or blank |
| Delivery timeframe | Optional field showing how long the service takes | Include when turnaround is a differentiator or when clients frequently ask — it pre-empts a common question and saves you time |
| Service image | Photo or graphic shown on the card; optional but significantly improves visual appeal | Use portfolio samples, mockups, or simple branded graphics — anything beats the default blank placeholder |
| CTA button label | The text on the action button for this service | Match the label to the exact next step: "Book a Free Call," "Start Your Project," "Get a Custom Quote" — not the generic "Learn More" |
| Button link type | Whether the button opens a URL, email, WhatsApp, phone, or an on-page anchor | Use booking link for high-touch services, direct checkout for fixed-price deliverables, WhatsApp or email for custom/quote-based work |
How to present your services to win clients
The single most common mistake in a Service block is description vagueness. "I do design work" or "Social media management" tells a visitor nothing they can act on. Potential clients are reading your page with one question in mind: "Is this person the right fit for my specific problem?" The description needs to answer that. "Monthly social media management for wellness brands — 3 platforms, 12 posts/month, story templates, and a monthly performance report" gives a client enough information to self-qualify. They know whether they have three platforms. They know whether 12 posts is enough. Vague descriptions force a back-and-forth that slows deals down; specific descriptions filter for the right clients and close faster.
Service block, Shop block, and Booking block all solve adjacent problems but serve different buyer journeys. The Service block is for browsing and inquiring — it works when the client needs to see what you offer and then initiate contact before any money changes hands. The Shop block is for instant checkout — it works when the product is well-defined, priced clearly, and the buyer doesn't need to speak to you first (a fixed-price Lightroom preset pack, a downloadable template, a one-off audit report). The Booking block (or Appointment block) is for scheduling time — it works when the service is delivered as a session or call and the client books the slot directly. Most service providers need all three on the same page: Service for the overview, Booking for the discovery call, and Shop (or a Checkout link) for the deliverables that can be purchased without a conversation. Knowing which block covers which use case prevents you from building the wrong thing and then wondering why clients aren't converting.
Price transparency on a Service block is a direct competitive advantage. Hiding your prices — either by leaving the field blank or writing "Contact for pricing" — filters out the wrong people in both directions. Budget-constrained leads waste your time on discovery calls before disqualifying on price. Premium leads who are willing to pay well assume your prices are lower than they are and move on. Displaying a "From $X" anchor price, even for bespoke work, sets expectations and attracts clients who can afford you. If your pricing varies widely by scope, use "From $500" or "Starting at $1,000 / month" — it communicates your floor without locking you into a ceiling.
Order your service cards by the conversion you care about most, not by the order you added them. Your most popular service, your highest-margin service, or the one that best represents your work should be first. Visitors on mobile scroll a limited distance — anything below the third card gets significantly fewer impressions. If you have more than four or five services, consider grouping them into categories or hiding lower-priority ones, rather than presenting a scrollable wall of cards that feels overwhelming rather than curated.
Troubleshooting common issues
| Problem | Likely cause | Fix |
|---|---|---|
| CTA button appears but does nothing when tapped | Button link field left empty or containing an invalid URL format | Open the service card in the editor, check the link type dropdown matches your destination (URL, email, WhatsApp), and re-paste a valid value; test by tapping the button on your live page from a phone |
| Price shows as "$0" on the live card | Price field left at its default value without being edited | Edit the service card and replace "$0" with your actual price, a range ("From $200"), or plain text ("Custom quote") — any non-zero value reads as intentional |
| Description is cut off mid-sentence in an awkward place | Description exceeds the visible character limit and truncates at a non-ideal word | Rewrite the first ~150 characters to be a complete, self-contained statement; the truncation will then cut at a natural boundary rather than mid-thought |
| Service image not loading or showing a broken image placeholder | Image file too large, unsupported format, or upload failed mid-process | Re-upload using a JPEG or PNG under 5 MB; if the issue persists, try a different browser — some upload errors are browser-specific |
| WhatsApp button opens WhatsApp but sends a blank message | Pre-filled message not configured in the button link field | Use a WhatsApp deep link with a message parameter: https://wa.me/1XXXXXXXXXX?text=Hi%2C+I%27m+interested+in+[Service+Name] — this pre-fills a message so the client just hits send |
| Email button opens email client but "To" field is empty | Button link type set to URL instead of Email, or email address formatted incorrectly | In the button link type dropdown, select Email, then enter just your email address (e.g., hello@yourdomain.com) — not a mailto: link; UniLink handles the protocol automatically |
| Block visible in editor but not showing on the published page | Page changes saved but not published, or the block was accidentally toggled to hidden | In the Dashboard editor, check the block's visibility toggle is set to visible, then click Publish Page at the top of the editor to push the latest version live |
Best fit for
- Freelancers and agencies with a defined service menu — design, development, copywriting, photography, consulting
- Coaches and educators who offer multiple programs or packages with different scope and price points
- Service providers who close clients through conversations (booking links, DMs, email) rather than instant checkout
- Professionals who want to pre-qualify leads by showing price ranges before a discovery call
- Anyone currently describing their services in a text bio or a list of links — the Service block structures that information into scannable, actionable cards
Not the right tool if
- You need visitors to complete a purchase in one session without contacting you first — use the Shop block with a connected payment method for instant checkout
- You're selling time slots or scheduled sessions — the Booking or Appointment block handles calendaring and capacity management; Service block just links to your booking tool
- You have a large product catalog with variants (sizes, colors, formats) — Shop block's cart and variant system handles this better than Service cards
- All your services are priced identically or you only have one offering — a simple CTA button or a Links block is less visual overhead for a single-service business
Frequently asked questions
What's the difference between the Service block and the Shop block?
The Service block is for browsing and inquiring — clients see your service, read what's included, and take an action like booking a call or sending an inquiry. It doesn't process payment directly. The Shop block is for instant purchase — visitors add an item to cart and complete checkout on your page, with payment going through Stripe or PayPal. Use Service when the sale requires a conversation or proposal; use Shop when the product is defined, priced clearly, and can be purchased without speaking to you.
Can I charge for a service directly through the Service block?
Not directly. The Service block's CTA button can link to a UniLink Checkout block or Shop product on the same page, a Stripe payment link, a Gumroad product page, or any external payment URL. This gives you full flexibility over how you accept payment — the Service block handles the discovery and intent part of the buyer journey, and your payment tool handles the transaction.
How many services should I display in one block?
Three to five service cards is the practical sweet spot for most link-in-bio pages. More than six starts to feel like a brochure rather than a curated menu, and visitors on mobile scroll past lower cards without reading them. If you genuinely offer more services, consider splitting them into two Service blocks with different section headings (e.g., "Design Services" and "Strategy Services"), or hiding less-requested services to keep the page focused.
Can I use the Service block and the Booking block together on the same page?
Yes, and this is one of the most effective combinations on a service provider's page. Use the Service block to show what you offer and at what price, then have each service card's CTA button link (via a page anchor) to a Booking block lower on the page where clients can actually schedule. This creates a logical flow: visitor reads about your service, decides they're interested, clicks the button, and books immediately without leaving.
Can I show a "Free consultation" as one of the service cards?
Yes. Set the price field to "Free" and the CTA button to your booking link (Calendly, Acuity, or a UniLink Booking block anchor). Many service providers lead with a free discovery call as their first card — it lowers the barrier to first contact and gives you a chance to qualify the lead before proposing paid work. Just make sure the button link is a direct booking URL, not a link to your calendar's main page where they have to find the right slot type.
- The Service block is for discovery and first contact — it does not process payments directly; link each card's CTA to a checkout, booking tool, or inquiry method.
- Always fill in the price field with a real value, range, or "Custom quote" — "$0" or a blank field signals broken, not negotiable.
- Use specific service names and outcome-focused descriptions — vague copy forces back-and-forth that slows deals and drives qualified leads away.
- Match each CTA button to how you actually close clients: booking link for high-touch services, checkout link for fixed-price deliverables, WhatsApp or email for bespoke work.
- Service block, Shop block, and Booking block solve adjacent problems — Service is for browsing and inquiring, Shop is for instant purchase, Booking is for scheduling time.
Ready to showcase your services? Create your free UniLink page and add a Service block that turns visitors into booked clients.
Create Your Free Link-in-Bio Page
Join thousands of creators using UniLink. 40+ blocks, analytics, e-commerce, and AI tools — all free.
Get Started Free