Template guide
Start here.
Everything you need to make Aurel yours in about 30 minutes. Delete this page, Design System and CMS Instructions before you publish.
1 · Rebrand checklist
Change the name, phone, email and address in ALL of these places, including the link targets, not just the visible text: Site settings → General (title, description, favicon, social image) · Site settings → Code (JSON-LD business details) · Nav and Footer components (logo, phone, email, social links) · Contact page and enquiry sections (tel: and mailto: links) · CMS page titles ({{Title}} — Brand) on Property, Agent, Area and Journal pages · Privacy, Terms and 404 pages. Also change the WhatsApp number: every page has a “WhatsApp Pill” layer whose link is wa.me/<your number>.
2 · Colours
Open Assets → Colors and edit the 8 colour styles (Ink, Paper, Surface, Muted, Line, On Image, Accent, Night). Each has a light and dark value. No colour is hard-coded, so the whole site updates at once, including the mortgage calculator. See the Design System page.
3 · Fonts
Text styles live in Assets → Text. Change the font family there and every heading and paragraph follows. The template uses one free font family (General Sans, Fontshare licence) for speed.
4 · Homes, agents and areas
Go to CMS → Properties, Agents and Areas. Link each home to its agent and area; agent pages and area guides list their homes automatically. See the CMS Instructions page for every field. Fill both Price (the text shown) and Price (number): the number drives the monthly-cost calculator and the structured data Google reads. Homes with Status = Sold appear on /sold automatically.
5 · Map and monthly cost
The map on each property page reads the Location field. The calculator reads Price (number): keep it in sync with the Price text. Change currency, deposit and rate defaults on the Monthly Cost component.
6 · Forms and leads
Select each form → Send to: add your email, or a webhook for Zapier, Follow Up Boss, HubSpot or your CRM. Field names are already clean (Name, Email, Phone, Message). Every home’s page also has a Viewing form (name, email, phone, viewing_date, viewing_time, plus hidden property and source fields) — set its Send To too. A hidden Lead Context component adds the page URL, UTM campaign, referrer and device to every submission, so you know which listing and which ad produced each lead.
7 · MLS / IDX listings (optional)
If you use IDX Broker, Showcase IDX or iHomefinder, paste their embed code into an Embed component on the All Homes page. It renders on the published site.
8 · Plan and publishing
The template uses 4 CMS collections: publish free on a framer.website address, or on your own domain with Framer Pro. On Basic (2 collections) delete Agents and Areas. Delete the “Template Promo” layer and these guide pages, connect your domain and set Performance → Font swapping to Always.
9 · Saved homes, compare, open houses
Visitors can save homes with the heart button on any property page (/saved), compare up to three (/compare) and see your open-house dates (/open-houses). Saved homes live in the visitor’s browser, no account needed. To list open houses, edit the Events JSON on the Open Houses page component: title, date (YYYY-MM-DD), time, link and address. Every home also emits RealEstateListing structured data for Google; check one page in Google’s Rich Results test after publishing.
10 · Map, valuation and alerts
Map: give each home a Lat and Lng (right-click in Google Maps to copy them); pins appear on /homes automatically. Valuation: on /sell, select Instant Valuation and edit Areas as one line per area, 'Name = price per m²'. Alerts: the 'New homes' form on /homes and area pages sends Email, area and budget to your form destination.
11 · Video, gallery, plans and languages
Hero film: select Hero Video on Home and upload your own MP4 (1080p, under 3 MB, no sound). Per home: Images 4–10, Floor plan, Energy rating, Brochure link (a PDF URL) and Video tour (an MP4 URL) — empty fields hide themselves. Languages: Localization → Spanish → Settings → change it to any language, then Translate all. The free plan includes one extra language.
Need help?
Email llamaholic@gmail.com, we reply within one business day. Template users get 20% off our setup and customisation service.