Skip to main content

WordPress

Objective

Understand how to install and use our WordPress plugin

At Amuse Labs, we have created a WordPress plugin that allows you to quickly embed puzzles and pickers into your WordPress website. The plugin allows you to unlock additional features, such as the ability for your solvers to share their scores and time taken on social media, as well as the ability to co-solve puzzles with another player, using just one click.

note

The WordPress plugin can be installed only on self hosted WordPress sites. If you are using managed hosting by WordPress.com, the plugin can be installed only on Creator or higher plans.

Step 1- Installing the plugin

  • To install the plugin, in your WordPress admin dashboard, please choose the Add New option from the Plugins menu.

Image

  • On the Add Plugin screen, search for PuzzleMe for WordPress. You should be able to see the PuzzleMe WordPress plugin in the search results.

Image

  • Click the Install Now button to install the plugin. Once the plugin is installed, click on the Activate button to activate the plugin.

Image

The plugin has now been installed and activated.

Step 2 - Pointing to your PuzzleMe account

By default, the WordPress plugin points to our server for non commercial users - amuselabs.com . Your commercial account is on a separate production server, for example cdn2.amuselabs.com. To ensure the WordPress plugin points to the correct server, you need to add a definition in your WordPress server's wp-config.php file, as the variable PuzzleMe_BasePath.

The value of this variable is https://cdnx.amuselabs.com/pmm/ , where cdnx.amuselabs.com is where you login to your PuzzleMe account. For example, if you login to https://cdn2.amuselabs.com/pmm/login , then the PuzzleMe_BasePath would take the value https://cdnx.amuselabs.com/pmm/ . Here is the definition you can add in your wp-config.php file.

define('PuzzleMe_BasePath','https://cdn2.amuselabs.com/pmm/');

Step 3 - Embedding a puzzle/series on your website

  • Login to your PuzzleMe account and from the dashboard click on the Preview & Publish icon in front of the puzzle that you want to embed.

Image

  • On the Publish page, click on the WordPress tab. The box will display a WordPress shortcode. Each puzzle in your PuzzleMe account has a unique shortcode. Image

  • Copy the shortcode and start editing the WordPress page/blog post where you want to embed the puzzle. Depending on your website theme, the interface to insert a shortcode might look slightly different. The screenshots below are taken from the default Gutenberg editor.

  • In the editor, please insert a shortcode.

Image

  • In the shortcode box, paste the code you copied from your PuzzleMe dashboard. Image

And that's it! Once your WordPress page/post is updated and published, your readers will be able to access this puzzle.