More resources

Congratulations — you've completed the Build custom Visual Editor integrations guide 🎉

We've covered the core skills behind any custom integration: how to detect the Visual Editor, initialize the API, render a custom interface, upload a file, and write new data back to your Site.

If you have any questions, please reach out to our friendly support team or check out the CloudCannon Community. You can find the complete example in the doodle-example repository.

Go further with the Visual Editor API#

The Doodle Gallery only uses a handful of the methods the Visual Editor API provides. These articles cover the rest, so you can build integrations that react to changes, reuse CloudCannon's own editing surfaces, and work across many files.

• Listen for changes — Keep your integration in sync when content changes in the Visual Editor.
• Create a custom Data Panel — Open CloudCannon's own Data Panels from your integration.
• Create custom inline editing — Make elements on the page directly editable.
• List files, Collections, and Datasets — Access and work across many files in a Collection or Dataset at once.
• Read and write data — The full set of methods for file data, body content, and raw source.

Try another integration#

The same skills you used for the Doodle Gallery apply to all kinds of custom tools. Here are a few ideas for integrations of your own:

• A validation overlay that flags broken links or missing image alt text directly on the preview.
• A preview card that fetches a thumbnail or embed from a third-party service for a URL field, such as a YouTube video or social post.