{"id":2204,"date":"2024-10-01T16:26:25","date_gmt":"2024-10-01T14:26:25","guid":{"rendered":"https:\/\/pointviewplugin.com\/?p=2204"},"modified":"2025-01-31T13:57:03","modified_gmt":"2025-01-31T12:57:03","slug":"how-to-define-interactive-areas-on-an-image","status":"publish","type":"post","link":"https:\/\/pointviewplugin.com\/pl\/how-to-define-interactive-areas-on-an-image\/","title":{"rendered":"How to Define Interactive Areas on an Image?"},"content":{"rendered":"<p>Creating interactive areas on images is a key step that unlocks the full potential of <strong>PointView<\/strong> in presenting investments. This feature allows your clients to easily explore different parts of your project. Below is a detailed guide on how to do it:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Select the Section with the Image<\/strong><br>After adding images to your project\u2019s sections, select the section where you want to define an area. Choosing the correct section is essential, as each area will be linked to a specific image.<\/li>\n\n\n\n<li><strong>Enter the Area Definition Mode<\/strong><br>In the right-hand panel of the project editing view, you\u2019ll find a <strong>&#8220;Mark New Area&#8221;<\/strong> button. Click this button to enter the area definition mode for the selected image.<\/li>\n\n\n\n<li><strong>Define the Boundaries of the Interactive Area<\/strong><br>In the area definition mode, click on the image to mark points that will form the area\u2019s edges. <strong>PointView<\/strong> will automatically connect these points to create the shape of the area. Once you connect the last point to the first, the area will be closed, and its boundaries will be saved automatically. The plugin precisely defines the area\u2019s boundaries, ensuring accurate interactivity tailored to your project.<\/li>\n\n\n\n<li><strong>Edit Mode for Areas<\/strong><br>After creating an area, you\u2019ll automatically enter the <strong>Edit Mode<\/strong> for areas. In this mode, you can select any created area and modify its shape to better fit the specifics of the image.\n<ul class=\"wp-block-list\">\n<li><strong>Add a New Area<\/strong>: Use the <strong>&#8220;Add Area&#8221;<\/strong> button in the navigation menu above the image to return to the area definition mode and create additional areas.<\/li>\n\n\n\n<li><strong>Anuluj<\/strong>: Clicking the <strong>&#8220;Cancel&#8221;<\/strong> button will exit both the edit mode and the area definition mode.<\/li>\n\n\n\n<li><strong>Save Changes<\/strong>: Once you\u2019re done editing, click the <strong>&#8220;Save&#8221;<\/strong> button to confirm your changes and exit the edit mode.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Return to the Project Editing View<\/strong><br>Exiting the edit or area definition mode will take you back to the project editing view, where you can continue working on other elements.<\/li>\n\n\n\n<li><strong>Managing Areas in the Left Panel<\/strong><br>In the left panel of the editing view, you\u2019ll see nested areas assigned to specific sections. Select any area to:\n<ul class=\"wp-block-list\">\n<li><strong>Change the Area Status<\/strong>: For example, assign different colors to indicate availability.<\/li>\n\n\n\n<li><strong>Add\/Remove\/Modify Links<\/strong>: Assign additional data or information to each area.<\/li>\n\n\n\n<li><strong>Rename the Area<\/strong>: Adjust the names to better match the project\u2019s details.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Video tutorial<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/pointviewplugin.com\/wp-content\/uploads\/2024\/10\/How-to-define-an-area.webm\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Defining interactive areas is a functionality that fully leverages the power of investment visualizations. With <strong>PointView<\/strong>, your projects gain interactivity, making it easier for users to explore every detail of the investment, significantly enhancing their experience and increasing interest in your offerings.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Creating interactive areas on images is a key step that unlocks the full potential of PointView in presenting investments. This feature allows your clients to easily explore different parts of your project. Below is a&#8230;<\/p>\n<p class=\"continue-reading\"><a class=\"more-link\" href=\"https:\/\/pointviewplugin.com\/pl\/how-to-define-interactive-areas-on-an-image\/\">Continue reading &rarr;<\/a><\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-2204","post","type-post","status-publish","format-standard","hentry","category-create-project"],"_links":{"self":[{"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/posts\/2204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/comments?post=2204"}],"version-history":[{"count":4,"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/posts\/2204\/revisions"}],"predecessor-version":[{"id":2770,"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/posts\/2204\/revisions\/2770"}],"wp:attachment":[{"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/media?parent=2204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/categories?post=2204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pointviewplugin.com\/pl\/wp-json\/wp\/v2\/tags?post=2204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}