{"id":43418,"date":"2024-02-29T10:10:26","date_gmt":"2024-02-29T10:10:26","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=43418"},"modified":"2024-03-05T10:18:38","modified_gmt":"2024-03-05T10:18:38","slug":"interactive-tutorials-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/","title":{"rendered":"Interactive Tutorials Overview"},"content":{"rendered":"\n

The Interactive Tutorials<\/strong> aim at making it easier for new users to start working with JetPlugins<\/em>. The Interactive Tutorials<\/strong> guide users through the needed steps to provide users with the performance of some actions on the backend via the admin panel.<\/p>\n\n\n\n

Main <\/strong>Features of the Interactive Tutorials<\/strong><\/h2>\n\n\n\n
\n

Interactive Tutorials<\/strong> work at the user’s side on the WordPress site’s Dashboard by interacting with the user’s website, i.e., by installing plugins, activating the necessary modules, changing the values of options, transferring the user to the required pages in the admin panel, etc.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

Currently, the Interactive tutorials are available for the JetEngine plugin only, but the number of JetPlugins they cover will be increased in the future.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n

Installation and Activation of the Tutorials<\/strong><\/h2>\n\n\n\n
\n

Users can install and activate the Interactive Tutorials<\/strong> as any WordPress plugin. After activation of the JetEngine <\/em>plugin, the Interactive Tutorials <\/strong>will be listed in the WordPress Dashboard >  Plugins<\/em><\/strong> tab and displayed in the WordPress Dashboard <\/em><\/strong> ><\/em><\/strong> Crocoblock > Interactive Tutorials<\/em><\/strong> tab (described below).<\/p>\n\n\n\n

\"interactive<\/a><\/div>\n\n\n\n

The tutorials will be updated automatically through the corresponding API on the admin’s side. Therefore, users will receive updates without updating the plugins.<\/p>\n<\/div><\/div>\n\n\n\n

Starting the Interactive Tutorials<\/strong><\/h2>\n\n\n\n
\n

To start the Interactive Tutorial<\/strong>, navigate to the WordPress Dashboard > Crocoblock > Interactive Tutorials<\/em><\/strong> tab. The tab displays the list of the available tutorials with short information on the tutorial’s purpose, functionality, number of needed steps, and estimated performance time.<\/p>\n\n\n\n

To start the tutorial, press the “Start Tutorial<\/strong>” button to begin the needed tutorial or to restart the paused one.<\/p>\n\n\n\n

\"interactive<\/a><\/div>\n\n\n
<\/svg><\/div>
Things to know<\/div>

The Interactive Tutorials performance pauses any active workflows.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n

Tutorials in Action<\/h2>\n\n\n\n
\n

After starting the tutorial, a pop-up window will appear in the top right corner of the screen. Inside the pop-up, you will find information on the tutorial’s title, user\u2019s progress, name\/main action of the current tutorial step, navigation, and resizing controls. The pop-up itself can be dragged and dropped to the desired area.<\/p>\n\n\n\n

The tutorial\u2019s title is the bold heading text placed on the top line of the tutorial pop-up.<\/p>\n\n\n\n

\"interactive<\/a><\/div>\n\n\n\n

The user\u2019s progress is displayed as the current step number from the total amount (the second line).<\/p>\n\n\n\n

\"interactive<\/a><\/div>\n\n\n\n

The next line displays the name of the current step.<\/p>\n\n\n\n

\"name<\/a><\/div>\n\n\n\n

The content below the step name displays the description\/main action of the current tutorial step. <\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

The navigation controls are the \u201cPrevious step,\u201d \u201cPause\/Stop,\u201d and \u201cNext step\u201d icons. Users can skip steps to evaluate the amount of work or pause the tutorial at any step.<\/p>\n\n\n\n

\"interactive<\/a><\/div>\n\n\n\n

Users can resize and\/or place the tutorial pop-up in the needed place on the screen by using the controls for pop-up resizing (the icon in the left bottom corner of the pop-up window) and dragging (the icon in the left top corner of the pop-up window) buttons, respectively.<\/p>\n\n\n\n

\"resizing<\/a><\/div>\n\n\n\n

To finalize the tutorial, press the \u201cComplete<\/strong>\u201d button. Clicking the \u201cExit<\/strong>\u201d button in the top right corner of the pop-up window pauses the tutorial. Therefore, the pop-up window will appear on every page until the user pauses the tutorial or completes it.<\/p>\n\n\n\n

\"complete<\/a><\/div>\n\n\n\n

If the tutorial is active (not paused), clicking the \u201cExit<\/strong>\u201d button will close the pop-up only for the current session. The pop-up will be reopened if users reload the page or switch to a new one.<\/p>\n\n\n\n

If the step needs some action (installing a plugin or activating a module), the tutorial pop-up displays the appropriate button with a call to action.<\/p>\n\n\n\n

\"call<\/a><\/div>\n\n\n\n

The tutorial pop-up can optionally include a link to the admin page that corresponds to the current step. If the step needs an action to be done in the previous step, the link will be inactive until the user completes the required action.<\/p>\n\n\n\n

\"link<\/a><\/div>\n\n\n\n

The tutorial pop-up has a link to the documentation page from Crocoblock’s knowledge base<\/a>, which corresponds precisely to this step.<\/p>\n\n\n\n

\"documentation<\/a><\/div>\n<\/div><\/div>\n\n\n\n

That\u2019s all about JetEngine<\/em>\u2019s Interactive Tutorials <\/strong>available for WordPress websites.<\/p>\n","protected":false},"excerpt":{"rendered":"

The tutorial explains how to use the Interactive Tutorials to make work with the JetPlugins for WordPress easier.<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[443],"yoast_head":"\nMaster JetPlugins with Interactive Tutorials \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Interactive Tutorials help users get started with JetPlugins. The tutorial explains how to use the Interactive Tutorials to make work with the JetPlugins for WordPress easier. Interactive Tutorials help users get started with JetPlugins.\" \/>\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\/jetengine\/interactive-tutorials-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Master JetPlugins with Interactive Tutorials \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Interactive Tutorials help users get started with JetPlugins. The tutorial explains how to use the Interactive Tutorials to make work with the JetPlugins for WordPress easier. Interactive Tutorials help users get started with JetPlugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-05T10:18:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/interactive-tutorials-in-the-wordpress-dashboard-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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/\",\"name\":\"Master JetPlugins with Interactive Tutorials \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-02-29T10:10:26+00:00\",\"dateModified\":\"2024-03-05T10:18:38+00:00\",\"description\":\"Interactive Tutorials help users get started with JetPlugins. The tutorial explains how to use the Interactive Tutorials to make work with the JetPlugins for WordPress easier. Interactive Tutorials help users get started with JetPlugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-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\":\"Interactive Tutorials 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":"Master JetPlugins with Interactive Tutorials \u2014 JetEngine | Crocoblock","description":"Interactive Tutorials help users get started with JetPlugins. The tutorial explains how to use the Interactive Tutorials to make work with the JetPlugins for WordPress easier. Interactive Tutorials help users get started with JetPlugins.","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\/jetengine\/interactive-tutorials-overview\/","og_locale":"en_US","og_type":"article","og_title":"Master JetPlugins with Interactive Tutorials \u2014 JetEngine | Crocoblock","og_description":"Interactive Tutorials help users get started with JetPlugins. The tutorial explains how to use the Interactive Tutorials to make work with the JetPlugins for WordPress easier. Interactive Tutorials help users get started with JetPlugins.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/","og_site_name":"Help Center","article_modified_time":"2024-03-05T10:18:38+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/02\/interactive-tutorials-in-the-wordpress-dashboard-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/","name":"Master JetPlugins with Interactive Tutorials \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-02-29T10:10:26+00:00","dateModified":"2024-03-05T10:18:38+00:00","description":"Interactive Tutorials help users get started with JetPlugins. The tutorial explains how to use the Interactive Tutorials to make work with the JetPlugins for WordPress easier. Interactive Tutorials help users get started with JetPlugins.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/interactive-tutorials-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":"Interactive Tutorials 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\/43418"}],"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\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=43418"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=43418"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=43418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}