# Website overview

### What is Wonderly's Website Builder?

Turn leads into clients: Wonderly's Website Builder is an AI-powered tool that creates a professional, conversion-optimized site for your business in under 10 minutes. All in Wonderly's platform, you can edit your site, embed your Client Intake Form, and connect your AI Phone Agent, turning your website into the starting point of your sales process. You accomplish this without writing a single line of code, hiring a developer, or paying an expensive agency.

<figure><img src="https://3856523683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHGvO9iu1bNErRPCcm76A%2Fuploads%2FqwQjIT9w6YSOGODWRWFC%2Fimage.png?alt=media&#x26;token=7b12f44f-553e-4447-b20c-81aa37167285" alt="" width="563"><figcaption></figcaption></figure>

<p align="center"><em>See how Website fits into the</em> <a href="../wonderly/understand-wonderly"><em>full picture</em></a><em>.</em></p>

***

### Why use Wonderly's website builder?

**Ask yourself:**

1. How many of your clients last month came from your website?
2. If someone in your area searched for what you do right now, would they find you or your competitor?
3. When was the last time you updated your website?

If you don't have a clear answer, that's okay. What you do know is that there are more people out there looking for your service. A beautifully designed website with clear instructions on how to contact you is the difference between a visitor leaving and a visitor becoming a client.

Previously, you had 2 common alternatives:

1. **Hire someone**\
   This approach can cost anywhere from $1,000 to $10,000+ upfront, takes 3 to 4 weeks, and most of the time you end up with something only marginally better. On top of that, you're paying a recurring fee just to make updates. Every change goes through them on their timeline.
2. **Build your own site**\
   You can choose to build your own site, but that requires you to know conversion optimization, copywriting, and design. Inexperienced attempts could lead you with results that looks okay but doesn't actually turn visitors into leads.

*Refer below for an sample comparison.*&#x20;

***

#### **Now, the Website Builder solves this in two ways:**

1. **A website that speaks to your customer's problem, looks professional, and makes it easy to take action — without the agency price tag or timeline.**

The common reasons why a business website fails to capture leads is because of:&#x20;

* **Outdated design:** A site that has not been updated recently can give the impression that a business is inactive or even reluctant to sell you their services.
* **Company-focused messaging:** Content often focuses heavily on company history rather than directly addressing the customer's immediate needs.
* **Hidden contact information:** Buttons to call or request a quote are either buried at the bottom of the page or missing entirely.
* **Poor mobile experience:** The site does not format correctly on mobile devices, making text difficult to read and navigate.

These aren't small details. They are the reasons visitors leave your site without ever reaching out.

2. **Every lead captured on your website is automatically tracked, organized, and ready for follow-up — all within one platform, without extra tools or integrations.**

This is the part no agency can replicate, even with a good website.

Your Wonderly site is not just a page that displays your business information. It is where your Client Intake Form, AI Phone, and sales pipeline all come together. When a visitor fills out a form or calls your number, that lead is automatically captured, organized, and added to your pipeline.

With any other website, you would need to stitch together

* A form tool
* A scheduling tool
* An AI phone agent
* A CRM
* A handful of integrations to connect them all

The result: Wonderly replaces all of that with one platform. Your website, forms, AI phone, and sales pipeline work together out of the box. Leads are automatically captured and added to your CRM. Nothing to connect. Nothing to break.

***

### How Wonderly generates a high-converting site

During setup, Wonderly reads your existing website — or uses your business info if you don't have one — and builds your new site with the follow components:

1. **A design that earns trust instantly** — Clean, modern, professional. Visitors decide whether to stay or leave in under 3 seconds. A site that looks like it belongs to a real business keeps them reading.
2. **Site content that speaks to your customer's problem** — Not "Serving the tri-state area since 1987." Instead: "Roof leaking? We'll be there tomorrow." When someone lands on your site and immediately sees their problem reflected back at them, they pick up the phone.
3. **A call-to-action that's impossible to miss** — "Get a Free Quote." "Book Now." "Call Today." One clear button, placed exactly where eyes naturally go. Every extra step between interest and action is a chance to lose them.
4. **Your phone number front and center** — Top right corner, where everyone looks first. Connected to Wonderly's AI Phone so someone always picks up — even at 9pm, even on weekends. Every missed call is revenue walking away.
5. **Built for speed and mobile** — Your site loads in under 2 seconds and looks perfect on any screen. Most of your customers are searching from their phone. A slow or broken mobile experience kills the sale before it starts.
6. **Your existing photos, your brand** — Pulls imagery from your current site so it still feels like you. Want a fresh look? The paid version generates new images tailored to your business.

