Void Contact Form 7 Widget For Elementor Page Builder vs Map Field for Contact Form 7

This plugin adds new element / widget to Elementor Page Builder which helps you to easily drag and drop contact form 7 forms from a drop down list. No need of going in cf7 & copying the shortcode and addding to shortcode widget of elementor anymore !! Check out our new feature to edit and create contact form from elementor editor. You don’t need to leave elementor editor to modify or create contact form 7. boom! Now only Drag and drop the widget inside elementor builder & choose your contact form. Multiple style options, hover, focus and even custom css option if you are into it. Want to define style for input, lable, send button, success ? No problem ! This plugin let’s you do those directly from elementor screen! Want to add custom page to redirect to when the form is submitted ? That is also possible now ! Yet this is just a simple plugin for simple users 🙂 What’s more interesting is that you can have multiple form of the same single contact form 7 form with different rules and design with this on same page ! For more details :VOID CF7 Elementor Widget. For our other elementor & WP works visit : VOID CODERS. For updates follow us on : Facebook. Missing a feature or Found a bug? : Feature Request / Bug Report. Need to design Contact form 7 Emails with Elementor? 👉Check Elemailer – A drag & drop email builder for WordPress. Version 2.0 Preview ( New Style controls with hover, focus, gradient etc ) Edit/Add contact from inside Elementor Another Preview What Does This plugin give you? For editing or creating contact form 7, You don’t have to leave elementor editor. New popup modal will be open on elementor editor. Edit or create forms on the fly! Easy use of contact forms created with Contact form 7 pluing inside elementor live editor Add CSS directly from elementor live preview to your contact form 7 for different field type!! Add any WordPress page as thank you page with this directly from elementor edit screen when you add the VOID Contact Fom 7 Widget! Use Single contact form 7 with different Style & redirect rule(Thank you page on success) on the same page with this. Note: This plugin is an addon of Elementor Page Builder (https://wordpress.org/plugins/elementor/) and will only work with Elementor Page Builder installed along with Contact form 7 plugin. Update Instructions Update the plugin either via wp dashboard or via FTP. After update make sure you clear your browser cache.

Google Map Field for Contact Form 7 is the most complete solution for adding a Google Places address autocomplete field to your Contact Form 7 forms. Users type a few characters, select from live suggestions, and an interactive Google Map appears instantly — no page reload needed. The draggable marker lets users fine-tune the exact pin position. When dragged, the address and coordinates update automatically via reverse geocoding — so what gets submitted is always accurate. ✨ Key Features Google Places Autocomplete — real-time address suggestions powered by the Google Places API (new PlaceAutocompleteElement) Always-visible interactive map — map renders on page load using your configured default centre; no address selection required Draggable marker — users drag the pin to the exact location; address and lat/lng fields update automatically via reverse geocoding Responsive map heights — set separate pixel heights for desktop (> 768 px) and mobile (≤ 768 px) from the admin Default map centre — configure a default latitude and longitude so the map opens on the right region for your audience Address component sub-fields — optionally show separate inputs for Street Number, City, State, Postcode, and Country; each auto-populated on place selection Country filter — restrict autocomplete suggestions to one or more countries using ISO 3166-1 alpha-2 codes (e.g. in, us, gb) Place type filter — limit suggestions to specific place types such as airport, restaurant, or art_gallery Mail-tag support — use [fieldname-locality], [fieldname-state], [fieldname-postcode], and [fieldname-country] mail tags in CF7 email templates Lat/Lng hidden fields — latitude and longitude are captured as hidden fields for backend processing or CRM integrations Elementor popup compatible — autocomplete and map re-initialise correctly when used inside Elementor popups Elegant form field design — modern, accessible frontend styling with focus rings, smooth transitions, and validation error states Translation ready — all field labels are customisable from the settings page; compatible with WPML and Polylang 🗺️ How It Works Install and activate the plugin (Contact Form 7 must be active) Go to Contact → Google Place API and enter your Google Places API key In any CF7 form editor, use the new Field Autocomplete tag to insert a [googlemapfield] tag Configure map height, default centre, and address sub-fields from the settings page The map appears automatically on your form — users pick an address and the marker updates in real time 🔑 Google API Key Setup This plugin requires a Google Cloud API key with the following APIs enabled: Maps JavaScript API Places API (New) Full setup guide → 📬 Mail Tag Reference After adding a [googlemapfield your-location] tag to your form, use these mail tags in your CF7 email template: Mail Tag Returns [your-location] Full formatted address [your-location-locality] City / Locality [your-location-state] State / Province [your-location-postcode] Postal code [your-location-country] Country 💼 Use Cases Delivery forms — capture precise delivery addresses with postcode and city auto-filled Event registration — let attendees specify their nearest location or venue Job applications — collect applicant location with lat/lng for distance filtering Real estate enquiries — capture property address with map confirmation Service booking — validate service area coverage before form submission Travel & hospitality — autocomplete hotel, airport, or attraction names Privacy Policy & External Services This plugin connects to Google’s servers to load the Maps JavaScript API and retrieve place suggestions and geocoding results. By using this plugin you agree to: Google Maps Platform Terms of Service Google Privacy Policy No personal data is collected or stored by this plugin itself. Address data entered by users is sent directly to Google’s API from the visitor’s browser.