WordPress Integration

  • Updated

WordPress allows you to create and manage websites and blogs with ease. By integrating Bynder and WordPress, you can use your latest Bynder assets in your WordPress 6 environment.

By using the Bynder reference URLs and our automatic CloudFront invalidation process, the integration ensures that when you update your assets in Bynder, the latest version is also automatically reflected on your WordPress website. The integration uses custom Bynder blocks for single images and video assets. The Gallery Block is used to showcase multiple image or video assets, and Featured Image is used to showcase a primary image. For those customers with Dynamic Asset Transformation (DAT), the latest Universal Compact View with the DAT-UI is available.

Available Versions

There are two versions available for the WordPress plugin. Both versions have an open-source version available, which you can customize to your needs.

Version 5.2.0 or later

This version supports Wordpress 5.9 or later, tested up to Wordpress version 6.3.1. This plugin version is actively being maintained.

Version 5.0.0

This version supports WordPress 5.8 or lower. This version won't receive updates as Wordpress only officially supports Wordpress 6.0 and later.

Installation and configuration

  1. Download the plugin here.

  2. Navigate to your WordPress website.

  3. Go to Plugins and click Add New > Upload plugin.

  4. Click Choose File, select the ZIP file you downloaded before, and click Install Now.

  5. Once the installation has finished, go to Settings > Bynder to set up the plugin configuration.

  6. For the configuration, an OAuth2 Clientid and Secret are required. Read more about OAuth2 clients here. Below is the required setup of the OAuth 2 app:

    • The User attached to the token should have permission to View the Statistics tab.

    • The grant_type needs to be set to client_credentials.

    • The scope asset. Usage: read an asset.usage: write needs to be enabled.

  7. Click Save Changes to save your configuration.

wordpress_bynder_setting.png

How to use the integration

  1. Click + New to create a new page or post. Alternatively, you can edit existing content.

  2. Click the to create a new block.

  3. Click wordpress5_bynder_io_wp-admin_post_php_post_634_action_edit.png Bynder Asset if you want to add a single asset, or click wordpress5_bynder_io_wp-admin_post_php_post_634_action_edit.png Bynder Gallery if you want to add multiple assets or a collection.

    wordpress5_adding_block.png

    Click to see an example of adding a block.

  4. Click Open Compact View. The Compact View will open. Click Connect if your company's Bynder portal URL is already filled in in the popup. If not, enter the URL in the below format. A popup will open, which allows you to log in to your Bynder environment.

    https://YourPortalURL.com
  5. Log in to the portal in the usual way.

  6. In the Asset tab, use the filter bar or search bar to filter and search for the assets and select the file(s) you want to add.

  7. In the Collection tab, select the collection you want to add, or click the collection and select the file(s) you want to add.

  8. Click Add Media to add the asset(s) to your WordPress page.

Tip

You can also use Bynder's embed code in combination with the WordPress Custom HTML block to embed a single asset or collection. Learn more about embedding assets here.

Deactivate the plugin

  1. Navigate to your WordPress website.

  2. Click Plugins in the side menu and Deactivate in the Bynder plugin section.

  3. Click Save Changes.

Additional Information

  • Out of the box, the WordPress plugin only works with the Gutenberg Editor. The open-source version of the WordPress plugin allows you to make changes to the plugin itself and potentially make it work with other plugins, such as other editors.
  • Bynder can offer only limited support on these custom changes. We cannot assist you with making it work with other plugins/editors.
  • WordPress plugin works with the Gutenberg Editor only.

Was this article helpful?

0 out of 0 found this helpful

We're sorry to hear that!

Find out more in our community

Have more questions? Find out more in our community