Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 

Core integration Gallery

Last modified Issues Contributors Forks MIT License

Stack Overflow GitHub Discussions

kontent logo commercetools logo

FeaturesDemoDeployConfigurationSaved valueContributorsLicenseResources

This custom element extension for Kentico Kontent allows users to link selected assets from their bynder asset library into their structured content.

Features

  • Editors can
    • Search for assets in their Bynder project
    • Link selected assets with their content items with preview directly inside of the Kontent editor

Demo

Demo Animation

Quick Deploy

Netlify has made this easy. If you click the deploy button below, it will guide you through the process of deploying it to Netlify and leave you with a copy of the repository in your account as well.

Deploy to Netlify

Bynder configuration

You don't need to do anything special inside of your Bynder account in order to access the data through the custom element. Instead, you'll be prompted to login into your Bynder account to access your asset library (like seen in the demo animation above).

This element has been created by simply adding the official Compact View by Bynder. You can learn more about this integration component in its official documentation on Bynder's website.

WARNING: You have to have a Bynder account/credentials in order to use this extension

Configuring the Custom Element

You will need to add the custom element to a content type filling in the hosted code URL and the following JSON parameters:

{
  "bynderUrl": "<YOUR BYNDER URL>",
  "previewDerivative": "webimage",
  "webDerivative": "webimage"
}

All of the parameters are optional. If you don't provide bynder URL, the selector will prompt for it while logging in. The derivative parameters can be used to alter which of the defined image derivatives will be used by the selector and output. By default the web image URL is used - others might be, e.g. thumbnail, or mini. More details in the official documentation.

What is Saved

The custom element saves a list of asset objects that has been included into the content item through the element. Example output:

[
  {
    "id":"36AAB6D3-7DFE-41AB-A0B95A826D4Ctest",
    "previewUrl":"https://d2csxpduxe849s.cloudfront.net/media/test.png",
    "webUrl":"https://d2csxpduxe849s.cloudfront.net/media/test.png",
    "title":"TestImage"
  }
]

Live site implementation sample

If you want to see live site example of Bynder images displayed on the live site, browse to a deployed sample site.

See source code of the sample site implementation here

Contributors

We have collected notes on how to contribute to this project in CONTRIBUTING.md.

Originally created by @kenticomartinh

License

MIT

Additional Resources