Note: Lofty is rolling out in stages. Depending on the version your account is on, some features or screens described in this article may look different or may not yet be available to you.
Introduction
Lofty's page editor handles most website customizations without code. For cases where you need to go beyond the editor — custom styling, third-party scripts, or specific HTML — the Advanced Customizations section lets you inject custom code into your site.
Use with caution. Custom code can conflict with Lofty updates, break page functionality, or violate MLS compliance requirements. Test all custom code thoroughly before publishing.
Accessing Custom Code Settings
In the CMS, navigate to Settings > Advanced.
What You Can Add
Custom CSS
Style overrides that change the appearance of your site beyond what the theme editor supports — custom fonts loaded externally, specific element colors, spacing adjustments, or layout tweaks.
Custom JavaScript
Scripts that add functionality not built into the editor — chatbots, booking widgets, analytics tracking codes, custom event listeners. Also available via the [Embed Block] for page-specific scripts.
Head HTML
Code that goes into the <head> of every page — verification meta tags, structured data (JSON-LD schema), or global script libraries. For verification meta tags specifically, use [Header Meta Tags (Google & Bing Verification)] — it provides a simpler interface for this.
Page-Level vs. Site-Wide
Site-wide (Custom Code Settings): Code added here runs on every page of your site.
Page-specific (Embed Block): Use the Embed Block to add code that runs only on a specific page. This is the recommended approach for page-level scripts.
Tips
- Prefer the Embed Block for page-specific code. Adding scripts to individual pages via the Embed Block is safer than site-wide injection — it limits the impact if something goes wrong.
- Use CSS for styling, not HTML injection. CSS overrides are less likely to break when Lofty updates its templates than injected HTML.
- Always back up before adding custom code. Save a website version before adding custom code — this gives you a restore point if the code causes issues.
- Keep MLS compliance in mind. Custom code that hides the header, removes required disclaimers, or obstructs MLS logo display may violate your MLS rules.
Questions?
If you have any questions regarding this topic or any others, please reach out to our Support Team via email at support@lofty.com, by phone at 1 (855) 981-7557, or by chat with us through your Lofty CRM.
Comments
0 comments
Please sign in to leave a comment.