> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nettify.no/llms.txt
> Use this file to discover all available pages before exploring further.

# Create a booking popup

> Let customers book appointments directly from an elegant popup on your website

## What is a booking popup?

A booking popup (also called a modal) is a window that appears when a customer clicks a button — for example **"Book appointment"** or **"Schedule a meeting"**. Instead of sending the customer to another page, the booking form opens right on your website. This creates a smoother experience and more bookings.

***

## Ready-made prompts for booking popups

### General booking popup

Make it easy for customers to book an appointment without leaving your website. A booking popup keeps things simple and smooth, which means more people actually follow through and book instead of putting it off.

<Tip>
  **Copy this prompt and paste it into Nettify AI:**
</Tip>

```
Create a booking popup with a nice and professional design that opens when you click the "Book appointment" button.

The popup should have:
- Heading: "Book an Appointment"
- Short text: "Fill out the form below and we'll get in touch to confirm."
- Form fields with nice design (rounded corners, good spacing):
  - Name (required)
  - Phone (required)
  - Email (required)
  - Preferred date (date picker)
  - Message (optional text field)
- "Submit booking" button in the accent color
- Close button (X) in the top right corner

Design: modern modal with dark overlay background, white popup with rounded corners and subtle shadow. Smooth open/close animation.

Confirmation message after submission: "Thank you for your booking! We'll confirm the time within 24 hours."

Place the "Book appointment" button in the hero section and in the menu.
```

***

### Hair salon / Beauty salon

Give your salon clients a quick and easy way to book their next visit. When booking is just a click away, you fill more appointment slots and spend less time on the phone managing your calendar.

<Tip>
  **Copy this prompt and paste it into Nettify AI:**
</Tip>

```
Create a booking popup for our hair salon with an elegant and inviting design.

The popup should have:
- Heading: "Book an Appointment"
- Short text: "Choose a treatment and time — we look forward to seeing you!"
- Form fields:
  - Name
  - Phone
  - Treatment (dropdown): "Men's Haircut", "Women's Haircut", "Coloring", "Styling", "Other"
  - Preferred day (date picker)
  - Preferred time (dropdown): "Morning (08-11)", "Midday (11-14)", "Afternoon (14-17)"
  - Special requests (optional text field)
- "Book appointment" button
- Close button

Design: warm and inviting. Use soft colors and rounded corners. Responsive for mobile.

Confirmation: "Thank you! We'll send you a confirmation by text shortly."

Place the "Book appointment" button in the hero section and as a fixed button at the bottom on mobile.
```

***

### Contractor / Site inspection

Let potential customers request a site visit right from your website. This makes it easy for homeowners to take the first step, and you get all the details you need upfront to plan your schedule.

<Tip>
  **Copy this prompt and paste it into Nettify AI:**
</Tip>

```
Create a popup for booking a site inspection with a professional and trust-building design.

The popup should have:
- Heading: "Book a Free Site Inspection"
- Short text: "We'll come to you and provide a no-obligation quote."
- Form fields:
  - Name (required)
  - Phone (required)
  - Email
  - Address (required)
  - Type of job (dropdown): "Plumbing", "Electrical Work", "Painting", "Carpentry", "Other"
  - Job description (text field)
  - Preferred week (dropdown with upcoming weeks)
- "Book inspection" button
- Close button

Design: professional with good spacing, clear labels above each field and a clean layout.

Confirmation: "Thank you! We'll contact you within 1 business day to arrange a time."

Place the "Book inspection" button on the homepage and on the services page.
```

***

## Where do the bookings go?

All bookings submitted through the popup land under the **"Inquiries"** tab at the bottom of your Nettify dashboard. Here you get an overview of all submitted forms with name, contact info and message.

<Tip>
  **Email notifications:** You'll also receive an email each time someone submits a booking — so you never miss an inquiry.
</Tip>

<Info>
  **Using an external booking system?** You can also embed Calendly, Tidycal or similar in a popup. See the guide for [HTML widgets](/en/ai/html-widget).
</Info>