{"id":5625634,"date":"2022-12-12T12:07:16","date_gmt":"2022-12-12T12:07:16","guid":{"rendered":"https:\/\/www.wpallimport.com\/?post_type=documentation&p=5625634"},"modified":"2025-12-08T18:57:57","modified_gmt":"2025-12-08T18:57:57","slug":"how-to-import-gutenberg-blocks","status":"publish","type":"documentation","link":"https:\/\/www.wpallimport.com\/documentation\/how-to-import-gutenberg-blocks\/","title":{"rendered":"How to Import Gutenberg Blocks"},"content":{"rendered":"\n

To import Gutenberg Blocks into WordPress using WP All Import, manually define the blocks in the import template. To do this, create a post using the blocks you'd like to import, then copy and paste them into the WP All Import content box on the Edit Import<\/strong> page. Replace the content with the data you'd like to import, then run your import.<\/p>\n\n\n\n

Step 1: Obtain Gutenberg Data Example<\/h2>\n\n\n\n

Manually create a post that contains the Gutenberg blocks you want to import.<\/p>\n\n\n\n

\"Import<\/a><\/figure>\n\n\n\n

Step 2: Copy and Adjust HTML Block Data<\/h2>\n\n\n\n

View the HTML of the manually created post:<\/p>\n\n\n\n

\"Import<\/a><\/figure>\n\n\n\n

You can also select the blocks directly in Gutenberg, copy them, and then paste the blocks directly into WP All Import.<\/p>\n\n\n\n

Step 3: Use The Adjusted Data While Importing<\/h2>\n\n\n\n

Paste the data into the Content<\/strong> area of your import, then replace static text with the appropriate import elements:<\/p>\n\n\n\n

\"Import<\/a><\/figure>\n\n\n\n

Make sure to use the Text<\/strong> tab and not the Visual<\/strong> tab to input these blocks.<\/p>\n\n\n\n

Here's an example that imports a {content[1]} element into a paragraph block:<\/p>\n\n\n\n

<!-- wp:paragraph -->\n<p>{content[1]}<\/p>\n<!-- \/wp:paragraph --><\/code><\/pre>\n\n\n\n
Braces or opening brackets that are unrelated to the XPath for the WP All Import template will need to be escaped: \"\\{\", \"\\}\" and \"\\[\". To elaborate on that, here are a couple of example Gutenberg blocks that must be escaped:<\/p>\n\n\n\n
\n<!-- wp:acf\/dropdown \\{\"name\":\"acf\/dropdown\",\"data\":\\{\"title\":\"Applicable Ashes of War\",\"_title\":\"field_64c420013d8c7\"\\},\"mode\":\"preview\"\\} --><\/code><\/pre><\/div>\n\n\n\n
\n<!-- wp:heading \\{\"level\":4\\} -->\n<h4 class=\"wp-block-heading\">{headline[1]}<\/h4>\n<!-- \/wp:heading --><\/code><\/pre><\/div>\n\n\n\n
Depending on the blocks you're planning on using, you may need to write custom code that uses our API to import them (https:\/\/www.wpallimport.com\/documentation\/action-reference\/<\/a>).<\/p>\n\n\n\n
\n\n        
Import Any CSV, XML, or Excel to WordPress<\/h3>\n