Hotspot is very popular on any kind of e-commerce sites. It allows to make product sets or product bundles.

Hotspot block supports all kind of content, you can place any content inside hotspot panel.

You can add any text inside this block. And even other blocks

Do anything

Size of tooltip can be any. Also you can change colors.

You can change also colors

Size of hotspot can be any, also you can replace icon

Check prices from:

Amazon – $99.99
Ebay – $97.99
Etsy – $98.99
Copy this post’s content
<!-- wp:paragraph -->
<p>Hotspot is very popular on any kind of e-commerce sites. It allows to make product sets or product bundles. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Hotspot block supports all kind of content, you can place any content inside hotspot panel. </p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-000cebce-10e9","position":{"positionType":["","","",""],"positions":{"values":{}},"Zindex":99},"width":[100,null,null,null],"align":"wide"} -->
<div class="wp-block-greenshift-blocks-container alignwide gspb_container gspb_container-gsbp-000cebce-10e9" id="gspb_container-id-gsbp-000cebce-10e9"><!-- wp:greenshift-blocks/image {"id":"gsbp-ed90aa5b-7723","originalWidth":2560,"originalHeight":1382,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/pexels-karol-d-325153-scaled.jpg","mediaid":808,"alt":"","blockVisibility":{},"conditions_arr_visibility":[]} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-ed90aa5b-7723" id="gspb_image-id-gsbp-ed90aa5b-7723"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/pexels-karol-d-325153-scaled.jpg" data-src="" alt="" loading="lazy" width="2560" height="1382"/></div>
<!-- /wp:greenshift-blocks/image -->

<!-- wp:greenshift-blocks/hotspot {"id":"gsbp-f175a381-9d4d","position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["30%"],"left":["26%",null,null,"30px"]}},"Zindex":9},"animation":{"duration":700,"easing":"ease","type":"zoom-in","delay":200},"tooltipPos":"bottom","tooltipTrigger":"click","mobileCenter":true,"mobileShift":30} -->
<div class="wp-block-greenshift-blocks-hotspot gspb-tooltip gspb_id-gsbp-f175a381-9d4d"><div class="gspb-tooltip-wrapper gspb-tooltip-wrapper-click" style="text-align:left" data-aos="zoom-in" data-aos-delay="200" data-aos-easing="ease" data-aos-duration="700"><div class="gspb-tooltip-block"><span class="gspbcsstooltiptrigger gspb-tgl-trigger" data-tooltip="gspb_tooltipid-gsbp-f175a381-9d4d"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M832 416h-288v-288c0-35.34-28.66-64-64-64h-64c-35.34 0-64 28.66-64 64v288h-288c-35.34 0-64 28.66-64 64v64c0 35.34 28.66 64 64 64h288v288c0 35.34 28.66 64 64 64h64c35.34 0 64-28.66 64-64v-288h288c35.34 0 64-28.66 64-64v-64c0-35.34-28.66-64-64-64z"></path></svg></span><div class="gspbcsstooltip"><div class="gspbcsstooltipinner"><!-- wp:paragraph {"placeholder":"Add content of tooltip"} -->
<p>You can add any text inside this block. And even other blocks</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/button {"id":"gsbp-10b119fe-d300","spacing":{"margin":{"values":{"top":[15],"bottom":[15]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[5],"right":[5],"bottom":[5],"left":[5]},"unit":["px","px","px","px"],"locked":true}},"typography":{"textShadow":{},"size":[15]}} -->
<div class="wp-block-greenshift-blocks-button gspb_button_wrapper gspb_button-id-gsbp-10b119fe-d300" id="gspb_button-id-gsbp-10b119fe-d300"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy This Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/button --></div></div></div></div></div>
<!-- /wp:greenshift-blocks/hotspot -->

<!-- wp:greenshift-blocks/hotspot {"id":"gsbp-1fb985d7-fe79","position":{"positionType":["absolute","absolute","",""],"positions":{"values":{"top":["52%",null,"100px"],"left":["46%",null,"30px"],"bottom":[null,null],"right":[null,null]}},"Zindex":5},"animation":{"duration":700,"easing":"ease","type":"zoom-in","delay":400},"backgroundBar":{"color":"#000000"},"typographyBar":{"textShadow":{},"color":"#ffffff","colorlinks":"#ffffff"},"tooltipPos":"bottom","tooltipWidth":[300,null,null,null],"tooltipTrigger":"click","mobileCenter":true,"mobileBreakPoint":600,"mobileShift":30} -->
<div class="wp-block-greenshift-blocks-hotspot gspb-tooltip gspb_id-gsbp-1fb985d7-fe79"><div class="gspb-tooltip-wrapper gspb-tooltip-wrapper-click" style="text-align:left" data-aos="zoom-in" data-aos-delay="400" data-aos-easing="ease" data-aos-duration="700"><div class="gspb-tooltip-block"><span class="gspbcsstooltiptrigger gspb-tgl-trigger" data-tooltip="gspb_tooltipid-gsbp-1fb985d7-fe79"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M832 416h-288v-288c0-35.34-28.66-64-64-64h-64c-35.34 0-64 28.66-64 64v288h-288c-35.34 0-64 28.66-64 64v64c0 35.34 28.66 64 64 64h288v288c0 35.34 28.66 64 64 64h64c35.34 0 64-28.66 64-64v-288h288c35.34 0 64-28.66 64-64v-64c0-35.34-28.66-64-64-64z"></path></svg></span><div class="gspbcsstooltip"><div class="gspbcsstooltipinner"><!-- wp:greenshift-blocks/heading {"id":"gsbp-c22ea9b7-05a7","headingTag":"h4","headingContent":"Do anything"} -->
<h4 id="gspb_heading-id-gsbp-c22ea9b7-05a7" class="gspb_heading gspb_heading-id-gsbp-c22ea9b7-05a7 ">Do anything</h4>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:paragraph {"placeholder":"Add content of tooltip"} -->
<p>Size of tooltip can be any. Also you can change colors.</p>
<!-- /wp:paragraph --></div></div></div></div></div>
<!-- /wp:greenshift-blocks/hotspot -->

<!-- wp:greenshift-blocks/hotspot {"id":"gsbp-8827eff8-376c","position":{"positionType":["absolute","","",""],"positions":{"values":{"top":[null],"left":[null],"right":["10%"],"bottom":["20%"]}}},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"background":{"color":"#ffdb0d"},"backgroundBar":{"color":"#ffd800","backgroundState":"Classic","gradient":"linear-gradient(135deg,rgb(255,226,4) 0%,rgb(204,154,4) 95%)"},"typographyBar":{"textShadow":{},"color":"","colorlinks":""},"tooltipPos":"bottom","tooltipWidth":[300,null,null,null],"hotspotWidth":[44,null,null,null],"tooltipTrigger":"click","iconBox_icon":{"icon":{"font":"rhicon rhi-shopping-cart","svg":"","image":""},"fill":"#000000","fillhover":"#ffffff","type":"font","iconSize":[22]},"pulseColor":"#ffdc12","mobileCenter":true,"mobileShift":232} -->
<div class="wp-block-greenshift-blocks-hotspot gspb-tooltip gspb_id-gsbp-8827eff8-376c"><div class="gspb-tooltip-wrapper gspb-tooltip-wrapper-click" style="text-align:left"><div class="gspb-tooltip-block"><span class="gspbcsstooltiptrigger gspb-tgl-trigger" data-tooltip="gspb_tooltipid-gsbp-8827eff8-376c"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M1103.982 128h-845.422l-16.658-88.846c-4.258-22.702-24.080-39.154-47.178-39.154h-170.724c-13.254 0-24 10.746-24 24v16c0 13.254 10.746 24 24 24h157.44l139.854 745.892c-20.684 22.736-33.294 52.948-33.294 86.108 0 70.692 57.308 128 128 128s128-57.308 128-128c0-0.042 0-0.092 0-0.141 0-23.519-6.375-45.549-17.491-64.456l0.325 0.597h290.334c-10.791 18.31-17.166 40.34-17.166 63.859 0 0.050 0 0.099 0 0.149l-0-0.008c0 70.692 57.308 128 128 128s128-57.308 128-128c0-35.986-14.87-68.48-38.776-91.736-5.182-20.482-23.706-36.264-46.57-36.264h-592.096l-24-128h662.762c22.736 0 42.354-15.952 46.992-38.21l86.662-416c6.208-29.808-16.546-57.79-46.994-57.79zM480 896c0 35.29-28.71 64-64 64s-64-28.71-64-64 28.71-64 64-64 64 28.71 64 64zM928 960c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64zM1004.312 576h-661.752l-72-384h813.752l-80 384z"></path></svg></span><div class="gspbcsstooltip"><div class="gspbcsstooltipinner"><!-- wp:greenshift-blocks/heading {"id":"gsbp-cbadd44a-6613","headingTag":"h4","headingContent":"You can change also colors"} -->
<h4 id="gspb_heading-id-gsbp-cbadd44a-6613" class="gspb_heading gspb_heading-id-gsbp-cbadd44a-6613 ">You can change also colors</h4>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:paragraph {"placeholder":"Add content of tooltip"} -->
<p>Size of hotspot can be any, also you can replace icon</p>
<!-- /wp:paragraph --></div></div></div></div></div>
<!-- /wp:greenshift-blocks/hotspot -->

<!-- wp:greenshift-blocks/hotspot {"id":"gsbp-530bb822-8bbd","csstransform":{"scaleInfinite":null,"infinitebounce":true,"infinitetime":1.1},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["10%"],"left":[null],"right":["50%"]}},"Zindex":99999},"animation":{"duration":700,"easing":"ease","type":"zoom-in","delay":200},"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"shadowBar":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"#00000012","position":null},"borderBar":{"borderRadius":{"values":{"topLeft":3,"topRight":3,"bottomRight":3,"bottomLeft":3},"unit":"px","locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{}},"background":{"color":"#17ffaa"},"backgroundBar":{"color":"#ffffff","backgroundState":"Classic","gradient":"linear-gradient(135deg,rgb(255,226,4) 0%,rgb(204,154,4) 95%)"},"typographyBar":{"textShadow":{},"color":"","colorlinks":""},"tooltipPos":"bottom","tooltipWidth":[300,null,null,null],"hotspotWidth":[44,null,null,null],"tooltipTrigger":"click","iconBox_icon":{"icon":{"font":"rhicon rhi-tag","svg":"","image":""},"fill":"#000000","fillhover":"","type":"font","iconSize":[22]},"pulseColor":"#01dc8c","mobileCenter":true,"mobileShift":90} -->
<div class="wp-block-greenshift-blocks-hotspot gspb-tooltip gspb_id-gsbp-530bb822-8bbd"><div class="gspb-tooltip-wrapper gspb-tooltip-wrapper-click" style="text-align:left" data-aos="zoom-in" data-aos-delay="200" data-aos-easing="ease" data-aos-duration="700"><div class="gspb-tooltip-block"><span class="gspbcsstooltiptrigger gspb-tgl-trigger" data-tooltip="gspb_tooltipid-gsbp-530bb822-8bbd"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M995.882 451.882l-423.764-423.764c-17.373-17.373-41.372-28.118-67.882-28.118l-408.236-0c-53.020 0-96 42.98-96 96v408.236c-0 0-0 0.001-0 0.001 0 26.509 10.745 50.509 28.118 67.881l423.764 423.764c37.49 37.49 98.274 37.492 135.764 0l408.236-408.236c37.49-37.49 37.49-98.274 0-135.764zM519.772 927.992l-423.772-423.756v-408.236h408.236l423.764 423.764-408.228 408.228zM384 288c0 53.020-42.98 96-96 96s-96-42.98-96-96 42.98-96 96-96 96 42.98 96 96z"></path></svg></span><div class="gspbcsstooltip"><div class="gspbcsstooltipinner"><!-- wp:greenshift-blocks/heading {"id":"gsbp-2ad19fe8-2673","headingTag":"h4","headingContent":"Check prices from:","spacing":{"margin":{"values":{"bottom":[20]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<h4 id="gspb_heading-id-gsbp-2ad19fe8-2673" class="gspb_heading gspb_heading-id-gsbp-2ad19fe8-2673 ">Check prices from:</h4>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-1ac9e6ce-d8e0","flexbox":{"type":"flexbox","flexDirection":["row"],"justifyContent":["space-between"],"alignItems":["center"]},"spacing":{"margin":{"values":{"bottom":[10]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-1ac9e6ce-d8e0" id="gspb_container-id-gsbp-1ac9e6ce-d8e0"><!-- wp:greenshift-blocks/heading {"id":"gsbp-496462ea-76aa","headingTag":"div","headingContent":"Amazon - \u003cmark style=\u0022background-color:rgba(0, 0, 0, 0);color:#ed1111\u0022 class=\u0022has-inline-color\u0022\u003e$99.99\u003c/mark\u003e","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":true},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div id="gspb_heading-id-gsbp-496462ea-76aa" class="gspb_heading gspb_heading-id-gsbp-496462ea-76aa ">Amazon - <mark style="background-color:rgba(0, 0, 0, 0);color:#ed1111" class="has-inline-color">$99.99</mark></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/button {"id":"gsbp-fa705b1a-0e81","buttonContent":"Buy Now!","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"right":[4],"top":[4],"bottom":[4],"left":[4]},"unit":["px","px","px","px"],"locked":true}},"typography":{"textShadow":{},"size":[15]}} -->
<div class="wp-block-greenshift-blocks-button gspb_button_wrapper gspb_button-id-gsbp-fa705b1a-0e81" id="gspb_button-id-gsbp-fa705b1a-0e81"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/button --></div>
<!-- /wp:greenshift-blocks/container -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-a07f3702-4d00","flexbox":{"type":"flexbox","flexDirection":["row"],"justifyContent":["space-between"],"alignItems":["center"]},"spacing":{"margin":{"values":{"bottom":[10]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-a07f3702-4d00" id="gspb_container-id-gsbp-a07f3702-4d00"><!-- wp:greenshift-blocks/heading {"id":"gsbp-f54b40c5-6e28","headingTag":"div","headingContent":"Ebay - \u003cmark style=\u0022background-color:rgba(0, 0, 0, 0);color:#ed1111\u0022 class=\u0022has-inline-color\u0022\u003e$97.99\u003c/mark\u003e"} -->
<div id="gspb_heading-id-gsbp-f54b40c5-6e28" class="gspb_heading gspb_heading-id-gsbp-f54b40c5-6e28 ">Ebay - <mark style="background-color:rgba(0, 0, 0, 0);color:#ed1111" class="has-inline-color">$97.99</mark></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/button {"id":"gsbp-6767e6ae-afd3","buttonContent":"Buy Now!","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"right":[4],"top":[4],"bottom":[4],"left":[4]},"unit":["px","px","px","px"],"locked":true}},"typography":{"textShadow":{},"size":[15]}} -->
<div class="wp-block-greenshift-blocks-button gspb_button_wrapper gspb_button-id-gsbp-6767e6ae-afd3" id="gspb_button-id-gsbp-6767e6ae-afd3"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/button --></div>
<!-- /wp:greenshift-blocks/container -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-4d4fbe62-3d05","flexbox":{"type":"flexbox","flexDirection":["row"],"justifyContent":["space-between"],"alignItems":["center"]}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-4d4fbe62-3d05" id="gspb_container-id-gsbp-4d4fbe62-3d05"><!-- wp:greenshift-blocks/heading {"id":"gsbp-0942fad0-ae8a","headingTag":"div","headingContent":"Etsy - \u003cmark style=\u0022background-color:rgba(0, 0, 0, 0);color:#ed1111\u0022 class=\u0022has-inline-color\u0022\u003e$98.99\u003c/mark\u003e"} -->
<div id="gspb_heading-id-gsbp-0942fad0-ae8a" class="gspb_heading gspb_heading-id-gsbp-0942fad0-ae8a ">Etsy - <mark style="background-color:rgba(0, 0, 0, 0);color:#ed1111" class="has-inline-color">$98.99</mark></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/button {"id":"gsbp-872ab445-20e6","buttonContent":"Buy Now!","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"right":[4],"top":[4],"bottom":[4],"left":[4]},"unit":["px","px","px","px"],"locked":true}},"typography":{"textShadow":{},"size":[15]}} -->
<div class="wp-block-greenshift-blocks-button gspb_button_wrapper gspb_button-id-gsbp-872ab445-20e6" id="gspb_button-id-gsbp-872ab445-20e6"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/button --></div>
<!-- /wp:greenshift-blocks/container --></div></div></div></div></div>
<!-- /wp:greenshift-blocks/hotspot --></div>
<!-- /wp:greenshift-blocks/container -->
«
»