Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Marker Widget in Elementor

How to Use Marker Widget in Elementor

If you need to mark/ highlight a specific part of an image, you’ll get quite a hard time. But, our Marker Widget in Elementor, by Element Pack, will be one of the best solutions in terms of that.

Come on. I’ll take you one step forward and include some instructions and pictures. As a result, you might start you business you want.

To Insert Widget

inserting Marker Widget in Elementor

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above drag the maps marker inside your page.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part (option be added) of a website. And in this regard, some handy sections in the tab will assist you a lot.

Now, I’m going to show the sections of the Content Tab and how they work behind the Marker Widget in Elementor.

Marker Image

add pins to google maps

Go to the Content Tab > Marker Image and go around the texts below.

From this section, you might set the image on which you want to show mark. Obviously, the image will include various items. As this image includes such as Book Shelf, Light Lamp, Dual Sofa Set, etc.

Also, you can adjust the Image size and alignment (left, center, and right).

And the last thing is Caption that will allow you to add message to the image. This also works as a google maps marker.


marker widget 2 - BdThemes

If you want to mark more mark, you can add marker ,just going to the Content Tab > Markers > and hitting the +ADD ITEM.

Marker Widget in Elementor pins

Mostly, editing every single list item(repeater) and by hitting on the List Item, you can add Title, adjust Placement (X-Axis, or Y-Axis), select Icon, activate Tooltip for the Marker Widget in Elementor.

Most importantly, you can link the marker sign to the Custom URL, or Lightbox. Simply, going to Markers > Link to.

Tooltip Settings

marker widget 4 - BdThemes

This section will help you to do fine-tune the options related to the Tooltip. Just, Come to the Tooltip Settings > after that check the options.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design the Marker Widget in Elementor. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.


marker widget style 1 - BdThemes

Simply, go to the Style tab > Image.

This section will let you adjust the Image size and opacity. In addition, you can add border and box-shadow with the image. As you can see in the screenshot above.


marker widget style 2 - BdThemes

Just, you go to the Style tab > Caption.

If you add a caption with the image then you will be able to style the caption from this section here.


marker widget style 3 - BdThemes

Go to the Style tab > Marker > and check all the controls.


marker widget style 4 - BdThemes

Simply, go to the Style tab > Tooltip > check all the controls.

Video Assist

At the end of this documentation, I hope you’ve noticed what is Marker Widget and how it works for you. Watch the video inserted above. If you want to discover what more is possible to do using this one, you can visit the demo page.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.