{"id":152513,"date":"2022-01-30T06:31:31","date_gmt":"2022-01-30T06:31:31","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/map-image-annotation\/"},"modified":"2022-11-01T05:22:02","modified_gmt":"2022-11-01T05:22:02","slug":"image-annotation","status":"closed","type":"plugin","link":"https:\/\/ssw.wordpress.org\/plugins\/image-annotation\/","author":16000139,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.2","stable_tag":"1.2","tested":"6.0.11","requires":"5.1","requires_php":"5.6","requires_plugins":"","header_name":"Image annotation","header_author":"Sk Abul Hasan","header_description":"Image Annotation is a powerful & robust but easy to represent your Image Annotation with Description.","assets_banners_color":"d9bebe","last_updated":"2022-11-01 05:22:02","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/image-annotation\/","header_author_uri":"https:\/\/www.wpmart.org\/","rating":0,"author_block_rating":0,"active_installs":10,"downloads":1581,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"wpmart","date":"2022-05-16 15:39:55"},"1.1":{"tag":"1.1","author":"wpmart","date":"2022-05-25 06:49:20"},"1.2":{"tag":"1.2","author":"wpmart","date":"2022-11-01 05:22:02"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":2669097,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.gif":{"filename":"banner-772x250.gif","revision":2669097,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","1.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2669966,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2669966,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2669966,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2669966,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":2669966,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Built-in template","2":"Embedded code for video","3":"Custom template","4":"Custom template for showing Poll result table","5":"Admin style option for content"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[213338,207252,207282,207283,207284],"plugin_category":[],"plugin_contributors":[155066],"plugin_business_model":[],"class_list":["post-152513","plugin","type-plugin","status-closed","hentry","plugin_tags-draw-attention","plugin_tags-draw-floor-plan","plugin_tags-image-labeling-tool","plugin_tags-map-annotation","plugin_tags-map-annotation-for-wordpress","plugin_contributors-wpmart","plugin_committers-wpmart"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/image-annotation_d9bebe.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/image-annotation\/assets\/screenshot-1.png?rev=2669966","caption":"Built-in template"},{"src":"https:\/\/ps.w.org\/image-annotation\/assets\/screenshot-2.png?rev=2669966","caption":"Embedded code for video"},{"src":"https:\/\/ps.w.org\/image-annotation\/assets\/screenshot-3.png?rev=2669966","caption":"Custom template"},{"src":"https:\/\/ps.w.org\/image-annotation\/assets\/screenshot-4.png?rev=2669966","caption":"Custom template for showing Poll result table"},{"src":"https:\/\/ps.w.org\/image-annotation\/assets\/screenshot-5.png?rev=2669966","caption":"Admin style option for content"}],"raw_content":"\n

Live Demo<\/a> | Upgrade Pro<\/a> | Support<\/a><\/p>\n\n

https:\/\/www.youtube.com\/watch?v=f_Nfd_ySQRs<\/p>\n\n

The draw attention plugin makes it easy for you to add custom tooltips or modals to the annotated\/selected area of an image, map product, etc. Besides customizable tooltip\/modal content, you can also use the built-in templated or custom templates.<\/p>\n\n

The tooltip, modal content is easy to customize styles such as title or description fonts, color, size, background, and many more.<\/p>\n\n

The draw attention is compatible with the latest themes, and page builders. This plugin works with the latest version of WordPress as well. Shortcodes can be added to any post, page, and widget. There you can use an unlimited number of shortcodes.<\/p>\n\n

Features:<\/h3>\n\n

The next step to boost the conversion rate of the product, map, or image by using the annotation plugin in your WordPress website is to learn how to annotate\/select the parts of the product, map, or image to engage customers more effectively.<\/p>\n\n

\u2981 Firstly, there are active color, hover color choosing options for the selected\/annotated area.<\/p>\n\n

\u2981 The selected\/annotated area's border available options are size, color, hover color, box-shadow width, color.<\/p>\n\n

\u2981 There are options to Edit, Undo, Clear, or Delete for the annotated\/selected area.<\/p>\n\n

\u2981 Secondly, there is two types of content views such as Tooltip and Modal.<\/p>\n\n

\u2981 Thirdly, Content title font size, font color, Description font size, color, and background color option available for customizing.<\/p>\n\n

\u2981 For the content, there are four(04) built-in and 20+ custom templates.<\/p>\n\n

\u2981 Embedded Map\/Video code also can be used as content.<\/p>\n\n

\u2981 Among the options available in the Image annotation are showing a modal when clicking on a title, opening it in a pop-up window, adjusting font size and color, adding images, and changing background colors.<\/p>\n\n

\u2981 Description: font size, font color, background color are available in the content description.<\/p>\n\n

\u2981 In the Image annotation plugin, you have the option of editing annotation area or marks, as well as deleting unnecessary annotation area or marks. Selected\/annotated areas are draggable.<\/p>\n\n

\u2981 Custom CSS allowed for the design\/customize the template.<\/p>\n\n

