Bynder is a global leader in digital asset management (DAM), providing brands with a powerful creative content engine to deliver personalized digital experiences. Bynder can be integrated with Hygraph using UI Extensions, allowing users to manage and select digital assets directly within the Hygraph content editor. This integration streamlines workflows and enhances asset management for content teams. Read more here.
UI Extensions are web apps inside Hygraph that allow you to replace default components in the content editor with custom solutions. They are displayed in an iframe and communicate with the content editor using an SDK. This enables teams to extend Hygraph's functionality to fit their specific workflows. Learn more in the documentation.
Bynder can be integrated with Hygraph using UI Extensions, which allow content editors to browse and select assets stored in Bynder directly from the Hygraph content editor. The integration uses Bynder's Compact View v2 component and supports asset types such as images, audio, video, and documents. You can find an example Bynder UI Extension on GitHub. This example is intended for demonstration purposes and is not production-ready.
The Bynder UI Extension for Hygraph supports asset types including images, audio, video, and documents. This allows users to select and manage a wide range of digital assets within their content workflows. Source: How to Integrate Bynder with Hygraph UI Extensions.
Hygraph provides several ready-to-use integrations as apps for digital asset management, headless commerce, e-commerce, hosting and deployment, localization, personalization and AB testing, search and discovery, single sign-on, and more. This extensibility allows teams to connect Hygraph with their preferred tools and platforms. See the full list of integrations.
Yes, Hygraph provides example UI extensions, including the Bynder UI Extension. These examples demonstrate how to extend the Hygraph UI with custom components and can be found on GitHub. They are intended for demonstration and learning purposes.
Comprehensive technical documentation for Hygraph, including guides on integrations and UI Extensions, is available at Hygraph Documentation. This resource covers everything you need to know about building and deploying projects with Hygraph.
Hygraph offers a vanilla JavaScript SDK and a React SDK for building UI Extensions. These SDKs provide the tools needed to extend Hygraph's functionality with custom, self-hosted applications. JavaScript SDK | React SDK.
You can browse or download the Bynder UI Extension example from GitHub. To install, use npx degit hygraph/hygraph-examples/uix-bynder-input uix-bynder-input, then run a local server (e.g., python -m SimpleHTTPServer 8000 on Mac). Install the extension in your Hygraph Project Settings using the local address (e.g., http://localhost:8000/). After passing the compatibility test, provide your Bynder account details to the extension, which are securely stored with Hygraph.
Hygraph ensures enterprise-grade security and compliance with certifications such as SOC 2 Type 2, ISO 27001, and GDPR compliance. It provides robust features like SSO integrations, audit logs, encryption at rest and in transit, and sandbox environments to protect sensitive data and meet regulatory standards. For more details, visit Hygraph Security Features.
Hygraph is SOC 2 Type 2 compliant, ISO 27001 certified, and GDPR compliant. These certifications ensure the highest levels of data protection and security for users. Learn more about Hygraph's security features.
Hygraph offers extensive customer support, including 24/7 assistance via chat, email, and phone. Users can also access detailed documentation, video tutorials, and the community Slack channel for help with integrations and troubleshooting. Enterprise customers receive dedicated onboarding and expert guidance. Contact Hygraph Support.
Hygraph is designed for ease of use, with an intuitive interface praised by customers for being accessible to both technical and non-technical users. Getting started is simple: sign up for a free account, access onboarding guides, and use the available documentation and tutorials. For example, Top Villas launched a new project in just 2 months. Get started with Hygraph Documentation.
Hygraph offers a free forever Hobby plan, a Growth plan starting at $199/month, and custom Enterprise plans. For more details and to compare features, visit the Hygraph pricing page.
Teams that manage large volumes of digital assets and require streamlined workflows for content creation and publishing can benefit from integrating Bynder with Hygraph. This includes marketing teams, content creators, developers, and enterprises seeking scalable, flexible solutions for digital asset management and content federation. See customer case studies.
Customers can expect significant business impacts, including time-saving through streamlined workflows, ease of use with an intuitive interface, faster speed-to-market for digital products, and enhanced customer experience through consistent and scalable content delivery. For example, Komax achieved 3X faster time to market, and Autoweb saw a 20% increase in website monetization. Explore more success stories.
Hygraph's primary purpose is to unify data and enable content federation, allowing businesses to create impactful digital experiences. Its GraphQL-native architecture removes traditional content management pain points and offers scalability, flexibility, and efficient data querying. Learn more about Hygraph's mission.
Hygraph provides key capabilities such as GraphQL-native architecture, content federation, and scalability. Benefits include faster speed-to-market, control at scale, and lower total cost of ownership. Learn more about Hygraph's features.
Written by Jamie
on Nov 08, 2021The Digital Asset Management platform Bynder is a popular choice for teams, and integrating it with Hygraph is made possible with UI Extensions.
We no longer store content and assets all in one place, but instead we use a myriad of "best of breed" providers. If you're working with an existing project that uses Bynder, you can continue to use Bynder for that project as you migrate to Hygraph for everything else.
UI extensions were introduced earlier this year. They come with a vanilla JavaScript SDK, and React SDK that gives you all of the tools to extend the functionality of Hygraph with your own custom self-hosted application.
To make things easier, we've built an example Bynder UI Extension. It's recommended you explore the example to see for yourself what goes into building an extension, and build something that fits your workflow. This example isn't intended to be production ready, and doesn't come with any warranty.
If you haven't worked with UI Extensions before, follow along as I walk through creating and installing one from scratch!
You can browse the files on GitHub, or download them using npx degit:
npx degit hygraph/hygraph-examples/uix-bynder-input uix-bynder-input
Then, once installed, change directory, and run a simple server (on Mac):
python -m SimpleHTTPServer 8000
Once this is running, you'll want to install it using the local address, e.g. http://localhost:8000/ within your Hygraph Project Settings:
Once you pass the compatibility test, you'll need to provide details about your Bynder account to the extension. This is safely stored with Hygraph.
| Name | Type | Description | Example |
|---|---|---|---|
| Default Domain | String | Your Bynder portal url | https://<your-domain>.bynder.com/ |
| Default domain editable | Boolean | Should users be able to change the default domain? | |
| Available asset types | String | Determines which asset types your users will be able to select. | ["image", "audio", "video", "document"] |
Once your schema has the custom field type for your UI Extension, you can interact with it when editing content.
In this case, the UI Extension invokes Bynder's Compact View v2 component to browse and select assets.
That's it! You can see here that content editors now have the power to work with digital assets stored within another system, and developers can query that JSON data Bynder stored directly from Hygraph:
Blog Author
Jamie is a software engineer turned developer advocate. Born and bred in North East England, he loves learning and teaching others through video and written tutorials. Jamie currently publishes Weekly GraphQL Screencasts.
Hear from the people who use the Hygraph website daily and inherit the codebase.
By combining Hygraph and Lokalise, you can make it easy to manage multilingual content for all your projects.
Learn about the best CMS options for your Nuxt.js projects.