iDeisignBucket

Google Maps for Gutenberg is a simple, lightweight flexible google map plugin which allows you to create a map with one click. It has tons of features such as full width map, 17 different custom map styles, custom width and height attributes. Easy and Flexible !!
Gutenberg is now a core feature so please update to WordPress v5, or install the <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg plugin</a>.
This plugin requires WordPress <code>5.0</code> or greater.
<h4>Plugin Features</h4>
Works as any other Gutenberg block with the following settings: 
* 17 Different Map Styles 
* Scroll Zoom 
* Map Width and Height Features 
* Full Width Map Styles (Entire Screen) 
* Upload Custom Marker for your map 
* Easy and Flexible 
* Customize Everything 
* And many more..
<h3>API Key</h3>
This plugin requires an API key to interact with Google Maps. Without an API key maps will not be displayed.
To obtain an API key follow these steps: 
1. Create a new project in the Google Developer’s console by clicking <a href="https://console.developers.google.com/flows/enableapi?apiid=maps_backend,static_maps_backend,maps_embed_backend&keyType=CLIENT_SIDE&reusekey=true" rel="nofollow ugc">here</a> and selecting Create new project 
2. Name your project 
3. Select HTTP referrers (web sites) for the Key restriction type 
4. Enter the domains where your API key will be used 
 – Example: <code>*.mysite.com</code> 
5. Click the Create button 
6. Write your API key down in a safe place 
7. Enter the API key into the plugin settings
Note: The API key will be exposed publicly to generate the map. It is important to <a href="https://developers.google.com/maps/documentation/embed/get-api-key#key-restrictions" rel="nofollow ugc">restrict your API key</a> so others do not abuse it. The API key will be used, and displayed, in both the WordPress editor and the front end of the site.

Google Map for Gutenberg Block

Google map for Gutenberg. Fast, Simple, Flexible with rich in features.

Freemius

Abu Hayat

bPlugins

Charles Cormier

Shehab mahamud

<a href="https://bplugins.com/products/button-block/" rel="nofollow ugc">Demos</a> | <a href="https://bplugins.com/products/button-block/pricing/" rel="nofollow ugc">Buy Now</a> | <a href="https://bplugins.com/products/button-block/#demo" rel="nofollow ugc">Demo</a>
Get multi-functional buttons. The Button Block plugin comes up with many useful styling options that make you happy to build responsive, interactive, stylish buttons in a few clicks.
<h3>Features of Button Block</h3>
<ul>
<li>
Download: Download files with this button easily.
</li>
<li>
Icon: Add icon with button text.
</li>
<li>
Tooltip: Show tooltip text on button hover.
</li>
<li>
Size: Make the button small, medium, large, extra large also full width.
</li>
<li>
3D: Make button 3D with just single click.
</li>
<li>
Animation: Lots of animation style with duration.
</li>
<li>
Hide Menu: Hide Button block option from admin menu.
</li>
</ul>
<h3>Premium Features of Button Block</h3>
<ul>
<li>
Button Action: Use the button as a link or popup trigger.
</li>
<li>
rel Attribute: Add the rel/relation attribute to the anchor link.
</li>
<li>
referrer-policy Attribute: Add the Referrer Policy attribute to the anchor link.
</li>
<li>
Download File Name: For the download, enter a custom name for the download file.
</li>
<li>
Icon Position: Set the icon position to the left or right.
</li>
<li>
Tooltip Position: Choose a different position for the tooltip.
</li>
<li>
Hide on Devices: Hide on various devices (desktop, tablet, and mobile).
</li>
<li>
Popup Content: Show Image, Audio, Video, Block Content, Document(.pdf, .doc, .docx, .xls, .xlsx), and Iframe.
</li>
<li>
Security Features: Login, Password , Email Required.
</li>
</ul>
<h3>How to use Button Block</h3>
Getting started is easy.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7AsT69P2bMk?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>
Step by Step Setup 
– First, install the Button Block plugin 
– Add the Button Block from the block category called “Widgets” in the Gutenberg editor. 
– You can change block settings from the right-side settings sidebar. 
– Enjoy!
<ul>
<li>For installation help click on Installation Tab</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.

Google Map for Gutenberg Block vs Button Block – Design Stylish, Interactive, and Multi-Functional Buttons