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.
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.
-
Download the plugin here.
-
Navigate to your WordPress website.
-
Go to Plugins and click Add New > Upload plugin.
-
Click Choose File, select the ZIP file you downloaded before, and click Install Now.
-
Once the installation has finished, go to Settings > Bynder to set up the plugin configuration.
-
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.
-
-
Click Save Changes to save your configuration.
How to Use the Integration
-
Click + New to create a new page or post. Alternatively, you can edit existing content.
-
Click the to create a new block.
-
Click
Bynder Asset if you want to add a single asset, or click
-
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
-
Log in to the portal in the usual way.
-
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.
-
In the Collection tab, select the collection you want to add, or click the collection and select the file(s) you want to add.
-
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.
How to Set a Featured Image
To set a featured image on a post or page, view here or follow these steps:
- Navigate to your WordPress dashboard.
- Click on Pages or Posts from the options on the left.
- Click on the title of the page or post to open the editor.
- At the top of the settings sidebar, under the page or post title, click on the Set featured image box which appears if an image is not already present.
- Choose an image from one of the Wordpress Media Library.
- Click Add new here to select an asset from Bynder.
- Click the Publish” or Save to save your featured image.
Deactivate the Plugin
-
Navigate to your WordPress website.
-
Click Plugins in the side menu and Deactivate in the Bynder plugin section.
-
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.
Updated