{"id":33460,"date":"2023-01-19T10:44:50","date_gmt":"2023-01-19T10:44:50","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=33460"},"modified":"2023-04-23T17:22:31","modified_gmt":"2023-04-23T17:22:31","slug":"magic-button-library-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/","title":{"rendered":"Magic Button Library Overview"},"content":{"rendered":"\n<p><a href=\"https:\/\/crocoblock.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Crocoblock subscription<\/a> provides free access to the library with pages, sections, headers, and footers. It comes with the <a href=\"https:\/\/crocoblock.com\/plugins\/jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetThemeCore<\/em><\/a> plugin and is called <strong>Magic Button<\/strong> library, helping you build any pages and fill them up with all kinds of content in a few clicks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"magic-button-templates\">Magic Button Templates<\/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>In order to access the <a href=\"https:\/\/crocoblock.com\/design-templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">templates<\/a> provided by <a href=\"https:\/\/crocoblock.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Crocoblock<\/a> you should open the page with <strong>Elementor<\/strong>.<\/p>\n\n\n\n<p>Here you\u2019ll see the <strong>Magic Button<\/strong> on the left from the<strong> Add New Section<\/strong> option. Click it to access the library in order to import a pre-designed section from it to the page you\u2019re editing.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Magic-button-feature.png\" alt=\"Magic button feature\">\n\n\n\n<p>After you\u2019ve clicked <strong>Magic Button<\/strong>, you\u2019ll see a new window with a top bar, a left-hand menu, and the items listed. An important thing you should know is that the Magic Button contains only the section and page templates built with <strong>Elementor<\/strong>. So, it doesn\u2019t include the default blog layouts of the <a href=\"https:\/\/crocoblock.com\/kava\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kava theme<\/a>. So let\u2019s explore the sections!<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pages\">Pages<\/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>By default, the first thing you\u2019ll see are the pages, which you can filter by types using the left sidebar. Also, you can just scroll down and view all the pages available for importing.<br>In order to add the pre-styled page template to your site\u2019s page, you should hover over it and click <strong>Insert<\/strong>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Pages-tab-in-Magic-button.png\" alt=\"Pages tab in Magic button\">\n\n\n\n<p>Additionally, you can click on the zoom icon and switch to the preview mode. After this, you can click <strong>Insert<\/strong> button at the top right or click <strong>Back to the Library<\/strong> in order to continue your searching.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Preview-of-the-chosen-element-in-Magic-button.png\" alt=\"Preview of the chosen element in Magic button\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"headers\">Headers<\/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>Here you can choose one of the default <strong>Kava<\/strong> header templates or find a suitable header from the skins templates. As with the pages, you can zoom any header and insert the needed header template to the page.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Headers-templates-in-Magic-button.png\" alt=\"Headers templates in Magic button\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"footers\">Footers<\/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>Similar templates are available in the footers block. The process has something in common with the string beads. You combine pre-made elements and add your own content later on.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Footers-templates-in-Magic-button.png\" alt=\"Footers templates in Magic button\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"archives\">Archives<\/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>Right here, you can choose a layout for archive that will fit your needs. It can be showcasing the posts using a listing or grid layout. The appearance and styles are fully customizable as well.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Archives-templates-in-Magic-button.png\" alt=\"Archives templates in Magic button\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"single\">Single<\/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>This section is under development for now. Over the course of time, we will add templates for single posts. Just stick out a bit longer, and it will become available.<br>My Library<br>In this tab, you can view any templates that you\u2019ve created and saved for further usage. Also, here you\u2019ll see the templates you\u2019ve got in case the demo content was imported. For instance, if you have installed one of the skins, you\u2019ll see <strong>Header<\/strong> and <strong>Footer<\/strong> templates in the list.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/My-library-in-Magic-button.png\" alt=\"Magic button feature\">\n<\/div><\/div>\n\n\n\n<p>So this was a brief overview of the <strong>Magic Button<\/strong> stuff. Hope this helps you get familiar with all the <strong>Magic Button<\/strong> features.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this overview, we\u2019ll uncover what templates we can access through the Magic Button library and how to find the needed pre-designed item.<\/p>\n","protected":false},"author":1,"template":"","format":"standard","builder-category":[],"feature-category":[],"article-category":[531],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magic Button Library Overview - Help Center<\/title>\n<meta name=\"description\" content=\"Discover rich opportunities of Magic Button library available with JetThemeCore plugin. Get access to 1000+ pre-designed Elementor templates!\" \/>\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\/features\/magic-button-library-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magic Button Library Overview - Help Center\" \/>\n<meta property=\"og:description\" content=\"Discover rich opportunities of Magic Button library available with JetThemeCore plugin. Get access to 1000+ pre-designed Elementor templates!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-23T17:22:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Magic-button-feature.png\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/\",\"name\":\"Magic Button Library Overview - Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-01-19T10:44:50+00:00\",\"dateModified\":\"2023-04-23T17:22:31+00:00\",\"description\":\"Discover rich opportunities of Magic Button library available with JetThemeCore plugin. Get access to 1000+ pre-designed Elementor templates!\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Magic Button Library 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":"Magic Button Library Overview - Help Center","description":"Discover rich opportunities of Magic Button library available with JetThemeCore plugin. Get access to 1000+ pre-designed Elementor templates!","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\/features\/magic-button-library-overview\/","og_locale":"en_US","og_type":"article","og_title":"Magic Button Library Overview - Help Center","og_description":"Discover rich opportunities of Magic Button library available with JetThemeCore plugin. Get access to 1000+ pre-designed Elementor templates!","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/","og_site_name":"Help Center","article_modified_time":"2023-04-23T17:22:31+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/Magic-button-feature.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/","name":"Magic Button Library Overview - Help Center","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-01-19T10:44:50+00:00","dateModified":"2023-04-23T17:22:31+00:00","description":"Discover rich opportunities of Magic Button library available with JetThemeCore plugin. Get access to 1000+ pre-designed Elementor templates!","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/magic-button-library-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Magic Button Library 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\/features\/33460"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"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=33460"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=33460"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=33460"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=33460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}