How to Add a Smile Visualizer to Your Dental Website (Without a Developer)

The short version

A smile visualizer is a small piece of software that lives on your existing website. Patients click a button, choose a treatment like veneers or whitening, and see a preview of the result on their own face. With Consult Engine you add it with one line of code, and it works on WordPress, Wix, Squarespace, Webflow, or a fully custom site.

If you can paste text into your website once, you can install it. The rest of this guide walks through the steps and the few things worth getting right the first time.

What you need before you start

• Access to your website's editor or admin panel, or the email of whoever manages it for you.
• A Consult Engine account. You can start a free trial and have your embed code ready in a couple of minutes.
• Five uninterrupted minutes. That is genuinely all the install takes.

Step 1: Copy your embed code

Inside your dashboard, every clinic gets a single script tag that looks something like <script src="..."></script>. That one line carries your branding, your treatment menu, and your lead routing, so there is nothing else to wire up on the page itself. Copy it once.

Step 2: Paste it into your site

Where the code goes depends on your platform, but the idea is the same everywhere. You are adding one script to the pages where you want the visualizer to appear.

WordPress

Use a header-and-footer plugin (WPCode and Insert Headers and Footers are both free and widely used) and paste the script into the footer field. If your theme has a custom-code or scripts area under Appearance, that works too. Do not paste it into a single post. A site-wide footer means the button follows visitors wherever they land.

Wix, Squarespace, and Webflow

Each of these has a built-in place for custom code. In Wix it is Settings, then Custom Code. In Squarespace it is Settings, then Advanced, then Code Injection. In Webflow it is Project Settings, then Custom Code. Paste the script into the footer section and publish.

A custom or developer-built site

Hand the one line to whoever maintains the site and ask them to drop it in before the closing body tag. That is the entire request. No API keys, no build step, no npm install.

Step 3: Test it the way a patient would

Open your site in a private browser window on your phone, not just your desktop. Most people who preview a smile do it on mobile, often late at night. Click the button, run through a treatment, and submit the form with a test name. Then check that the lead showed up in your dashboard. If it did, you are live.

A few things worth getting right

• Put it where intent is highest. The visualizer earns its keep on your veneers, cosmetic, and smile-makeover pages, not buried on a contact page.
• Match the treatment menu to what you actually sell. If you do not place implants, turn that preview off so you are not booking consults you cannot serve.
• Decide who follows up, and how fast. A preview creates a warm lead, but a lead cools quickly, which is why practices pair the visualizer with a 24/7 AI receptionist that answers and books before the patient moves on.

What to tell patients it is, and is not

Be upfront on the page and in your follow-up. A visualizer shows a cosmetic preview, not a clinical guarantee. It is there to start a conversation, and a licensed provider still decides what is actually appropriate at the consult. Setting that expectation early builds trust and keeps your marketing honest.

See it running before you install it

The fastest way to understand the tool is to use it yourself. Try the live demo, preview a treatment on your own face, and picture that same moment happening for a visitor who is already sitting on your website. When you are ready, see which plan fits your practice.