Make an Image Hotspot with Text in your WordPress Website using Elementor Pro Hotspot Widget

Поделиться
HTML-код
  • Опубликовано: 18 авг 2022
  • Today I'll show you how to make an Image Hotspot with Text in your WordPress Website using Elementor Pro Hotspot Widget.
    ✅Get Elementor Pro:
    makedreamwebsite.com/elemento...
    ✅Get Domain & Webhosting(SAVE 50%):
    makedreamwebsite.com/bluehost
    ✅Get creative templates on my Template Shop:
    templatish.com
    In this tutorial, you can see how to create an hotspot image area on your Elementor website. So, when we hover on the dots, we can show the text on hover with a beautiful animation. We are not gonna using any additional Elementor/WordPress hotspot plugin or any custom code.
    First, we need to take the Elementor Hotspot widget inside our page and add and image from there. Then, we also need to add the hotspots and position those according to our need.
    There are some other options for the tooltip and from the style tab, you can design each and everything. Finally, we also check it's responsiveness on the tablet and mobile devices where basically we don't need to do anything.
    So, that’s how you can make this Elementor image hotspot with text. If you enjoy this WordPress video, and want to get more image hover effect tutorial, don't forget to like and subscribe.

Комментарии • 8

  • @sadrihasan6365
    @sadrihasan6365 Год назад

    Helpful video. thanks

  • @asfahim6882
    @asfahim6882 Год назад

    Keep doing great work like this bro

  • @aymonshik
    @aymonshik Год назад

    Perfect as usual,
    If you don't mind, please help with making a design as follows:
    A section with 2 columns, one of the columns contains tabs or titles or links "list of stores names" for example,
    The other column contains a map with multiple locations,
    So, when clicking on the store name, it shows the location on the map, and so on which the other names,
    It's a multilocations map, that can be navigated by clicking on the name of the location in the other column.

    • @aymonshik
      @aymonshik Год назад

      or how about just the same as this tutorial but instead of the furniture image we put a map image, and in the other column we add a list, and whenever clicking on a list item it highlights one of the hotspots...

    • @MakeDreamWebsite
      @MakeDreamWebsite  Год назад

      There are some map plugin for that functionality... You can try that out

    • @aymonshik
      @aymonshik Год назад

      @@MakeDreamWebsite can you please suggest some or one ?
      Note: I believe your tutorial would be better and lighter for the website performance.