An interior designer’s website does one job before anything else: it shows prospective clients what you are capable of and how you see the world. The project photography, the colour palette of the site itself, the way the copy is written — all of it is a demonstration of your eye. A client who reaches out after browsing your portfolio has been convinced by that demonstration.
Then they click “Book a consultation” and land on a Calendly page.
For most industries, that redirect is an inconvenience. For interior design, it is a contradiction. The entire business is built on the argument that visual decisions matter — and the booking experience is a visual decision that is being handed to a scheduling software company’s default template.
This guide covers how to embed a consultation booking widget directly inside a WordPress design portfolio, connected to your Google Calendar, styled to match the site around it.
What this guide covers
- Why the booking experience is part of the portfolio experience
- What interior designers need from a consultation booking system
- How to match the booking widget to your site’s visual identity
- Managing project schedules, site visits, and availability in one calendar
- Setup overview and cost
The booking experience is part of the portfolio experience
Interior designers attract clients on the strength of their visual judgment. A prospective client who has spent time on your portfolio has made a specific kind of decision: they trust your taste. That trust is built through every detail of the website — the spacing, the typography, the way a gallery loads, the tone of the project descriptions.
The moment they are redirected to a third-party booking page, that accumulated impression breaks. The visual context they were in disappears. They are now on a page that looks identical to every other business using the same scheduling tool, with no connection to the portfolio they just spent time in.
For an interior designer, this is a more significant problem than for most service businesses. Your potential clients are people who notice when things do not look right. A jarring visual transition at the booking step is exactly the kind of thing they notice — even if they cannot articulate why.
What interior designers need from consultation booking
Most interior design practices offer a single type of initial consultation — an in-person or video meeting to discuss a project brief, scope, timeline, and budget. The booking system needs to support that one appointment type cleanly, without requiring more setup than the use case warrants.
- Availability read from Google Calendar in real time — existing projects, site visits, client meetings, and personal commitments all automatically excluded
- A booking form that collects the client’s name, contact details, and a brief description of their project — type of space, approximate scope, timeline in mind
- Automatic confirmation email to the client with the consultation details and a calendar file
- Notification to the designer with the client’s project brief before the call
- A Google Calendar event created immediately so the consultation is in the schedule
- A cancellation link for clients who need to reschedule
- A widget that matches the visual design of the portfolio site — not a bolt-on that looks out of place
Matching the booking widget to your portfolio’s visual identity
CalNative Booking’s appearance settings give direct control over the elements that determine whether the widget looks designed or generic:
- Primary colour — the accent colour used for selected dates, active states, and the confirm button. Set it to your brand colour and the widget uses the same visual language as the rest of the site.
- Border radius — sharp corners for a minimal, architectural aesthetic; soft corners for a warmer residential feel. One setting controls the entire widget.
- Max width — constrains the widget to your content column width so it does not stretch across a wide layout.
- Custom CSS — for precise overrides when a specific detail needs to match something particular in the theme.
Fonts are inherited from the WordPress theme automatically. If your portfolio uses a specific typeface — a geometric sans-serif, a refined serif, a custom font loaded via Google Fonts — the booking widget uses it without any additional configuration.
The result is a booking widget that a visitor would not identify as third-party software. It looks like a section of the page, because it is one.
Managing a project-based schedule automatically
Interior design schedules are irregular. Active projects require site visits, contractor meetings, supplier appointments, and client walkthroughs — none of which follow a fixed pattern. A booking tool that requires manual availability management would need constant attention.
Because CalNative Booking reads availability directly from Google Calendar, the widget reflects the current state of the designer’s schedule automatically:
- Site visits and contractor meetings added to Google Calendar immediately remove those times from the booking widget — no double entry
- Project-heavy weeks become unavailable as the calendar fills — the widget shows reality, not an optimistic template
- Holiday and travel blocks created as all-day events remove entire days or weeks from availability automatically
- Existing client consultations already in the calendar block those slots from being double-booked
The calendar is managed once, in Google Calendar. The booking widget stays accurate without any additional work.
Embedding the widget on a portfolio site
Once CalNative Booking is installed and configured, placing the booking widget on any page uses a single shortcode:
[calnative_booking]It can sit on a dedicated contact or booking page, at the bottom of a services page, or alongside a project enquiry form. Because it is standard WordPress shortcode, it works within any theme or page builder — Elementor, Divi, Bricks, Kadence, or a custom theme.
The consultation booking stays inside the portfolio. A prospective client who has been moved by a project gallery clicks the button, picks a time, and confirms — without the URL changing, without the design context disappearing, without leaving the environment that convinced them to reach out in the first place.
Setup and cost
The setup requires creating a Google service account in Google Cloud Console — a one-time process that takes about 20 minutes. A full step-by-step guide is at How to Set Up a Google Service Account for WordPress. The connection never expires and requires no ongoing maintenance.
CalNative Booking is $39/year for one website. For designers currently paying for Calendly Standard ($120/year) or Acuity ($240/year), the saving is immediate — and the consultation booking now happens inside the portfolio, not on a scheduling platform with no visual connection to it.
