{"id":35640,"date":"2023-02-13T15:46:13","date_gmt":"2023-02-13T15:46:13","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetgridbuilder-overview-copy\/"},"modified":"2026-07-09T13:00:12","modified_gmt":"2026-07-09T13:00:12","slug":"jettricks-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/","title":{"rendered":"JetTricks Overview"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"JetTricks for Elementor | Plugin Overview\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/PfSermWl2DM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hotspots\">Hotspots<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-add-hotspots-to-image\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Hotspots<\/strong><\/a> element from the <em>JetTricks <\/em>inventory will help create interactive images by adding markers to certain parts of the image. <strong>Hotspots <\/strong>can highlight relevant information and help to direct users\u2019 attention where necessary. The widget can be found in the Elementor and Gutenberg side panel. A custom number of hotspots can be added to the image, along with customized text, animations, links, and positioning for each hotspot. The <strong>Hotspots <\/strong>widget\/block helps to make mobile-responsive images.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1-1024x640.webp\" alt=\"hotspots image\" class=\"wp-image-52283\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tooltip\">Tooltip<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>A tooltip is a graphical user interface that shows additional text on click or hover. The <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-add-a-tooltip-to-the-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Tooltip<\/strong><\/a> element is a <em>JetTricks <\/em>widget\/block that allows adding tooltips to different website images. The element is accessible from the Elementor and Gutenberg widget\/block panels. When using tooltips, one can add contextual information about products and services. The <strong>Tooltip <\/strong>widget\/block allows customizing the element\u2019s text, animation, placement, motion effects, offset, Z-index, distance, etc. Style settings are available, too.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/tooltip-image-1824x1140-1-1024x640.webp\" alt=\"tooltip image\" class=\"wp-image-52284\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/tooltip-image-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/tooltip-image-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/tooltip-image-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/tooltip-image-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/tooltip-image-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/tooltip-image-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"unfold\">Unfold <\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-add-the-unfold-widget-to-the-content\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Unfold<\/strong><\/a> element for Elementor and Gutenberg is meant to optimize the content output and preview. It helps to present the text compactly and makes the content section foldable and, therefore, interactive. It is possible to embed text and media and use a previously created template for the <strong>Unfold<\/strong>. The content area dimensions, animation type, speed, icons, and button text can be set. Style settings for the widget embrace the container, separator, content itself, and button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/unfold-image-1824x1140-1-1024x640.webp\" alt=\"unfold image\" class=\"wp-image-52285\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/unfold-image-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/unfold-image-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/unfold-image-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/unfold-image-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/unfold-image-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/unfold-image-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"read-more\">Read More<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-apply-the-read-more-widget-to-the-content\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Read More<\/strong><\/a> element from the <em>JetTricks <\/em>inventory helps to give out website content incrementally as soon as the \u201c<strong>Read<\/strong> <strong>More<\/strong>\u201d button is clicked. The element is suitable for product archives and singles, blog pages, and single posts. To make it work, you need to set unique IDs for content sections and choose how to show them. One can set the desired animation effect, display mode, and style the button. Find the<strong> Read More <\/strong>widget\/block in the Elementor and JetTricks Gutenberg side panels.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/read-more-image-1824x1140-1-1024x640.webp\" alt=\"read more image\" class=\"wp-image-52286\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/read-more-image-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/read-more-image-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/read-more-image-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/read-more-image-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/read-more-image-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/read-more-image-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"jettricks-extensions\">JetTricks Extensions<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>There are five more effects in the <em>JetTricks <\/em>plugin, collectively called <strong>Extensions<\/strong>. They are <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-create-a-sticky-column\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Sticky Column<\/strong><\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-apply-the-satellite-effect-to-the-content\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Satellite<\/strong><\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-add-parallax-effect-to-a-column\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Parallax<\/strong><\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-add-particles-effect-to-the-sections-background\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Particles<\/strong><\/a>, and the <em>JetTricks<\/em> <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-apply-scroll-reveal-effect\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Scroll Reveal<\/strong><\/a> extension. Each extension adds a particular effect, like adding floating particles to the background or making the entire website section sticky. The <strong>Parallax <\/strong>effect helps to create movable content sections, and the <strong>Satellite <\/strong>effect turns boring headings into creative ones using images, icons, and colorful background layers. <em>JetTricks<\/em> <strong>Extensions <\/strong>list<strong> <\/strong>is available in the Elementor and Gutenberg sidebars.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>What is JetTricks? It is a visual effects plugin for Elementor and WordPress Block Editor that allows adding interactivity to website content and sections. Use its widgets and extensions to create visually compelling designs and interactive elements.<\/p>\n","protected":false},"author":20,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JetTricks Overview<\/title>\n<meta name=\"description\" content=\"A visual effects plugin, which helps to make the website content and separate sections interactive.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetTricks Overview\" \/>\n<meta property=\"og:description\" content=\"A visual effects plugin, which helps to make the website content and separate sections interactive.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-09T13:00:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/\",\"name\":\"JetTricks Overview\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-02-13T15:46:13+00:00\",\"dateModified\":\"2026-07-09T13:00:12+00:00\",\"description\":\"A visual effects plugin, which helps to make the website content and separate sections interactive.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"JetTricks Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JetTricks Overview","description":"A visual effects plugin, which helps to make the website content and separate sections interactive.","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:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/","og_locale":"en_US","og_type":"article","og_title":"JetTricks Overview","og_description":"A visual effects plugin, which helps to make the website content and separate sections interactive.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/","og_site_name":"Help Center","article_modified_time":"2026-07-09T13:00:12+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/07\/hotspots-image-1824x1140-1-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/","name":"JetTricks Overview","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-02-13T15:46:13+00:00","dateModified":"2026-07-09T13:00:12+00:00","description":"A visual effects plugin, which helps to make the website content and separate sections interactive.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/jettricks-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"JetTricks Overview"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/35640"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/20"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=35640"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=35640"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=35640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}