Using Advanced Google Maps Styles

To use the Google Maps element, you must have a valid Google API key on your website to enable the styling options provided by Google.

To get a Google API key, follow this article from the Google Maps documentation:

https://developers.google.com/maps/documentation/javascript/get-api-key

Make sure to enable the “Maps JavaScript API” for your account and API key.

Once you have the key, go to Theme Options > Settings > API Keys, paste your API key, and save the changes. After that, you’ll be able to use the Google Maps element with all available options.

Advanced Handpicked

Loop Builder

The Loop Builder lets you create advanced, fully customizable layouts for posts and other supported post types. Create reusable templates for each item, use Dynamic Tags to display content from the current post, and show posts, portfolio items, WooCommerce products,...

August 3, 2026

FAQ Handpicked Tips & Tricks

Animated Background Effects

The Animated Background Effects feature allows you to add dynamic and visually engaging backgrounds to your layouts. With just a few clicks, you can apply smooth animated effects to any container, helping you create more modern and interactive sections on...

March 11, 2026

Advanced FAQ Handpicked

Scroll Effects

The Scroll Effects feature allows you to add smooth, scroll-based transitions to elements, bringing motion and interactivity to your layouts. Using dynamic transformations tied to scroll position, you can create more engaging and visually rich pages — directly inside the...

January 30, 2026

Loop Builder

Animated Background Effects

Scroll Effects

Popular Categories

Getting Started

Handpicked

FAQ

Advanced

Developers

Quick Answers

Still have a question?

Search

Hey there

Get started

Still need Help?