\u2981 Unlimited shortcodes along with 100% responsive for all types of mobile devices.<\/p>\n\n

\u2981 Image annotation plugin supports all the latest themes and page builders, any post, page, and widgets as well as the latest version of WordPress.<\/p>\n\n

\u2981 Options for video and map by embedded code are available in the image Annotation content.<\/p>\n\n

\u2981 No limitation to creating\/selecting multiple areas\/annotations in a Single Image. There can be select the areas as much as you want.<\/p>\n\n

Usage:<\/h3>\n\n
    \n

  1. The first thing you have to do is to upload the image. For instance, it can be a Product, Map, or any kind of Image. In the picture of the Product or Map, you can mark\/select the area you want.<\/p><\/li>\n

  2. Now you have the chosen specific area, you need to do style such as color, border color, size, and box-shadow options, etc. There is a wide range of options to annotate\/select the area of the image. Under the section of \"Area Style\", you will find these options.<\/p><\/li>\n

  3. The next part of the customization is the content section. Under the content section, you will learn about the content view options. There are two types of content view as Tooltips and Modal.<\/p><\/li>\n

  4. In the tooltip and modal content you can use our built-in templates, or custom template from the number of custom template collections.<\/p><\/li>\n

  5. After selecting the templates, you will see an option named \"Title\" as the title of the selected area of the image, and \"Add image\" where you can add or upload more detailed images. As well as adding a description, you can also change those content font size, color, background color, etc.<\/p><\/li>\n

  6. Also, Custom code can be used in addition to the templates by styling your own way you're like to use it. For this, you need to write or paste our HTML code in the HTML section and CSS in the CSS code section.<\/p><\/li>\n<\/ol>\n\n

    Wrap Up:<\/h3>\n\n

    In Conclusion, Image annotation displays your content such as poll result's comparable table or adding short explanations or notes can be accomplished by clicking on the selected area to show as a modal component or hovering your mouse over it to show as a tooltip.<\/p>\n\n\n

    Draw Attention - Interactive Image Map \u2013 Map annotation plugin for WordPress<\/p>\n

    \n

    What is Draw Attention - Interactive Image Map?<\/h3><\/dt>\n

    Draw Attention - Interactive Image Map is the act of adding short explanations or notes to an image or parts of the image. There is an easy-to-use facility in our plugin for adding annotations to any images, products, maps, etc. The annotation of literary texts makes them more accessible.<\/p><\/dd>\n

    Is the Draw Attention - Interactive Image Map Responsive?<\/h3><\/dt>\n

    Yes, It\u2019s 100% responsive by resizing images, videos, titles, and descriptions for mobile devices and tablets.<\/p><\/dd>\n

    Does the Draw Attention - Interactive Image Map plugin support Elementor, Gutenberg, Visual Composer, and WP Bakery?<\/h3><\/dt>\n

    Yes, It supports all popular WordPress page builders.<\/p><\/dd>\n

    Does the Draw Attention - Interactive Image Map plugin support Divi Theme, BeTheme, Avada Theme, and Astra Theme?<\/h3><\/dt>\n

    Yes, It supports all popular WordPress themes.<\/p><\/dd>\n

    In which case, the Image annotation plugin can be used?<\/h3><\/dt>\n

    There is a vast area of usage of draw attention plugin such as showing polling comparable results, marking parts and spares for showing details about it, and marking or selecting map area for showing details about the location, etc.<\/p><\/dd>\n

    Is there possible to use a custom template for Image annotation content?<\/h3><\/dt>\n

    Yes, You can use HTML and CSS for your custom template. Even though custom images\/icons can be used for the tooltip content.<\/p><\/dd>\n

    Are there any limitations to creating\/selecting multiple areas\/annotations in a Single Image?<\/h3><\/dt>\n

    No limitation, You can create as much as you want.<\/p><\/dd>\n

    Are there any limitations to using the Image annotation<\/h3><\/dt>\n

    No, You can use as much as you want by creating shortcodes.<\/p><\/dd>\n

    Is it support Custom CSS?<\/h3><\/dt>\n

    Yes, You can override the existing styles class with your custom CSS properties.<\/p><\/dd>\n\n<\/dl>\n\n\n

    1.2<\/h4>\n\n
      \n
    • CSS bug Fixes<\/li>\n
    • JS bug Fixes<\/li>\n<\/ul>\n\n

      1.1<\/h4>\n\n
        \n
      • CSS bug Fixes<\/li>\n
      • JS bug Fixes<\/li>\n<\/ul>\n\n

        1.0<\/h4>\n\n
          \n
        • Initial Release<\/li>\n<\/ul>","raw_excerpt":"Draw Attention - Interactive Image Map is the act of adding short explanations or notes to an image or parts of the image.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/152513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=152513"}],"author":[{"embeddable":true,"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpmart"}],"wp:attachment":[{"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=152513"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=152513"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=152513"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=152513"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=152513"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ssw.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=152513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}