How to use Soliloquy with Gutenberg

Do you need some help on how to use Soliloquy with Gutenberg? You’ve come to the right place! This is easily done with a few short steps. We’ll walk you through each of these steps on how to use Soliloquy and WordPress’ Gutenberg together.

• Setup
  1. Create a new slider
  2. Publish your slider
  3. Create a new page or post
  4. Add a Gutenberg Common block
  5. Publish or Update your page or post
• FAQs
  • Is this the only way to use Soliloquy and Gutenberg together?

Setup

Step 1 – Create a new slider

Your first step is to create a new slider. You can follow along with our documentation for creating your first slider.

Step 2 – Publish your slider

Click Publish to publish the slider so that you can create a shortcode for this slider. You’ll need that for the next step.

Step 3 – Create a new page or post

From your WordPress dashboard, create a new page or post.

For this example, we’re going to create a new post. Give your post a title and click the + icon to add a new Gutenberg Common block.

Step 4 – Add a Gutenberg Common block

Once you’ve clicked the + icon, select Common Blocks and select the Soliloquy Block.

You can either choose a slider from the dropdown or type out the slider name to do a smart search. Once you select the slider from the dropdown, it’s automatically added to the block.

Step 5 – Publish or Update your page or post

Finally, when you’ve added all your sliders or content, click the Publish button in the top right corner to publish the page or post.

And that’s it! You’ve now just added a Soliloquy slider to your Gutenberg page.

Would you like to learn how to have your slider images link to other pages? Check out our tutorial on How to Add Links to Slides.

FAQs

Q: Is this the only way to use Soliloquy and Gutenberg together?

A: You can of course choose to use the Shortcode Block located under the Widgets section in Gutenberg. When using dynamic shortcode, you’ll still need to use the Shortcode block when adding a slider to your pages.

To find the Shortcode Block, click the + sign and from the Widgets section, select Shortcode.

You would just need to paste your Soliloquy shortcode there.