{"id":6336,"date":"2019-02-04T10:03:52","date_gmt":"2019-02-04T10:03:52","guid":{"rendered":"https:\/\/www.milesweb.in\/hosting-faqs\/?p=6336"},"modified":"2019-02-04T10:03:52","modified_gmt":"2019-02-04T10:03:52","slug":"how-do-i-import-export-my-wordpress-gutenberg-blocks","status":"publish","type":"post","link":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/","title":{"rendered":"How Do I Import\/Export My WordPress Gutenberg Blocks?"},"content":{"rendered":"<p>The new WordPress editor (Gutenberg) enables you to save your custom content blocks. You can easily export these blocks and use them on your other WordPress websites. This WordPress feature is not commonly known and it is extremely useful. This feature is especially beneficial to you if you are creating websites for your clients.<!--more--><\/p>\n<h2><strong>Reusable Content Blocks 101<\/strong><\/h2>\n<p>The new WordPress Gutenberg editor is a block-based editor in which every part of content you add is added to a block. You can customize the style of every individual block and you can re-use it whenever you want in order to recreate the content in the future. These re-usable content blocks are extremely useful for adding the call-to-action buttons, banner ads, feedback forms etc. These blocks can be exported and imported quickly thus saving a lot of time and effort.<\/p>\n<p>A lot of WordPress users are not aware of the fact that that the re-usable content blocks in Gutenberg can be used on the other websites and technically you even have the option to sell them if you want to.<\/p>\n<p><strong>Here\u2019s how you can export the Gutenberg blocks for using on other websites:<\/strong><\/p>\n<p>The reusable blocks by Gutenberg are not just limited to the website they are created on; they can be easily exported as well. Here are the steps:<\/p>\n<ul>\n<li>Open the block management page.<\/li>\n<li>Click on \u2018Manage All Reusable Blocks\u2019 in the \u2018Reusable\u2019 tab in the content editor.<\/li>\n<li>When you click on the block management page, you will see the options to edit, delete, export and import the Gutenberg blocks.<\/li>\n<\/ul>\n<h2><strong>Exporting The Gutenberg Block<\/strong><\/h2>\n<ul>\n<li>Under the \u2018Affiliate Disclosure\u2019 option, click on \u2018Export as JSON\u2019 option.<\/li>\n<li>Now your content block will be downloaded to your computer as a JSON file.<\/li>\n<\/ul>\n<p>Now you can use this JSON file on any other WordPress website.<\/p>\n<h2><strong>Importing The Gutenberg Block<\/strong><\/h2>\n<ul>\n<li>Login to the other WordPress website and go to the \u2018Block\u2019 management section.<\/li>\n<li>There will be an \u2018Import from JSON\u2019 button, click on this button to import the block.<\/li>\n<li>A file upload box will be displayed.<\/li>\n<li>Click on the \u2018Choose File\u2019 option and select the JSON file block that you downloaded.<\/li>\n<li>When the block is uploaded, an \u2018Import\u2019 option will be displayed, click on this option to proceed.<\/li>\n<li>Your new reusable block will be imported by WordPress and it will be saved in the database.<\/li>\n<\/ul>\n<p>Once this process is completed, the content block can be used on any other new WordPress website.<\/p>\n<p><strong>Related : <a href=\"https:\/\/www.milesweb.in\/blog\/wordpress\/5-things-you-need-to-know-about-the-wordpress-gutenberg-editor\/\">5 Things You Need To Know About The WordPress Gutenberg Editor<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The new WordPress editor (Gutenberg) enables you to save your custom content blocks. You can easily export these blocks and use them on your other WordPress websites. This WordPress feature is not commonly known and it is extremely useful. This feature is especially beneficial to you if you are creating websites for your clients.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[594,597,595,596,78,593],"class_list":["post-6336","post","type-post","status-publish","format-standard","placeholder-for-hentry","category-wordpress-faq","tag-content-blocks","tag-export-content-blocks","tag-gutenberg-editor-content-blocks","tag-import-content-blocks","tag-wordpress-2","tag-wordpress-gutenberg-editor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How Do I Import\/Export My WordPress Gutenberg Blocks?<\/title>\n<meta name=\"description\" content=\"This article illustrates the process for exporting and importing the content blocks while using the WordPress Gutenberg editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Do I Import\/Export My WordPress Gutenberg Blocks?\" \/>\n<meta property=\"og:description\" content=\"This article illustrates the process for exporting and importing the content blocks while using the WordPress Gutenberg editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Hosting FAQs by MilesWeb\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-04T10:03:52+00:00\" \/>\n<meta name=\"author\" content=\"Ujwala\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ujwala\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/\"},\"author\":{\"name\":\"Ujwala\",\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8\"},\"headline\":\"How Do I Import\/Export My WordPress Gutenberg Blocks?\",\"datePublished\":\"2019-02-04T10:03:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/\"},\"wordCount\":427,\"commentCount\":0,\"keywords\":[\"content blocks\",\"export content blocks\",\"Gutenberg editor content blocks\",\"import content blocks\",\"WordPress\",\"WordPress Gutenberg editor\"],\"articleSection\":[\"WordPress FAQ\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/\",\"url\":\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/\",\"name\":\"How Do I Import\/Export My WordPress Gutenberg Blocks?\",\"isPartOf\":{\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/#website\"},\"datePublished\":\"2019-02-04T10:03:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8\"},\"description\":\"This article illustrates the process for exporting and importing the content blocks while using the WordPress Gutenberg editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.milesweb.in\/hosting-faqs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Do I Import\/Export My WordPress Gutenberg Blocks?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/#website\",\"url\":\"https:\/\/www.milesweb.in\/hosting-faqs\/\",\"name\":\"Web Hosting FAQs by MilesWeb\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.milesweb.in\/hosting-faqs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8\",\"name\":\"Ujwala\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.milesweb.in\/hosting-faqs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3688a73ea9910afb426b453e227deb5300ca470f5518aac6c3b676a5b0acfee5?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3688a73ea9910afb426b453e227deb5300ca470f5518aac6c3b676a5b0acfee5?s=96&d=blank&r=g\",\"caption\":\"Ujwala\"},\"description\":\"My aim is to create enriching content on topics related to SEO, web hosting and social media. The idea is to elevate the readers to new levels of usability, accessibility and understanding.\",\"url\":\"https:\/\/www.milesweb.in\/hosting-faqs\/author\/ujwala\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How Do I Import\/Export My WordPress Gutenberg Blocks?","description":"This article illustrates the process for exporting and importing the content blocks while using the WordPress Gutenberg editor.","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:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/","og_locale":"en_US","og_type":"article","og_title":"How Do I Import\/Export My WordPress Gutenberg Blocks?","og_description":"This article illustrates the process for exporting and importing the content blocks while using the WordPress Gutenberg editor.","og_url":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/","og_site_name":"Web Hosting FAQs by MilesWeb","article_published_time":"2019-02-04T10:03:52+00:00","author":"Ujwala","twitter_misc":{"Written by":"Ujwala","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/#article","isPartOf":{"@id":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/"},"author":{"name":"Ujwala","@id":"https:\/\/www.milesweb.in\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8"},"headline":"How Do I Import\/Export My WordPress Gutenberg Blocks?","datePublished":"2019-02-04T10:03:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/"},"wordCount":427,"commentCount":0,"keywords":["content blocks","export content blocks","Gutenberg editor content blocks","import content blocks","WordPress","WordPress Gutenberg editor"],"articleSection":["WordPress FAQ"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/","url":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/","name":"How Do I Import\/Export My WordPress Gutenberg Blocks?","isPartOf":{"@id":"https:\/\/www.milesweb.in\/hosting-faqs\/#website"},"datePublished":"2019-02-04T10:03:52+00:00","author":{"@id":"https:\/\/www.milesweb.in\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8"},"description":"This article illustrates the process for exporting and importing the content blocks while using the WordPress Gutenberg editor.","breadcrumb":{"@id":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.milesweb.in\/hosting-faqs\/how-do-i-import-export-my-wordpress-gutenberg-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.milesweb.in\/hosting-faqs\/"},{"@type":"ListItem","position":2,"name":"How Do I Import\/Export My WordPress Gutenberg Blocks?"}]},{"@type":"WebSite","@id":"https:\/\/www.milesweb.in\/hosting-faqs\/#website","url":"https:\/\/www.milesweb.in\/hosting-faqs\/","name":"Web Hosting FAQs by MilesWeb","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.milesweb.in\/hosting-faqs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.milesweb.in\/hosting-faqs\/#\/schema\/person\/485f82549b85b9f4c82dc208c42964a8","name":"Ujwala","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.milesweb.in\/hosting-faqs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3688a73ea9910afb426b453e227deb5300ca470f5518aac6c3b676a5b0acfee5?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3688a73ea9910afb426b453e227deb5300ca470f5518aac6c3b676a5b0acfee5?s=96&d=blank&r=g","caption":"Ujwala"},"description":"My aim is to create enriching content on topics related to SEO, web hosting and social media. The idea is to elevate the readers to new levels of usability, accessibility and understanding.","url":"https:\/\/www.milesweb.in\/hosting-faqs\/author\/ujwala\/"}]}},"_links":{"self":[{"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/posts\/6336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/comments?post=6336"}],"version-history":[{"count":1,"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/posts\/6336\/revisions"}],"predecessor-version":[{"id":6337,"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/posts\/6336\/revisions\/6337"}],"wp:attachment":[{"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/media?parent=6336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/categories?post=6336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.milesweb.in\/hosting-faqs\/wp-json\/wp\/v2\/tags?post=6336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}