{"id":1359,"date":"2021-06-16T14:45:02","date_gmt":"2021-06-16T14:45:02","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=1359"},"modified":"2023-02-22T09:41:56","modified_gmt":"2023-02-22T09:41:56","slug":"how-to-use-the-hotspot-widget-in-elementor-pro","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/","title":{"rendered":"How To Use The Hotspot Widget In Elementor [Pro]"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1359\" class=\"elementor elementor-1359\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15e69431 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"15e69431\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-169d106\" data-id=\"169d106\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3730f9ef elementor-widget elementor-widget-video\" data-id=\"3730f9ef\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/KWYDQvWlzl4&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c9b2c06 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c9b2c06\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d7d769f\" data-id=\"6d7d769f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-71ec8eca elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"71ec8eca\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1911\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1911\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1912\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1912\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1911\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1911\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1911\" tabindex=\"0\" hidden=\"false\"><p><span class=\"style-scope yt-formatted-string\" dir=\"auto\">In this tutorial, we will learn how to use the hotspot widget to visually organize information on your Elementor website. The Hotspot widget allows you to create advanced interactive designs and engage your visitors. This tutorial will cover:<\/span><\/p><p><span class=\"style-scope yt-formatted-string\" dir=\"auto\">\u2714\ufe0e How to add hotspots to your website<\/span><\/p><p><span class=\"style-scope yt-formatted-string\" dir=\"auto\">\u2714\ufe0e How to add tooltips and links to the hotspots<\/span><\/p><p><span class=\"style-scope yt-formatted-string\" dir=\"auto\">\u2714\ufe0e How to fully style hotspots and tooltips<\/span><\/p><p><span class=\"style-scope yt-formatted-string\" dir=\"auto\">\u2714\ufe0e How to optimize your hotspots and tooltips for responsive viewing<\/span><\/p><p><span class=\"style-scope yt-formatted-string\" dir=\"auto\">\u2714\ufe0e And much more!<\/span><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1912\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1912\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1912\" tabindex=\"0\" hidden=\"hidden\"><p><span style=\"font-weight: 400\">Hey there. It\u2019s Aviva from Elementor. Today I\u2019ll show you how to use Elementor\u2019s hotspot widget to create advanced, interactive designs for your website.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Hotspots offer a creative way to display and highlight information in a highly visual and playful manner, that will be sure to engage your visitors.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">And with Elementor\u2019s customization options, you can create varied hotspot designs, without writing a single line of code.\u00a0\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">So let\u2019s get started.<\/span><\/p><p><span style=\"font-weight: 400\">For this tutorial, we\u2019ll create this interactive hotspot design for a website about Wines. From the Elementor Editor, I\u2019ll go ahead and delete the existing hotspot widget, so we can recreate it from scratch, by right clicking \u2026 Delete.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">In the widgets panel, search for the Hotspot widget, and drag it into the content area. Great.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">The first thing you\u2019ll see is a placeholder image and a default hotspot. Clicking the hotspot displays a tooltip. <\/span><\/p><p><span style=\"font-weight: 400\">Beginning with Image, click to select an image to use as the background of the hotspot, and insert it.<\/span><\/p><p><span style=\"font-weight: 400\">You can select the image size, and alignment.<\/span><\/p><p><span style=\"font-weight: 400\">Moving on to the hotspot section, let\u2019s set up the hotspot animation. You can see here that you have several options to choose from. I\u2019ll select Soft beat.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">\u00a0<\/span><span style=\"font-weight: 400\">By default, all the hotspots load at the same time on page load, but if you\u2019d like them to load one by one, toggle Sequenced Animation ON, and set the sequence duration in milliseconds. We\u2019ll get to preview this at the end of the tutorial, after we\u2019ve set everything up.\u00a0\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Going back to the hotspots, the hotspot widget starts you off with one hotspot. To add more hotspots, you can click to duplicate any one, or click Add Item to add a new hotspot. Delete unneeded hotspots, like this.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Click to expand the hotspot item, where you\u2019ll see its settings. There are two tabs, one for the Hotspot\u2019s Content, and one for its Position.<\/span><\/p><p><span style=\"font-weight: 400\">There are several ways to design the layout of your hotspot. You can leave it on the default dot, as you see here, use a text label, a label together with an icon, or an icon on its own.<\/span><\/p><p><span style=\"font-weight: 400\">To use a label, type in your text here. To add an icon to the text label, either upload your own svg file, or you can use one from the icon library.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Just search for an icon, select it, and click Insert.<\/span><\/p><p><span style=\"font-weight: 400\">You\u2019ll then see settings for icon position&#8230; and icon spacing. For our design, I\u2019ll delete the label text to display just the icon.<\/span><\/p><p><span style=\"font-weight: 400\">Next, you can set a custom Hotspot size, by setting a minimum width and height. Note that this setting will apply only to this specific hotspot, and only if there is text or an icon in the hotspot, not with a default hotspot.<\/span><\/p><p><span style=\"font-weight: 400\">We will set the hotspot size in the Style section instead, since we want the same size to apply to each hotspot.<\/span><\/p><p><span style=\"font-weight: 400\">The hotspot can be linked to an external source, or to a tooltip.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">To link the hotspot to another web page, enter a URL in the field below, <\/span><b>or click the dynamic tags icon, to link to dynamic content, such as a popup. <\/b><span style=\"font-weight: 400\">Edit the link options here.\u00a0\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">To link to a tooltip, as we will do for our example, leave the link field blank.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Because each hotspot is connected to its own tooltip, the individual tooltip content is located in the hotspot settings.\u00a0<\/span><\/p><h4><b>So I\u2019ll go ahead, and add tooltip text here.<\/b><span style=\"font-weight: 400\"> You can use the built in formatting options <\/span><b>or add HTML in the Text tab<\/b><span style=\"font-weight: 400\">. <\/span><\/h4><p><span style=\"font-weight: 400\">Ok, let&#8217;s check out the Position tab.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">You can position your hotspot anywhere you\u2019d like, by using the Horizontal and Vertical orientation settings. You can also drag the offset sliders to visualize the location, or type in a precise value.<\/span><\/p><p><span style=\"font-weight: 400\">And, switching to Responsive mode,\u00a0 you can see, the hotspot position is fully responsive.<\/span><\/p><p><span style=\"font-weight: 400\">The general tooltip settings are controlled below in the tooltip section. However, settings for a specific tooltip are controlled from here, by toggling the Custom Tooltip Properties ON. [I\u2019ll click the tooltip in the Editor so you can preview the changes].<\/span><\/p><p><span style=\"font-weight: 400\">Here, you can change this tooltip\u2019s position. The default position for desktop is great for this design, but this setting will come in handy when we make responsive edits, a bit later. We\u2019ll adjust the minimum width later, from the Style settings to apply it to all the tooltips. Toggle ON to wrap the tooltip text.<\/span><\/p><p><span style=\"font-weight: 400\">Ok great, the first hotspot\u2019s content settings are all set. Let\u2019s duplicate it, to create a second identical hotspot. All our settings have copied over, so we only need to update the Tooltip text&#8230;. and hotspot Position.<\/span><\/p><p><span style=\"font-weight: 400\">We\u2019ll repeat this process for the third hotspot.<\/span><\/p><p><b>Ok great, now expand the Tooltip section.<\/b><\/p><p><span style=\"font-weight: 400\">By default, the tooltips will all be aligned to the bottom of the hotspot, but you can change this. Just keep in mind that changes to the tooltip position from this area will only apply to the hotspots that do not have custom tooltip position settings applied. <\/span><span style=\"font-weight: 400\">Since we have applied custom tooltips settings, we\u2019ll leave this as is.<\/span><\/p><p><b>Next,<\/b><span style=\"font-weight: 400\"> choose the tooltip trigger. As you\u2019ve already seen, the default trigger is set to display on Click. You can also change the trigger to None to always display\u00a0 your tooltips, or Hover, so they show when moused over, as I\u2019ll do for this design.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Below that, you have several options for the Animation, <\/span><b>as well as a setting for the animation duration.<\/b><\/p><p><span style=\"font-weight: 400\">Ok great, we\u2019ve completed the content settings, and we\u2019re ready to move on to the Styling.<\/span><\/p><p><span style=\"font-weight: 400\">You can adjust the width of your background image, as well as the maximum width&#8230;and height.<\/span><\/p><h4><b>You can also adjust its opacity<\/b><span style=\"font-weight: 400\"> &#8230;and use CSS Filters to add some interesting effects to your background image. <\/span><\/h4><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will learn how to use the hotspot widget to visually organize information on your Elementor website. The Hotspot widget allows you to create advanced interactive designs and engage your visitors. <\/p>\n","protected":false},"author":6,"featured_media":3656,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-1359","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Use The Hotspot Widget In Elementor [Pro] - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Use The Hotspot Widget In Elementor [Pro] - Academy\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, we will learn how to use the hotspot widget to visually organize information on your Elementor website. The Hotspot widget allows you to create advanced interactive designs and engage your visitors.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-16T14:45:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:41:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Hotspot-Widget.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Chris Ayers\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Chris Ayers\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Use The Hotspot Widget In Elementor [Pro] - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/","og_locale":"en_US","og_type":"article","og_title":"How To Use The Hotspot Widget In Elementor [Pro] - Academy","og_description":"In this tutorial, we will learn how to use the hotspot widget to visually organize information on your Elementor website. The Hotspot widget allows you to create advanced interactive designs and engage your visitors.","og_url":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/","og_site_name":"Academy","article_published_time":"2021-06-16T14:45:02+00:00","article_modified_time":"2023-02-22T09:41:56+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Hotspot-Widget.jpg","type":"image\/jpeg"}],"author":"Chris Ayers","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Chris Ayers","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/"},"author":{"name":"Chris Ayers","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/0cad9f0c299ae045fee85bbdc54b7774"},"headline":"How To Use The Hotspot Widget In Elementor [Pro]","datePublished":"2021-06-16T14:45:02+00:00","dateModified":"2023-02-22T09:41:56+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/"},"wordCount":1111,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Hotspot-Widget.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/","url":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/","name":"How To Use The Hotspot Widget In Elementor [Pro] - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Hotspot-Widget.jpg","datePublished":"2021-06-16T14:45:02+00:00","dateModified":"2023-02-22T09:41:56+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Hotspot-Widget.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Hotspot-Widget.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-use-the-hotspot-widget-in-elementor-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How To Use The Hotspot Widget In Elementor [Pro]"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/0cad9f0c299ae045fee85bbdc54b7774","name":"Chris Ayers","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ee9980b79c8a359d37dc99c7cc1c5ff8ba8fe9e1e512412f60ddbc989672466c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ee9980b79c8a359d37dc99c7cc1c5ff8ba8fe9e1e512412f60ddbc989672466c?s=96&d=mm&r=g","caption":"Chris Ayers"},"url":"https:\/\/elementor.com\/academy\/author\/chrisayers\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=1359"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1359\/revisions"}],"predecessor-version":[{"id":9608,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1359\/revisions\/9608"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/3656"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=1359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=1359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=1359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}