HTML to Elementor
Website kit · Dental & medical clinics

Dental clinic website kit

Six Elementor-ready pages for a dental practice: header, home, treatments with guide prices, team, appointment request form and footer.

Templates: 6 Header and footer included

About this kit

A clinic website has a short list of jobs, and most of them happen on a phone. A new patient wants to know whether you take people like them, roughly what a visit costs, who they will see and how to book. A current patient wants your number, your hours and the parking. Someone with a toothache wants to know what to do right now. Everything on the site should help one of those three people, in plain language and without promises about outcomes that no clinic can make.

The six pages in this kit map to those jobs. The header puts the phone number and a booking button on every page. The home page welcomes new patients, lists the main treatment areas, explains the first visit step by step and says how insurance and payment work. The treatments page groups services into general, cosmetic, orthodontic and emergency care, each with a guide price and a note that the real cost is confirmed after an exam. The team page introduces the clinicians with their roles and qualifications, and the appointment page combines a request form with emergency guidance, opening hours, parking and accessibility details.

Build in this order: header and footer first, then home, treatments, team and appointment. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s own header. The appointment form also converts to an Elementor Pro Form. Before you publish, replace every name, price, hour and address with your clinic’s real details, and have someone at the front desk read the emergency wording.

What is in the kit

01

Dental clinic header

Clinic header with a phone and hours strip, a text wordmark, three navigation links and a Book appointment button.

02

Dental clinic home page

Home page with a new-patient hero, four treatment cards, a why-choose-us checklist, first-visit steps, an insurance band and a booking close.

03

Dental treatments page

Treatments page with general, cosmetic, orthodontic and emergency care, each with a guide price, a what-to-expect row and an FAQ accordion.

04

Dental clinic team page

Team page with three clinician cards (photo, name, role and short bio), a qualifications list, a three-photo clinic gallery and a booking link.

05

Dental appointment request page

Appointment page with an emergency notice, a request form (Elementor Pro Form), opening hours, address, parking and accessibility details.

06

Dental clinic footer

Four-column clinic footer with address and parking, opening hours, contact details and a booking button, plus a pricing and emergency line.

Colors and fonts

Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.

Deep teal #0e4f55
Mint #d6efe8
White #ffffff
Mist grey #f2f5f5
Slate #263538
Coral #e07a52
  • Headings: Manrope
  • Body text: Inter

How to install the kit

  1. Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
  2. In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
  3. Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
  4. With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
  5. Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.