Embed a Riddle on WordPress

You can embed a Riddle on WordPress. How the Riddle is added depends on the page builder you are using for your WordPress site. We will cover the most commonly used page builders below.

Download plugin and connect your Riddle.com account

Download our WordPress plugin.
In your Riddle account, click on the three dots top right.
Click on API keys.
Copy your API token and key.
In the Riddle plugin in WordPress, paste the code into the token field (under account settings).
Click on the Update API token & key button.
This will bring up the My Riddles list inside WordPress.
Use the Copy to clipboard button to copy the shortcode to your clipboard. You can use that shortcode with any WordPress Editor. Just paste it into your blog post where you want the Riddle to be.
For Gutenberg, see below.

Please note: If you are using Gutenberg or any other editor like Fusion from Avada or the classic editor, our shortcode will always work.

Gutenberg Block Editor

Every WordPress installation comes with the Gutenberg Block Editor installed.

Riddle.com's WordPress Plugin supports Gutenberg blocks (version 4.0 or higher). In this first Gutenberg release, you can easily add your Riddles as a Gutenberg block by choosing the "Riddle" block type and then either:

adding a shortcode generated by the plugin
adding the URL to your Riddle that is autogenerated when you publish a Riddle on Riddle.com
adding the Riddle ID

To add the Riddle embed code, simply add a custom html block to your page.
Paste the Riddle embed code there.
Copy the shortcode and then go to the page or post where you want to add this Riddle. Click on the + sign to add a new Gutenberg block and search for Riddle.

Just add one of the three available identifiers to the Gutenberg "Riddle" block. This will load the Riddle and you are all set.