Gutenberg Editor Compatibility

The Gutenberg editor is now the default text editor for WordPress. This support article will walk you through how Fusebox works with the Gutenberg editor, as it's a bit different from the previous editor (TinyMCE).

Gutenberg compatibility is now available in Version 2.6.

Getting to Know Gutenberg

First, we encourage you to check out the  Gutenberg plugin site to learn more about how the default WordPress editor has changed. Second, you can download the plugin from the plugin site or directly from your Plugins menu in WordPress, as you can see here:

Adding the Fusebox Player in Gutenberg

  1. Click the Add Block button (circle with + sign in the middle) in the upper-left corner of your page builder.
  2. Look for Fusebox Full Player or Fusebox Track Player, depending on which builder you need. You'll find it in the Widgets section. You can also search for the two builders. Type the word "Fusebox" and Fusebox Full Player and Fusebox Track Player will appear in the Widgets menu.

  3. For this example, we clicked on the Fusebox Full Player widget. After you click on the widget, you'll get this Shortcode:

  4. Click on the Shortcode Builder in the right-hand menu and click Edit Shortcode.

  5. After you click edit shortcode, you'll see the shortcode builder.

  6. Add your customizations and click Build shortcode.

A Few Things to Know About Gutenberg & Fusebox

When the "edit shortcode" button is clicked, the selected options should reflect first what's in the shortcode text, and if an option is absent, the defaults from the settings page will apply.
When the "build shortcode" button is clicked, the resulting shortcode text should reflect the options selected in the builder.  If an option in the builder is the same as the defaults from the settings page, that option should be absent from the resulting shortcode.

Still need help? Contact Us Contact Us