#### Example: See the difference in real life

*Here is a practical example of how Wonderly transforms a standard website into an effective lead-generation tool.*

**Before website builder**

<figure><img src="https://3856523683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHGvO9iu1bNErRPCcm76A%2Fuploads%2FxzigYWJhfqoqGOdX9PW6%2Fimage.png?alt=media&#x26;token=b1797988-66a9-42ca-b7f9-b516c0a0339c" alt=""><figcaption></figcaption></figure>

* Uses a generic tagline like "Welcome Home" that does not explain the business services.
* The only prominent button reads "Tenant Login," which is not helpful for acquiring new clients.
* Lacks a visible phone number or a clear "View Available Rentals" button.
* Uses generic stock photos that do not accurately represent the properties.

{% hint style="info" %}
**Key takeaway:** The site fails to stand out from competitors and provides no clear direction for new visitors.
{% endhint %}

**The same website built with Wonderly:**

<figure><img src="https://3856523683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHGvO9iu1bNErRPCcm76A%2Fuploads%2F0qx8l0N8dxETpMsRYVcT%2Fimage.png?alt=media&#x26;token=a2e093f0-38c7-4f6b-ab93-489f6ac5930f" alt=""><figcaption></figcaption></figure>

1. The first words a visitor sees is updated to "Love Where You Live in Des Moines" — immediately clarifying your services and value proposition.
2. A highly visible "View Available Homes" button is placed prominently on the page.
3. A phone number pinned to the top of the page, alongside a "Serving our community since 2012" badge for added credibility.
4. Features authentic, relatable property photos.

{% hint style="info" %}
**Key takeaway:** Visitors immediately understand the business, trust the brand, and know exactly how to initiate contact.
{% endhint %}

### Customize your site

Once generated, you have full control. For a detailed walkthrough on making changes, read How to Edit Your Site.

In it we cover some topics including:

* Changing text, swapping images, adjusting layouts with simple clicks
* View changes in real time
* Add, remove, and rearrange pages and sections
* Publishing so you can start collecting leads

With the paid version, you can regenerate an entire page by describing what you want in plain language.

**Before you go live**

Complete the **Get Started with Wonderly** checklist on your Home tab before publishing. This walks you through setting up your business info, client intake form, AI phone, and qualification rules so everything is connected when your site goes live.

If you've already finished the checklist, you can make adjustments from the Client Intake and AI Phone tabs.

***

### Step-by-step guides for your website

**Edit your website**&#x20;

The core website builder work.

* [Edit your site navigation bar](https://www.wonderly.com/help/marketing-hub/website-overview/edit-your-website/edit-your-site-navigation-bar)
* [Set up your Call-to-action button](https://www.wonderly.com/help/marketing-hub/website-overview/edit-your-website/set-up-your-call-to-action-button)
* [Add a section to your website](https://www.wonderly.com/help/marketing-hub/website-overview/edit-your-website/add-a-section-to-your-website)
* [Edit a section in your website](https://www.wonderly.com/help/marketing-hub/website-overview/edit-your-website/edit-a-section-in-your-website)
* [Edit your website footer](https://www.wonderly.com/help/marketing-hub/website-overview/edit-your-website/edit-your-website-footer)

**Style your site**

For when you want to update the brand details that were set during onboarding.

* [Update your business logo ](https://www.wonderly.com/help/marketing-hub/website-overview/style-your-site/update-your-business-logo)
* [Edit your site colors and fonts](https://www.wonderly.com/help/marketing-hub/website-overview/style-your-site/edit-your-site-colors-and-fonts)

**Publishing**

* [Publish your website](https://www.wonderly.com/help/marketing-hub/website-overview/publishing/publish-your-wonderly-website)

**Refine and optimize**

* [Edit your website SEO and site settings](https://www.wonderly.com/help/marketing-hub/website-overview/refine-and-optimize/edit-your-website-seo-and-site-settings)
* [Review your website performance](https://www.wonderly.com/help/marketing-hub/website-overview/refine-and-optimize/review-your-website-performance)
