B.M. Rafiul Alam

ThemesByte

Adds Awesome Contact Form7 for Elementor that are specifically designed to be used in conjunction with the Elementor Page Builder and Contact form7.
Video tutorial link:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/47vsPWSUXPY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Make a cool contact form in 5 minutes with Awesome Contact Form7 for Elementor
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/s9YWe3j47n4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Awesome Contact Form7 for Elementor

Add Awesome Contact Form7 for Elementor with easy way.

James Arama

garbowza

Quoter - Niklas

A free Elementor Map Widget that utilizes <a href="https://www.openstreetmap.org/about" rel="nofollow ugc">Open Street Map</a>. Comes with features like adding multiple markers, and choosing from a library of custom tiles to change the look and feel. Requires <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder</a> Plugin Version: 3.5+
This plugin is <a href="https://github.com/flopperj/osm-map-elementor" rel="nofollow ugc">open sourced</a> so feel free to contribute to it by: 
1. Adding a topic/issue <a href="https://github.com/flopperj/osm-map-elementor/issues" rel="nofollow ugc">here</a> 
2. Submitting a pull request with any well-written code that implements the desired feature.
<h3>Usage</h3>
<ol>
<li>Make sure that Elementor plugin is installed</li>
<li>Add optional API Keys to the settings page:
<ul>
<li>Google Maps API Key (Used to autocomplete and update the coordinates of markers in a map. Need help to get a Google map API key? <a href="https://developers.google.com/maps/documentation/javascript/get-api-key" rel="nofollow ugc">Read this resource</a>)</li>
<li>Mapbox Access Token (Used for custom tiles. Need help to get a Mapbox Access Token? <a href="https://docs.mapbox.com/help/how-mapbox-works/access-tokens/" rel="nofollow ugc">Read this resource</a>)</li>
<li>Geoapify API Key (Used for custom tiles. Need help to get a Geoapify API key? <a href="https://www.geoapify.com/maps-api/" rel="nofollow ugc">Read this resource</a>)</li>
</ul>
</li>
<li>Add OSM Map widget to your elementor page and have fun 🙂
<ul>
<li>Find OSM Map widget from elements listing and add it to your elementor page</li>
<li>Add multiple markers, change Zoom level style them accordingly</li>
<li>Editing the markers: A marker’s settings contains Title, Location, Coordinates, Description, Button Text, and Button URL fields. Of those fields, only the Coordinates field is required to render a marker on the map. If you have a Google Maps API key added, you’ll be able to automatically populate the coordinates field without manually doing so.</li>
<li>Change Tiles from style section requires <a href="https://docs.mapbox.com/help/how-mapbox-works/access-tokens/" rel="nofollow ugc">Mapbox Access Token</a> and <a href="https://www.geoapify.com/maps-api/" rel="nofollow ugc">Geoapify API Key</a></li>
</ul>
</li>
</ol>

OSM Map Widget for Elementor

A free Elementor Map Widget that utilizes Open Street Map. Comes with features like adding multiple markers, and choosing from a library of custom til …

Awesome Contact Form7 for Elementor vs OSM Map Widget for Elementor