{"id":35624,"date":"2023-02-13T15:24:31","date_gmt":"2023-02-13T15:24:31","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetsmartfilters-overview-copy\/"},"modified":"2023-09-04T12:14:32","modified_gmt":"2023-09-04T12:14:32","slug":"jetelements-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/","title":{"rendered":"JetElements Overview"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"widgets-for-online-shop\">Widgets for Online Shop<\/h2>\n\n\n\n<p>Eight JetElements widgets help to output data related to WooCommerce products. They are Price List, Pricing Table, Best Sellers, Featured Products, WooCommerce Product, Recent Products, Sale Products, and Top Rated Products. All widgets are available in Elementor. Using these widgets, it is possible to show the product prices in the list or table, create a separate section for best sellers, recently viewed, and featured products, apply custom badges to products on sale, and more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"widgets-to-integrate-other-apps\">Widgets to Integrate Other Apps<\/h2>\n\n\n\n<p>Some JetElements widgets can help you output some content from a third-party application. They include Instagram, LottieFiles, Contact Form 7, Google Maps, Weatherbit, and Mailchimp. Using the similarly named widgets, you will be able to create a connection between the chosen external app and a website section where you plan to put the corresponding JetElements widget. Mind that Instagram, Advanced Map, Weather, and Subscribe Widgets will require an API key, and Lottie Widget works through external links.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"media-widgets\">Media Widgets<\/h2>\n\n\n\n<p>Media Widgets from JetElements allow you to embed media files to the desired website page. You can choose from five widgets, which are Image Comparison, Video Player, Images Layout, Audio Player, and Inline SVG. Image Comparison widget can be used to show the before and after image; Images Layout displays images in a grid, masonry, and justify layouts. Inline SVG Widget helps to output SVG icons. Video Player showcases custom, Vimeo, and YouTube videos. Audio Player outputs MP3 files.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"chart-widgets\">Chart Widgets<\/h2>\n\n\n\n<p>Five JetElements widgets for Elementor provide tools for data visualization. They are Line Chart, Bar Chart, Circle Progress, Progress Bar, and Pie Chart. Using these widgets, it is possible to present numeric data in a digestible format. Pie Chart helps you output data as a circular pie or doughnut chart. Circle Progress adds a circular progress bar layout, and Progress Bar Widget offers a linear bar design. Line Chart and Bar Chart widgets help to create horizontal and vertical diagrams.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"animated-elements-widgets\">Animated Elements Widgets<\/h2>\n\n\n\n<p>JetElements comprises six Elementor widgets, which add animated elements to the website. Among them are Animated Box, Animated Text, Headline, Banner, Dropbar, and Advanced Carousel. Each widget helps to implement the similarly named functionality. Animated Text and Headline widgets apply to website titles and subtitles. Dropbar helps to add a popup-like content section. Banner Widget, Animated Box, and Advanced Carousel help to create mixed content sections where you can place texts, images, and CTA buttons.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"page-parts-widgets\">Page Parts Widgets<\/h2>\n\n\n\n<p>Some JetElements widgets for Elementor help to add certain page parts and fill them with content. Among them are the Posts Widget, Horizontal and Vertical Timeline, Table, Testimonials, Logo Showcase, Portfolio, Countdown Timer, Team Member, and Services. Using these widgets, it is possible to showcase posts via different layouts, create a business card website presenting services, the portfolio, and team members, apply a countdown timer to special offers, output client testimonials, and show the roadmap on the timeline.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"button-widgets\">Button Widgets<\/h2>\n\n\n\n<p>There are two button widgets in the JetElements plugin \u2013 Button and Download Button. The first widget helps to create clickable buttons with custom text and redirect URLs. The second one creates a download button, which helps to save the needed content from the website to local storage. Both widgets are available in the Elementor side panel. Button settings include texts, icons, redirect URLs, attributes, and button subtexts. Additionally, the widgets comprise multiple style settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"animated-effects-widgets\">Animated Effects Widgets<\/h2>\n\n\n\n<p>JetElements offers to create two animated effects using its widgets, Section Parallax and Scroll Navigation. The first widget helps to apply the parallax effect to website images creating the illusion of depth. You can set different movement directions and scrolling speeds for separate layers of the image and choose the desired parallax type. Scroll Navigation allows switching from one webpage section to another using vertical pagination along the existing sections. Both widgets are available in the Elementor sidebar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A design plugin for Elementor that helps to implement essential website elements and interactive effects.<\/p>\n","protected":false},"author":1,"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>JetElements Overview<\/title>\n<meta name=\"description\" content=\"A design plugin for Elementor that helps to implement essential website elements and interactive effects.\" \/>\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\/jetelements\/jetelements-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetElements Overview\" \/>\n<meta property=\"og:description\" content=\"A design plugin for Elementor that helps to implement essential website elements and interactive effects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-04T12:14:32+00:00\" \/>\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\/jetelements\/jetelements-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/\",\"name\":\"JetElements Overview\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-02-13T15:24:31+00:00\",\"dateModified\":\"2023-09-04T12:14:32+00:00\",\"description\":\"A design plugin for Elementor that helps to implement essential website elements and interactive effects.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-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\":\"JetElements 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":"JetElements Overview","description":"A design plugin for Elementor that helps to implement essential website elements and interactive effects.","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\/jetelements\/jetelements-overview\/","og_locale":"en_US","og_type":"article","og_title":"JetElements Overview","og_description":"A design plugin for Elementor that helps to implement essential website elements and interactive effects.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/","og_site_name":"Help Center","article_modified_time":"2023-09-04T12:14:32+00:00","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\/jetelements\/jetelements-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/","name":"JetElements Overview","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-02-13T15:24:31+00:00","dateModified":"2023-09-04T12:14:32+00:00","description":"A design plugin for Elementor that helps to implement essential website elements and interactive effects.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-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":"JetElements 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\/35624"}],"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\/1"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=35624"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=35624"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=35624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}