Real estate agency website kit

About this kit

A real estate agency site serves two very different visitors. Buyers and renters want to see homes: the price, the bedrooms, the photos, the floor plan and a way to book a viewing without phoning around. Sellers want to know whether you understand their street, what the process looks like and how to get a valuation. Both want to see that the listings are current and that a named person will answer them. Everything else on the site is secondary to those two paths.

The six pages in this kit follow those paths. The header keeps a Book a valuation button on every page. The home page opens with a photo and a plain description of what you list, then shows featured homes, the selling process week by week, neighborhood guides, a quote from an agent and a valuation call to action. The listings page is a grid of property cards with area and price filters shown as text, plus a short explanation of how listings are kept accurate. The property page is a full listing: photos, key facts, description, floor plan, nearby amenities, the listing agent and a viewing request form. The contact page carries the valuation request form, office details, what happens next and a short FAQ.

Build in this order: header and footer, then home, listings, property and contact. 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. Both forms also convert to Elementor Pro Forms. If you run a listings plugin or an IDX feed, use the listings and property pages as the design reference for its templates rather than maintaining homes by hand.

What is in the kit

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.

• Headings: DM Serif Display
• Body text: DM Sans

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.