Contact us form Snippets
5 min
you can embed a boom powered “contact us” form anywhere on your website when a visitor submits it, a lead is automatically created in boom with a lead source of contact us this documentation details the step by step instructions on how to embed the iframe 1\ enable the form & generate link (one time) a boom user can generate the contact us link from within boom this will be a one time step, and the link will not change one link covers your entire portfolio you don’t need a separate link per property to target specific properties, use the property ids parameter (see customize ) the link is safe to publish publicly; spam protection is built in 2\ embed it paste this snippet into your page and replace the src with the link from above \<iframe src="https //\<your contact form link>" title="contact us" width="100%" style="max width 520px; height 720px; border none; border radius 12px;" loading="lazy" \>\</iframe> the form is mobile responsive inside the frame set the iframe to width 100% and cap it with max width 3\ customize (url parameters) append parameters to your link as a query string, e g https //\<your contact form link>?property ids=123,456\&submit label=get%20in%20touch parameter values default what it does property ids comma separated boom property ids, e g 123 , 456 all available properties limits the property dropdown to specific properties find a property’s id in its page url in the portal (e g … /properties/123) ids are validated against your account unknown ids are ignored submit label any text, max 40 chars (url encode spaces) submit custom text for the submit button show property true/false true show or hide the “which property are you interested in?” picker set to false for a general contact form show unit true/false true show or hide the unit picker combine parameters with & always url encode values that contain spaces or special characters sizing & styling the \<iframe> is your styling boundary you control its box; the form’s interior uses boom’s design recommended values property recommended notes width 100% fills the container max width 480–560px the form is single column; wider just adds whitespace height 720px with pickers, 560px when show property=false & show unit=false the frame doesn’t auto resize — set a height tall enough for the form so there’s no inner scrollbar border none border radius optional, e g 12px cosmetic; clip the corners to match your site good to know leads land in boom under the contact us source, with the property/unit the visitor selected (if any) spam protection (captcha + rate limiting) is automatic nothing to configure no property selected (or none currently available) → the form still submits as a general inquiry
