- 12
- 37 770
Draw Attention WordPress Plugin
Приєднався 26 сер 2021
Draw Attention® is a WordPress plugin that helps you create interactive image maps.
Highlight different areas of an image and attach more information to each area. Add an image, text, headline, shortcode, gallery, video, audio, and more. Reveal more information on click/tap or hover. Select from a pre-built color scheme or specify your own custom colors. Interactive images are fully responsive, SEO-friendly, and accessible.
Highlight different areas of an image and attach more information to each area. Add an image, text, headline, shortcode, gallery, video, audio, and more. Reveal more information on click/tap or hover. Select from a pre-built color scheme or specify your own custom colors. Interactive images are fully responsive, SEO-friendly, and accessible.
Architect or Landscape Interactive Image Diagrams for WordPress | Image Maps | WP Draw Attention
🏛️ Start Creating Your Own Interactive Architect Landscapes Diagrams Today: tinyurl.com/46epfxd2
✏️ Timestamps:
00:00 Introduction to the landscape image maps tutorial
00:48 Hotspot drawing tool overview and creating the first architecture diagram
1:30 Drawing the hotspots on the gardening landscape plan
04:05 Viewing the interactive landscape image
04:37 Using the lightbox layout for the landscape image map
05:21 Using the tooltip layout for the gardens layout map
In the video, we go over how to create detailed and informative interactive image maps for landscaping, gardening, or any architectural layout images. Using the WordPress Draw Attention image map plugin you can create engaging and fun layout maps for your website. Communicate with your images and provide more details or additional thumbnail pictures to walk your clients through complex plans and diagrams. Use the easy drawing tools to create highlights or hotspots for circles, rectangles or polygons on your image, the drawing tools can cover any complex shape on your landscape, garden, or architectural build.
✏️ Timestamps:
00:00 Introduction to the landscape image maps tutorial
00:48 Hotspot drawing tool overview and creating the first architecture diagram
1:30 Drawing the hotspots on the gardening landscape plan
04:05 Viewing the interactive landscape image
04:37 Using the lightbox layout for the landscape image map
05:21 Using the tooltip layout for the gardens layout map
In the video, we go over how to create detailed and informative interactive image maps for landscaping, gardening, or any architectural layout images. Using the WordPress Draw Attention image map plugin you can create engaging and fun layout maps for your website. Communicate with your images and provide more details or additional thumbnail pictures to walk your clients through complex plans and diagrams. Use the easy drawing tools to create highlights or hotspots for circles, rectangles or polygons on your image, the drawing tools can cover any complex shape on your landscape, garden, or architectural build.
Переглядів: 32
Відео
Game Map Interactive Image for WordPress | D&D Image Maps WP | Interactive Game Maps
Переглядів 2212 місяці тому
⚔️ Start Creating Your Own Interactive Game Maps Today: tinyurl.com/4tb22v9b ✏️ Timestamps: 00:00 Introduction to Interactive Game Map Tutorial 02:05 Creating Multiple Color Highlights for the Building Types 04:47 Drawing Hotspots on the Game Map for Clickable Areas 06:20 Displaying the Interactive Game Map to the WordPress Page 07:33 Adding a Detail Image for Hotspots 09:42 Demo of a Filled-in...
Tutorial Interactive Floor Maps for Real Estate Pages | Engaging Floor Plans for Realty | WP Plugin
Переглядів 3054 місяці тому
✏️ Start Creating Your Own WordPress Interactive Images Today, Get Inspired With Our Demos: tinyurl.com/yk5pyz9r ✏️ Timestamps: 00:00 Introduction to Real Estate WordPress Website and Context 00:32 Creating the Interactive Floor Plan Hotspot in WP Draw Attention 01:47 Displaying floor plan interactive image map on real estate listing page 01:57 Demo of the real estate floor plan interactive ima...
Outfit of the day interactive image tutorial | How to OOTD image map for affiliate links WordPress
Переглядів 1135 місяців тому
✏️ Start Creating Your Own WordPress Interactive Images Today, Get Inspired With Our Demos: tinyurl.com/289j2urz ✏️ Timestamps: 00:00 Introduction to OOTD interactive image 00:52 Creating an "Outfit of the Day" Interactive Image using Draw Attention 01:42 Drawing hotspots to make clickable areas over the shoes 02:44 Adding information and detail image to the interactive areas 03:12 Adding Inter...
What's In My Bag?! Image Map Setup + Demo | WordPress Interactive Image Plugin | WP Draw Attention
Переглядів 3016 місяців тому
✏️ Start Creating Your Own WordPress Interactive Images Today, Get Inspired With Our Demos: tinyurl.com/mu6jks69 ➕ If you create a "What's In My Bag" Interactive Image, reach out to our team, and we'll be happy to share it on social media and our showcase! ✏️ Timestamps: 00:00 Introduction 00:40 Creating the "What's In My Bag" Interactive Image using Draw Attention 01:37 Drawing hotspots to mak...
How to Use the Image Map Layout Options | WordPress Draw Attention Interactive Images
Переглядів 4639 місяців тому
Ready to transform your website visuals? Join us as we unravel the magic behind image map layout options in the WordPress Draw Attention plugin. Let's create captivating and user-friendly interactive images together: tinyurl.com/mrfayp4s Welcome to our in-depth tutorial on harnessing the power of image map layout options in the WordPress Draw Attention Interactive Image plugin. If you're lookin...
How to Style Hotspot Highlights for Your Image Maps | WordPress Draw Attention Interactive Images
Переглядів 2519 місяців тому
Ready to elevate your WordPress website? Join us on this creative journey as we style hotspot highlights for image maps using the WordPress Draw Attention Interactive Image plugin: tinyurl.com/ymzuh9fb Welcome to our tutorial on transforming your WordPress website with eye-catching hotspot highlights for image maps! In this step-by-step guide, we'll explore the artistic possibilities that WordP...
WordPress Interactive Images | Image Maps and Hotspots for Affiliate Content | WP Draw Attention
Переглядів 761Рік тому
✏️Draw Attention | The #1 WordPress Plugin for Creating Interactive Image Maps. Get Started Today ➡️ tinyurl.com/3zxhve7h 📌Timestamps 0:00 Intro to DrawAttention 0:11 What's an Image Map? 0:55 Create a New Image Map 01:23 Create Hotspots 02:25 Example Hotspot 04:18 Add Affiliate Link URL 04:45 Other Important Hotspot Settings & Styliing 07:49 Shortcode 09:15 Permalink Preview 09:38 Embed DrawAt...
Create Interactive Floor Plans for WordPress | Draw Attention Interactive Image Map Plugin
Переглядів 3,7 тис.Рік тому
✏️ Draw Attention | The #1 WordPress Plugin for Creating Interactive Image Maps. Get Started Today ➡️ tinyurl.com/2w9y5mad Timestamps: 00:00 Greetings 00:12 Introduction to Draw Attention 00:40 Embedding an Example Image Map on our WordPress site 02:42 Creating an Interactive Floor Plan from scratch 11:04 Speed Building the Rest of our Image Map 13:10 Displaying our New Interactive Image Map on...
Create Interactive Image Map Content with Elementor | Two Methods!
Переглядів 14 тис.Рік тому
✏️ Draw Attention | The #1 WordPress Plugin for Creating Interactive Image Maps. Get Started Today ➡️ tinyurl.com/4p2vkz83 Timestamps: 00:00 Greetings 00:50 Setting up the Elementor hotspots widget 07:34 Setting up the Draw Attention plugin for creating interactive image maps on Elementor 15:45 Bonus! Add Elementor templates to the Draw Attention hotspots 17:00 Outro In this video, we're walkin...
New Drawing Tool for Draw Attention | Interactive Image Map WordPress Plugin
Переглядів 10 тис.2 роки тому
✏️ Draw Attention | The #1 WordPress Plugin for Creating Interactive Image Maps. Get Started Today ➡️ tinyurl.com/8tyw2kbx In this video, we're introducing our newly updated drawing tool, which includes new features like zooming, panning, and a rectangle and circle drawing option. Use the Draw Attention Interactive Image WordPress plugin to turn your plain pictures into exciting and informative...
Create Image Maps with Draw Attention | WordPress Plugin Demo
Переглядів 7 тис.2 роки тому
✏️ Draw Attention | The #1 WordPress Plugin for Creating Interactive Image Maps. Get Started Today ➡️ tinyurl.com/23rk3ezu Draw Attention is a WordPress plugin that helps you create an unlimited number of interactive images. This plugin is a great way to convey information, display content, and engage users on your website! 00:00 Intro 00:13 Draw and edit shapes to create hotspots 00:29 Attach ...
Is there a function to enable zoom in/zoom out On the images displayed on the website, not just The tool on the back end?
Hello there, currently, the drawing tool will let you zoom in and out of the interactive image when creating/editing the interactive image and creating hotspots. But, there isn't a way to zoom in/out on the interactive image when it's being viewed on the front-end as a regular user like one would on Google Maps. As a workaround, the one plugin that we can think of that would allow a similar effect would be "Definitely Allow Mobile Zooming" plugin. The only catch is that it'll zoom into the entire page, not just the image, and this is for mobile browsers.
Okay, so the plug in works exactly as intended and is functioning great, my only question is, is there a way to add that handy dandy zoom in an outfeature to our maps on our websites?
Thank you!!! This is helping for me
Can you use this plugin in any contact form?
You can embed the interactive image maps within a form using an HTML field and the Draw Attention shortcode, which will display the image map in your form. However, we don't have a way to integrate the image maps so that they act like radio buttons: it cannot allow the user to select an area, and the form submits their selection. Feel free to reach out to our team if you'd like to see a demo of this support@wpdrawattention.com
Ahhh Thank you so much for this
Trying make a map of all colleges
Could you tie the hotspots to a button?
great plugin!! Is it possible to add an image for the highlight? would be cool if there would be icons to click in the picture
great plugin, but is it possible to create several colors in one image? 🙂👍
Good question :) The Draw Attention Pro plugin includes the ability to create multiple highlight styles so that you can have several colors in one image: wpdrawattention.com/guides/styling-the-interactive-image/#define-multiple-highlight-styles
❤
Really good !! Thanks 🎉
i really love this draw attention plugin, but I have a question. after marking where I want the action to take place instead of taking me to a URL cant it take me to popup template I created on elementor, so it will just display the popup
Good question! Draw Attention Pro offers a built-in popup template to trigger when someone clicks a hotspot. You can embed Elementor template shortcodes within them too; this lets you achieve complex layouts and content: wpdrawattention.com/guides/complex-hotspot-content/#complex-hotspot-content-with-elementor
I'm a regular viewer of your fantastic videos, and I can't help but notice their quality. However, it seems they're not reaching as many viewers as they could due to some optimization oversights. I'm confident that addressing these issues could significantly boost your views. Don't you want your content to reach its full audience potential?
It is very expensive solution. Not worth it.
it is very expensive solution. Not worth it
how to set default area 1 without click to area,please
thanks so much for this tutorial
I want to set area 1 is default when page loading ,how i can do that?.I want area 1 display first,then customer click area2,3...and.hidden default more info
I want to set area 1 is default when page loading ,how i can do that?.I want area 1 display first,then customer click area2,3...and.hidden default more info
I don't have the "Layout" box. Is it because I use Astra?
The free version of Draw Attention has a single layout with more information on the side of the image, in the video we are using Draw Attention Pro which includes several different layout options
#goup
So i dont want no menu showing off at the left of the image, how can i make it look just the image as you guys do?
When you set up a clickable area, the default is to show more information, but if you select to go to a URL for all areas, then it will show without any sidebar like we have in the demo
@@wpdrawattention thanks team
This is awesome! Thanks for sharing. How does this work on Mobile or Ipad/tablets?
This is fantastic -- looking forward to trying this ASAP! Solves a huge problem I've been having that's kept me stuck with my design. Thank you for creating this product!
I cant send the map to a Elementor Popup... 😕😕😟😟
Super stuff. Love this. Thank you for sharing
I've been a professional creator of documentation, and this is an excellent "how to" video. Very nicely done, really explains the features.
I followed all the steps up to the preview step, but the page shows blank. Using Oxygen builder, could this be the reason?
That's odd. Draw Attention should generally work with the Oxygen builder. Could you contact our support team, at support@wpdrawattention.com? We can help you sort this out.
Hi, i tried to install, it is freezing when i try to add something
Oh no! I'm sorry to hear that's happening :( Could you reach out to our support team at support@wpdrawattention.com? We can help take a look.
Are you using Interactive Image PRO WP plugin? I am unable to see the Layout Option to customise.
Yes, the video includes the Premium edition of the Draw Attention plugin. The free version doesn't offer different layouts or a few additional styling options.
😱 P r o m o s m
𝖕𝖗𝖔𝖒𝖔𝖘𝖒
Does this change the image file itself? The reason I ask is that I have images that I will need to use on 2 different pages. One as a static image and the other to use with this plugin. Also, how does this behave on mobile if I choose hover?
Hi there, the image file in the media library is not modified, so you could continue to use the normal image throughout your site. Draw Attention provides a shortcode you can place on your site to show the interactive image you create. So you can continue to use the interactive and static image on different pages. On mobile, the hover trigger is converted to the click (tap)
@@NathanTylerTD Thank you very much for your fast and detailed response.
How much do updates cost after the one year that you pay for upfront? Thanks for a great video!