This is guide will show you how to import the Gutenberg Templates into your WordPress site.
How to Import a Gutenberg Template in WordPress
Important: You must install the free version of the Ultimate Addons for Gutenberg plugin to use these templates. Click here to visit the Ultimate Addons for Gutenberg website.
After you have downloaded the JSON file from the Template Library and installed the Ultimate Addons for Gutenberg plugin. Navigate to your WordPress Dashboard. In the Dashboard Menu select, Pages and Add New.
In the top menu bar select the + Add Block Icon and navigate to the Reusable Blocks window.
At the bottom of the Reusable Blocks window select, Manage Reusable Blocks. Note: a warning message will pop up that your page will not be saved, select Leave. It is not necessary to save the page.
In the Manage Reusable Blocks window, select Import from JSON at the top of the page. Find the JSON file you downloaded from the Template Library in your computer files and select Import.
The newly imported JSON file will not show up in the list straight away. Instead, a message stating the reusable block has been successfully imported will appear at the top of the window. Just like the one shown in the image below.
Now that you have successfully imported the JSON file, once again find Pages in the WordPress Dashboard Menu and select, Add New. Then select the + Add Block Icon and navigate to the Reusable Blocks window. The newly imported Gutenberg Template will appear in the window. To add it to your page, click the template block with the same name as your JSON file.
The Gutenberg Template will appear on your page as a reusable block. Before you can make any changes, you must convert the block back to regular blocks. To do this, click the icon next to the template name at the top of the blocks on your page. From here you can use the Gutenberg Block Editor as usual to make changes and to input your pre-made Studiocart Checkout Form. Don’t forget to select Save Draft before navigating away from the page.