Skip to main content
Hero's API & Embeddables

Hero offers embeddable components known as 'Hero Elements' as well as an API to programmatically access certain functionality

Updated over a week ago

Hero Health provides powerful interoperability solutions designed to seamlessly integrate with NHS systems like EMIS and TPP. Whether you're looking for ready-made UI components or a fully custom API, Hero offers flexible options to enhance your digital health product.

Two approaches to integration

Hero Health offers two key interoperability options:

  1. Hero Elements – Pre-built, embeddable UI components that allow you to add patient messaging, scheduling, and workflow management features with minimal development effort.

  2. Hero API – A comprehensive API designed for fully custom integrations, enabling complete flexibility and control over patient interactions and data.


Hero Elements: Embed functionality quickly

For developers who want to embed Hero’s functionality directly into their own applications, Hero Elements provide the fastest route to integration. These React and Web components allow you to offer patient engagement features without building everything from scratch.

Key benefits of Hero Elements:

  • Rapid deployment – Integrate NHS-ready components in hours, not months.

  • Minimal coding required – No need to develop and maintain complex UI elements.

  • Built-in compliance – Designed to meet NHS security and interoperability standards.

  • Flexible options – Available as React components and Web components.

To learn more about embedding Hero Elements, visit the Hero Elements introduction.

You can also read more about how Hero Elements work in this blog post: Introducing Hero Elements.


Hero API: Build custom solutions

For organisations looking for deeper integration capabilities, the Hero API provides a fully featured interface for managing patient interactions, appointment bookings, and secure messaging.

Why use the Hero API?

  • Complete control – Design a fully custom integration tailored to your workflow.

  • Full NHS system connectivity – Interacts with EMIS and TPP for seamless data exchange.

  • Scalability – Ideal for enterprise-level solutions handling large volumes of interactions.

To explore the technical details, check out the Hero API documentation.

For an overview of Hero’s interoperability functionality, read this blog post: Hero’s interoperability functionality.


Which approach is right for you?

  • If you need a fast, low-code solution, choose Hero Elements.

  • If you require custom development and full flexibility, use the Hero API.

  • Many partners use both, embedding Hero Elements where possible and leveraging the Hero API for advanced functionality.

Get started today

Visit our Developer Hub for full documentation and guides, or reach out to discuss your integration requirements.

Did this answer your question?