
Julian Galluzzo
Exit Intent Popup With Form
Simple design for a popup with an image, header, paragraph, form, and button to close the popup. Must be added to a popup template.
Copy component
Download JSON

{"content":[{"id":"ddaocz","name":"div","parent":0,"children":["pcddtm","etwnhk"],"settings":{"_cssGlobalClasses":["xpwgab"]},"label":"Popup"},{"id":"pcddtm","name":"image","parent":"ddaocz","children":[],"settings":{"image":{"id":374,"filename":"pexels-ruken-30312761.jpg","size":"large","full":"https://postpilot.local/wp-content/uploads/2025/02/pexels-ruken-30312761.jpg","url":"https://postpilot.local/wp-content/uploads/2025/02/pexels-ruken-30312761-819x1024.jpg"},"_cssGlobalClasses":["rrttbe"]}},{"id":"etwnhk","name":"block","parent":"ddaocz","children":["ndlief","xhcqnf","ryaiwl","auwzhg"],"settings":{"_cssGlobalClasses":["euheal"]},"label":"Content"},{"id":"ndlief","name":"heading","parent":"etwnhk","children":[],"settings":{"text":"Hey, don't go anywhere!","_margin":{"bottom":"5"},"_typography":{"font-weight":"800"}}},{"id":"xhcqnf","name":"text-basic","parent":"etwnhk","children":[],"settings":{"text":"Stick around and we'll send a bowl of hummus straight to your email inbox!","_margin":{"bottom":"15"}}},{"id":"ryaiwl","name":"form","parent":"etwnhk","children":[],"settings":{"fields":[{"type":"email","label":"Email","placeholder":"Your Email","required":true,"id":"3fde8e"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"PostPilot","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","fieldMargin":{"bottom":"10"},"_cssGlobalClasses":["jeblze"],"submitButtonText":"Subscribe to our newsletter"},"themeStyles":{}},{"id":"auwzhg","name":"icon","parent":"etwnhk","children":[],"settings":{"icon":{"library":"themify","icon":"ti-close"},"iconSize":"20","_cssGlobalClasses":["kqcdol"]},"themeStyles":{},"label":"Close Button"}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.12.1","globalClasses":[{"id":"xpwgab","name":"popup","settings":{"_width":"100%","_margin":{"left":"auto","right":"auto"},"_display":"grid","_gridTemplateColumns":"0.5fr 1fr","_overflow":"hidden","_border":{"width":{"left":"1","right":"1","bottom":"1","top":"1"},"style":"solid","color":{"hex":"#c4c4c4"}},"_boxShadow":{"values":{"offsetY":"2","blur":"10","spread":"5"},"color":{"hex":"#828282","rgb":"rgba(130, 130, 130, 0.17)","hsl":"hsla(0, 0%, 51%, 0.17)"}},"_typography":{"font-family":"Manrope"}}},{"id":"rrttbe","name":"popup__image","settings":{"_height":"100%","_objectFit":"cover"}},{"id":"euheal","name":"popup__content","settings":{"_justifyContent":"center","_padding":{"bottom":"40","top":"40","left":"40","right":"40"},"_position":"relative"}},{"id":"jeblze","name":"popup__form","settings":{"fieldMargin":{"bottom":"10"},"submitButtonWidth":"100%","submitButtonBackgroundColor":{"hex":"#6ab1f3","id":"vqhiae","name":"Color #1"},"submitButtonTypography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-weight":"600","line-height":"1.5"}}},{"id":"kqcdol","name":"popup__close","settings":{"_position":"absolute","_top":"15","_right":"15","_cursor":"pointer","_interactions":[{"id":"srvuln","trigger":"click","action":"hide","target":"popup","templateId":"371","titleEditable":"Close Popup"}]}}],"globalElements":[]}
Similar components


Akshay Joshi
Construction kit – Contact section
Contact form with social links and additional information
View now
Copy now
{"id":3356,"name":"construction-kit-contact-section","title":"Construction kit - Contact Section","date":"2025-08-20 17:46:32","date_formatted":"August 20, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/construction-kit-contact-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c2c01f","name":"section","parent":0,"children":["50475e"],"settings":{"_cssGlobalClasses":["ecvdox","rocynw","klstua"]},"label":"Contact Section"},{"id":"50475e","name":"container","parent":"c2c01f","children":["08dbdd","1463f2"],"settings":{"_cssGlobalClasses":["imymyf","kzdlvy","jgaman"]}},{"id":"08dbdd","name":"block","parent":"50475e","children":["15fc6d","66b887"],"settings":{"_cssGlobalClasses":["qpsnnz"]},"label":"Column"},{"id":"15fc6d","name":"div","parent":"08dbdd","children":["6e480a","0897bd"],"settings":{"_cssGlobalClasses":["ziecxf"]}},{"id":"6e480a","name":"heading","parent":"15fc6d","children":[],"settings":{"text":"Contact Us","tag":"h2","_cssGlobalClasses":["jxypep"]}},{"id":"0897bd","name":"divider","parent":"15fc6d","children":[],"settings":{"_cssGlobalClasses":["yfabgg"]}},{"id":"66b887","name":"form","parent":"08dbdd","children":[],"settings":{"fields":[{"type":"text","label":"Name","placeholder":"Your Name","id":"a7afd5","width":"50"},{"type":"email","label":"Email","placeholder":"Your Email","required":true,"id":"c444db","width":"50"},{"type":"textarea","label":"Message","placeholder":"Your Message","required":true,"id":"2b9955"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["duphfv"],"submitButtonText":"Send Message","submitButtonSize":"xl","submitButtonWidth:mobile_portrait":"100"},"themeStyles":[]},{"id":"1463f2","name":"block","parent":"50475e","children":["4b210e","7e2adf"],"settings":{"_cssGlobalClasses":["nnayuz"],"_alignItems":"center","_justifyContent":"center"},"label":"Column"},{"id":"4b210e","name":"block","parent":"1463f2","children":["db87bd"],"settings":{"_cssGlobalClasses":["zvptzf"]}},{"id":"db87bd","name":"social-icons","parent":"4b210e","children":[],"settings":{"_padding":{"top":15,"right":15,"bottom":15,"left":15},"_typography":{"color":{"hex":"#ffffff"}},"icons":[{"icon":{"library":"fontawesomeBrands","icon":"fab fa-twitter"},"id":"zffmjd"},{"icon":{"library":"fontawesomeBrands","icon":"fab fa-facebook-f"},"id":"nlkypw"},{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"id":"zebvsm"}],"_cssGlobalClasses":["obkgat"]},"themeStyles":[]},{"id":"7e2adf","name":"block","parent":"1463f2","children":["e87e94"],"settings":{"_cssGlobalClasses":["ixspio"]}},{"id":"e87e94","name":"list","parent":"7e2adf","children":[],"settings":{"items":[{"title":"Lorem ipsum dolor sit amet, consectetur adipiscing elit.","id":"fhcjth","icon":{"library":"fontawesomeSolid","icon":"fas fa-location-dot"}},{"title":"+00 123 456 78","id":"eeziya","icon":{"library":"fontawesomeSolid","icon":"fas fa-phone"}},{"title":"constractioninc@gmail.com","id":"wdkpuo","icon":{"library":"fontawesomeSolid","icon":"fas fa-envelope"}}],"_cssGlobalClasses":["vkacws"]},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"imymyf","name":"construction-default-container","settings":[]},{"id":"kzdlvy","name":"construction-full-width-container","settings":{"_width":"100%","_direction":"row"}},{"id":"rocynw","name":"construction-fullwidth-section","settings":{"_padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},{"id":"jxypep","name":"construction-h2","settings":{"_typography:tablet_portrait":{"font-size":"32"},"_typography":{"font-size":"40","font-family":"Rubik"},"_typography:mobile_landscape":{"font-size":"28"}}},{"id":"klstua","name":"construction-contact-section","settings":[],"modified":1754910590,"user_id":1},{"id":"jgaman","name":"construction-contact-container","settings":{"_width":"100%"},"modified":1754910590,"user_id":1},{"id":"qpsnnz","name":"construction-contact-left-col","settings":{"_background":{"color":{"hex":"#ffb401"}},"_padding":{"top":"6.5%","right":"5%","bottom":"6.5%","left":"5%"},"_columnGap":"50","_rowGap":"50"}},{"id":"nnayuz","name":"construction-contact-right-col","settings":[]},{"id":"zvptzf","name":"construction-contact-social-icon-block","settings":{"_background":{"color":{"hex":"#2a2a2a"}},"_alignItems":"center"}},{"id":"obkgat","name":"construction-contact-social-icon-list","settings":{"iconSize":"20","gap":"20","iconColor:hover":{"hex":"#ffb401"}},"modified":1755711977,"user_id":1},{"id":"vkacws","name":"construction-contact_contact-list","settings":{"separatorDisable":true,"titleMargin":{"left":"10","right":"0"},"titleTypography":{"font-weight":"600"},"itemJustifyContent":"flex-start","_widthMax":"430","itemMargin":{"bottom":"15"},"_typography":{"font-family":"Rubik","font-size":"15","font-weight":"500"}},"modified":1755084753,"user_id":1},{"id":"ixspio","name":"construction-contact_contact-block","settings":{"_padding":{"top":"50","right":"50","bottom":"50","left":"50"},"_justifyContent":"center","_alignItems":"center","_alignSelf":"center"},"modified":1754579315,"user_id":1},{"id":"duphfv","name":"construction-contact-left-col-form","settings":{"submitButtonWidth":"40","submitButtonBackgroundColor":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"},"submitButtonBorder":{"width":{"top":"5","right":"5","bottom":"5","left":"5"},"style":"solid","color":{"hex":"#ffffff"}},"submitButtonTypography":{"color":{"hex":"#ffffff"},"font-weight":"500","text-transform":"uppercase","font-family":"Rubik","font-size":"14"},"placeholderTypography":{"color":{"hex":"#8e8e93"}},"horizontalAlignFields":"flex-end","fieldMargin":{"right":"20"},"submitButtonMargin":{"right":"20"},"fieldPadding":{"top":"8","bottom":"8"},"fieldMargin:mobile_landscape":{"right":"0"},"submitButtonWidth:mobile_landscape":"100","submitButtonMargin:mobile_landscape":{"right":"0"}},"modified":1755688593,"user_id":1},{"id":"yfabgg","name":"construction-contact-left-col_divider","settings":{"height":"5","width":"22%"}},{"id":"ziecxf","name":"construction-contact-section_heading-div","settings":{"_display":"flex","_direction":"column","_columnGap":"20","_rowGap":"20"}}]}


Akshay Joshi
Estatein Kit – Property Form
Section with bricks form using some js code for design
View now
Copy now
{"id":2590,"name":"property-form","title":"Property form","date":"2025-07-24 20:11:55","date_formatted":"July 24, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/property-form\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"639cd3","name":"section","parent":0,"children":["fa1d58"],"settings":{"_cssGlobalClasses":["qcvyzw"]},"label":"Property form "},{"id":"fa1d58","name":"container","parent":"639cd3","children":["17eb7a","5d73c5"],"settings":{"_cssGlobalClasses":["vcwyzs","wglmeq"],"_direction":"column"}},{"id":"17eb7a","name":"form","parent":"fa1d58","children":[],"settings":{"fields":[{"type":"text","id":"razyza","placeholder":"Search For Property"},{"type":"select","placeholder":"Location","id":"idbvuv","options":"Example 1\nExample 2\nExample 3","width:mobile_landscape":"100","width:tablet_portrait":"50","width":"20"},{"type":"select","placeholder":"Property Type","id":"geqmvt","options":"Example 1\nExample 2\nExample 3","width":"20","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","placeholder":"Pricing Range","id":"slqkrp","options":"Example 1\nExample 2\nExample 3","width:mobile_landscape":"100","width:tablet_portrait":"50","width":"20"},{"type":"select","placeholder":"Property Size","id":"tkbahw","options":"Example 1\nExample 2\nExample 3","width":"20","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","placeholder":"Build Year","id":"pqqjhr","options":"Example 1\nExample 2\nExample 3","width":"20","width:mobile_landscape":"100","width:tablet_portrait":"50"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["rmudwr","bszcpc"],"showLabels":true,"submitButtonText":"Send Your Message","submitButtonMargin":{"left":"-15","top":"16.5"},"_flexDirection":"row","submitButtonWidth":"100"},"themeStyles":[]},{"id":"5d73c5","name":"code","parent":"fa1d58","children":[],"settings":{"javascriptCode":"\/\/ Search input\nconst searchInput = document.querySelector('input[name=\"form-field-razyza\"]');\nif (searchInput) {\n searchInput.parentElement.classList.add('cust_property-input-search-icon');\n}\n\n\/\/ Location select\nconst locationSelect = document.querySelector('select[name=\"form-field-idbvuv\"]');\nif (locationSelect) {\n locationSelect.parentElement.classList.add('cust_property-input-location-icon');\n}\n\n\/\/ Property Type select\nconst propertyTypeSelect = document.querySelector('select[name=\"form-field-geqmvt\"]');\nif (propertyTypeSelect) {\n propertyTypeSelect.parentElement.classList.add('cust_property-input-property-type-icon');\n}\n\n\/\/ Pricing Range select\nconst pricingRangeSelect = document.querySelector('select[name=\"form-field-slqkrp\"]');\nif (pricingRangeSelect) {\n pricingRangeSelect.parentElement.classList.add('cust_property-input-pricing-range-icon');\n}\n\n\/\/ Property Size select\nconst propertySizeSelect = document.querySelector('select[name=\"form-field-tkbahw\"]');\nif (propertySizeSelect) {\n propertySizeSelect.parentElement.classList.add('cust_property-input-property-size-icon');\n}\n\n\/\/ Build Year select\nconst buildYearSelect = document.querySelector('select[name=\"form-field-pqqjhr\"]');\nif (buildYearSelect) {\n buildYearSelect.parentElement.classList.add('cust_property-input-build-year-icon');\n}","executeCode":true,"cssCode":"\/* Search input icon *\/\n.cust_property-input-search-icon input {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-1.svg) no-repeat left center !important;\n background-size: 20px !important;\n \n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Location select icon *\/\n.cust_property-input-location-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-7-1.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Property Type select icon *\/\n.cust_property-input-property-type-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-8.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Pricing Range select icon *\/\n.cust_property-input-pricing-range-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-9.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Property Size select icon *\/\n.cust_property-input-property-size-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-10.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Build Year select icon *\/\n.cust_property-input-build-year-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-11.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/************\/\n\/**submit**\/\n.estatein-poperty-search__form .form-group.submit-button-wrapper {\n position: absolute;\n width: max-content !important;\n top: 18px;\n right: calc(11% + 20px);\n}\n.estatein-poperty-search__form .form-group.submit-button-wrapper button.bricks-button {\n line-height: 36px;\n}\n\/* Search input form group background *\/\n\n.form-group.cust_property-input-search-icon input {\n width: 80%;\n border: 10px solid #1a1a1a !important;\n margin-bottom: -10px;\n border-radius: 20px 20px 0 0 !important;\n padding-top: 20px !important;\n padding-bottom: 20px !important;\n}\n\n.form-group.cust_property-input-search-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\/* Location select form group background *\/\n.form-group.cust_property-input-location-icon {\n background: #1a1a1a;\n border-radius: 20px 0 0 20px;\n}\n\n\n\/* Property Type select form group background *\/\n.form-group.cust_property-input-property-type-icon {\n background: #1a1a1a;\n}\n\n\/* Pricing Range select form group background *\/\n.form-group.cust_property-input-pricing-range-icon {\n background: #1a1a1a;\n}\n\n\/* Property Size select form group background *\/\n.form-group.cust_property-input-property-size-icon {\n background: #1a1a1a;\n}\n\n\/* Build Year select form group background *\/\n.form-group.cust_property-input-build-year-icon {\n background: #1a1a1a;\n border-radius: 0 20px 20px 0;\n}\nCopilot said: Ah, I understand! You want the search\nAh, I understand! You want the search icon to be visible on all screen sizes (both mobile and desktop). Here's the corrected CSS:\n\nCSS\n\/* Show both icon and text on all screen sizes for submit button *\/\n.estatein-poperty-search__form .form-group.submit-button-wrapper button {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.estatein-poperty-search__form .form-group.submit-button-wrapper button::before {\n content: \"\";\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-12.svg) no-repeat center center;\n background-size: 20px 20px;\n width: 20px;\n height: 20px;\n display: inline-block;\n}\n\n.estatein-poperty-search__form .form-group.submit-button-wrapper button .text {\n display: inline-block;\n}\n@media only screen and (max-width:767px){\n.form-group.cust_property-input-search-icon input {\n width: 100%;\n border: 3px solid #1a1a1a !important;\n margin-bottom: -10px;\n border-radius: 20px!important;\n}\n .estatein-poperty-search__form .form-group.submit-button-wrapper {\n right: calc(0% + 20px);\n top:2px;\n}\n .form-group.cust_property-input-search-icon {\n margin-bottom: 30px;\n padding: 0 !important;\n} \n .form-group.cust_property-input-location-icon {\n \n border-radius: 20px 20px 0 0px;\n}\n .form-group.cust_property-input-build-year-icon {\n \n border-radius: 0 0px 20px 20px;\n }\n \/***btn***\/\n .estatein-poperty-search__form .form-group.submit-button-wrapper button .text {\n display: none;\n }\n \n .estatein-poperty-search__form .form-group.submit-button-wrapper button {\n position: relative;\n }\n \n .estatein-poperty-search__form .form-group.submit-button-wrapper button::before {\n content: \"\";\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-12.svg) no-repeat center center;\n background-size: 20px 20px;\n width: 20px;\n height: 20px;\n display: inline-block;\n vertical-align: middle;\n }\n .estatein-poperty-search__form .form-group.submit-button-wrapper button.bricks-button {\n min-height: 51px;\n min-width: 56px;\n}\n}"},"label":"Js code to add class on input ","themeStyles":[]}],"templateType":"section","global_classes":[{"id":"qcvyzw","name":"estatein-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"8%","right":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","left":"5%","right":"5%"},"_background":{"color":{"hex":"#141414"}}},"modified":1749740692,"user_id":1},{"id":"wglmeq","name":"estatein-default-container","settings":{"_direction:mobile_landscape":"row","_width":"1596"},"modified":1749711177,"user_id":1},{"id":"vcwyzs","name":"statein-property-banner__other-filters","settings":[],"modified":1753360173,"user_id":1},{"id":"rmudwr","name":"estatein-property__form","settings":{"fieldBackgroundColor":{"hex":"#000000"},"fieldBorder":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#262626"},"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"labelTypography":{"color":{"hex":"#ffffff"},"font-size":"clamp(15px, calc(15px + 5 * ((100vw - 1440px) \/ 480)), 20px);","text-transform":"none"},"placeholderTypography":{"color":{"hex":"#666666"},"font-size":"clamp(14px, calc(14px + 4 * ((100vw - 1440px) \/ 480)), 18px);"},"submitButtonBackgroundColor":{"hex":"#703bf7"},"submitButtonTypography":{"color":{"hex":"#ffffff"}},"labelTypography:mobile_landscape":{"font-size":"16"},"placeholderTypography:mobile_landscape":{"font-size":"14"},"fieldPadding":{"top":"5","bottom":"5"},"fieldMargin":{"left":"clamp(15px, calc(15px + 15 * ((100vw - 992px) \/ 928)), 30px);","right":"clamp(15px, calc(15px + 15 * ((100vw - 992px) \/ 928)), 30px);","bottom":"40"},"submitButtonBorder":{"radius":{"right":"6","top":"6","bottom":"6","left":"6"}},"_cssCustom:mobile_landscape":".estatein-property__form button.bricks-button.bricks-background-primary {\n font-size:14px;\n}\n.estatein-property__form .form-group.submit-button-wrapper {\n width: 100%;\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 20px;\n}\n.estatein-property__form button.bricks-button.bricks-background-primary {\n\n margin-right: 0;\n}","fieldMargin:mobile_landscape":{"bottom":"20"},"fieldMargin:mobile_portrait":{"bottom":"15"}},"modified":1752828436,"user_id":1},{"id":"bszcpc","name":"estatein-poperty-search__form","settings":{"fieldMargin":{"left":"10","right":"10","bottom":"10","top":"10"},"fieldPadding":{"top":"10","bottom":"10"},"_position":"relative"}}]}


Akshay Joshi
Estatein kit – Form 2
Multi-field form section
View now
Copy now
{"id":2259,"name":"estatein-kit-form-section","title":"Estatein kit - Form section","date":"2025-07-14 20:08:06","date_formatted":"July 14, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/estatein-kit-form-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"f55174","name":"section","parent":0,"children":["09ab85","8351c1"],"settings":{"_cssGlobalClasses":["qcvyzw","qntgjc"]},"label":"Form section"},{"id":"09ab85","name":"container","parent":"f55174","children":["c8b78d"],"settings":{"_cssGlobalClasses":["wglmeq"]}},{"id":"c8b78d","name":"block","parent":"09ab85","children":["1a1e14","dce988","cb36b3"],"settings":{"_cssGlobalClasses":["mcgbpw"]}},{"id":"1a1e14","name":"svg","parent":"c8b78d","children":[],"settings":{"file":{"id":1018,"filename":"Abstract-Design.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Abstract-Design.svg"}},"themeStyles":[]},{"id":"dce988","name":"heading","parent":"c8b78d","children":[],"settings":{"text":"Let's Make it Happen","tag":"h2","_cssGlobalClasses":["mvihif"]}},{"id":"cb36b3","name":"text-basic","parent":"c8b78d","children":[],"settings":{"text":"Ready to take the first step toward your dream property? Fill out the form below, and our real estate wizards will work their magic to find your perfect match. Don't wait; let's embark on this exciting journey together.","_cssGlobalClasses":["sfstmx"]}},{"id":"8351c1","name":"container","parent":"f55174","children":["ae0152","b55f95"],"settings":{"_cssGlobalClasses":["wglmeq","bbuhmh"]}},{"id":"ae0152","name":"form","parent":"8351c1","children":[],"settings":{"fields":[{"type":"text","label":"First Name","placeholder":"First Name","id":"117be5","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"text","label":"Last Name","placeholder":"Last Name","id":"hqkbor","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"email","label":"Email","placeholder":"Email","id":"xfbwkg","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"text","label":"Phone","placeholder":"Phone","id":"hhdqqt","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","label":"Prefered Location","placeholder":"Select Location","id":"idbvuv","options":"Example 1\nExample 2\nExample 3","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","label":"Property Type","placeholder":"Select Property Type","id":"geqmvt","options":"Example 1\nExample 2\nExample 3","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","label":"No. of Bathrooms","placeholder":"Select no. of Bathrooms","id":"slqkrp","options":"Example 1\nExample 2\nExample 3","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","label":"No. of Bedrooms","placeholder":"Select no. of Bedrooms","id":"tkbahw","options":"Example 1\nExample 2\nExample 3","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","label":"Budget","placeholder":"Select Budget","id":"dkuhmc","options":"Example 1\nExample 2\nExample 3","width":"50","width:mobile_landscape":"100","width:tablet_portrait":"100"},{"type":"text","label":"Preferred Contact Method","placeholder":"Phone","id":"toxbkh","width":"25","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"email","placeholder":"Email","id":"qrqkug","width":"25","width:mobile_landscape":"100","label":" Your Email","width:tablet_portrait":"50"},{"type":"textarea","label":"Message","placeholder":"Enter your Message here..","id":"dbcane"},{"type":"checkbox","id":"jkclfy","options":"I agree with Terms of Use and Privacy Policy","width":"80","width:mobile_landscape":"100"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["rmudwr"],"showLabels":true,"submitButtonText":"Send Your Message"},"themeStyles":[]},{"id":"b55f95","name":"code","parent":"8351c1","children":[],"settings":{"javascriptCode":"\/\/ Phone input\nconst phoneInput = document.querySelector('input[name=\"form-field-toxbkh\"]');\nif (phoneInput) {\n phoneInput.parentElement.classList.add('input-phone-icon');\n}\n\n\/\/ Email input\nconst emailInput = document.querySelector('input[name=\"form-field-qrqkug\"]');\nif (emailInput) {\n emailInput.parentElement.classList.add('input-email-icon');\n}\n\n\/\/ Checkbox input\nconst checkboxInput = document.querySelector('input[name=\"form-field-jkclfy[]\"]');\nif (checkboxInput) {\n checkboxInput.parentElement.classList.add('input-checkbox-icon');\n}\n","executeCode":true,"cssCode":".input-phone-icon input {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-5.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\/************email icon***********\/\n\n.input-email-icon input {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-6.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}"},"label":"Js code to add class on input ","themeStyles":[]}],"templateType":"section","global_classes":[{"id":"qcvyzw","name":"estatein-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"8%","right":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","left":"5%","right":"5%"},"_background":{"color":{"hex":"#141414"}}},"modified":1749740692,"user_id":1},{"id":"wglmeq","name":"estatein-default-container","settings":{"_direction:mobile_landscape":"row","_width":"1596"},"modified":1749711177,"user_id":1},{"id":"mvihif","name":"estatein-h2-whte","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"48","font-weight":"600"},"_typography:mobile_landscape":{"font-size":"28"}},"modified":1748526561,"user_id":1},{"id":"sfstmx","name":"estatein__body-text","settings":{"_typography":{"color":{"hex":"#999999"},"font-size":"clamp(16px, calc(16px + (4 * ((100vw - 1440px) \/ 480))), 18px);"},"_typography:mobile_landscape":{"font-size":"14"},"_typography:tablet_portrait":{"font-size":"16"}}},{"id":"mcgbpw","name":"estatein_gap-xs","settings":{"_rowGap":"clamp(10px, calc(10px + 4 * ((100vw - 1440px) \/ 480)), 14px);"}},{"id":"rmudwr","name":"estatein-property__form","settings":{"fieldBackgroundColor":{"hex":"#000000"},"fieldBorder":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#262626"},"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"labelTypography":{"color":{"hex":"#ffffff"},"font-size":"clamp(15px, calc(15px + 5 * ((100vw - 1440px) \/ 480)), 20px);","text-transform":"none"},"placeholderTypography":{"color":{"hex":"#666666"},"font-size":"clamp(14px, calc(14px + 4 * ((100vw - 1440px) \/ 480)), 18px);"},"submitButtonBackgroundColor":{"hex":"#703bf7"},"submitButtonTypography":{"color":{"hex":"#ffffff"}},"labelTypography:mobile_landscape":{"font-size":"16"},"placeholderTypography:mobile_landscape":{"font-size":"14"},"fieldPadding":{"top":"5","bottom":"5"},"fieldMargin":{"left":"clamp(15px, calc(15px + 15 * ((100vw - 992px) \/ 928)), 30px);","right":"clamp(15px, calc(15px + 15 * ((100vw - 992px) \/ 928)), 30px);","bottom":"40"},"_cssCustom":".estatein-property__form button.bricks-button.bricks-background-primary {\n min-width: 191px;\n min-height: 51px;\n margin-right: clamp(15px, calc(15px + 15 * ((100vw - 992px) \/ 928)), 30px);\n}\n.form-group.submit-button-wrapper {\n width: 20%;\n display: flex;\n align-items: flex-end;\n}\nli.input-checkbox-icon label {\n display: flex;\n flex-direction: row;\n gap: 5px !important;\n flex-wrap: wrap;\n}\n\/* Hide the default checkbox *\/\n.estatein-property__form .options-wrapper input[type=\"checkbox\"] {\n display: none;\n}\n\n\/* Style the label as a block and align checkbox visually *\/\n.estatein-property__form .options-wrapper label {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n\n color: #999999;\n cursor: pointer;\n padding: 10px;\n\n}\n\n\n\/* Custom checkbox box *\/\n.estatein-property__form .options-wrapper input[type=\"checkbox\"] + label::before {\n content: \"\";\n display: inline-block;\n width: 24px;\n height: 25px;\n background-color: #000;\n border-radius: 2px;\n flex-shrink: 0;\n position: relative;\n margin-top:4px\n}\n\n\/* Checkmark when checked *\/\n.estatein-property__form .options-wrapper input[type=\"checkbox\"]:checked + label::before {\n content: \"\u2713\";\n font-size: 14px;\n color: white;\n text-align: center;\n line-height: 25px;\n}","submitButtonBorder":{"radius":{"right":"6","top":"6","bottom":"6","left":"6"}},"_cssCustom:mobile_landscape":".estatein-property__form button.bricks-button.bricks-background-primary {\n font-size:14px;\n}\n.estatein-property__form .form-group.submit-button-wrapper {\n width: 100%;\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 20px;\n}\n.estatein-property__form button.bricks-button.bricks-background-primary {\n\n margin-right: 0;\n}","fieldMargin:mobile_landscape":{"bottom":"20"},"fieldMargin:mobile_portrait":{"bottom":"15"}},"modified":1751628802,"user_id":1},{"id":"bbuhmh","name":"estatein-property__form-container","settings":{"_padding":{"top":"clamp(20px, calc(20px + (30 * ((100vw - 992px) \/ 928))), 50px);","right":"clamp(20px, calc(20px + (30 * ((100vw - 992px) \/ 928))), 50px);","bottom":"clamp(20px, calc(20px + (30 * ((100vw - 992px) \/ 928))), 50px);","left":"clamp(20px, calc(20px + (30 * ((100vw - 992px) \/ 928))), 50px);"},"_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#262626"}},"_padding:mobile_landscape":{"top":"20","right":"0","bottom":"20","left":"0"}}},{"id":"qntgjc","name":"estatein-property__inquiry-section","settings":{"_rowGap":"70","_columnGap":"70"},"modified":1751550673,"user_id":1}]}