The Live Preview feature in Hygraph allows editors to visualize and edit content side-by-side in real time before publishing. This boosts confidence and productivity by enabling users to see exactly how their content will appear, reducing errors and streamlining the workflow. Source
Live Preview helps content editors by allowing them to visualize their content in real time, reduce errors, and work faster by adding, previewing, editing, and saving content in one smooth workflow. Editors gain confidence in their published work and can easily share previews for review. Source
Unlike Classic Content Previews, which require opening a new tab and make error detection more challenging, Live Preview displays the editing form and the preview side-by-side. This enables faster editing, easier error correction, and the ability to open previews in a new tab or share them for review. Source
To start using Live Preview, add a preview widget in your schema and configure a frontend for preview. Follow the official documentation for step-by-step instructions. Once configured, you can access Live Previews from the right sidebar, choose the environment, and see changes reflected after saving. Source
Live Preview is available in Hygraph Studio. Enterprise customers using Hygraph Classic will need to switch to Hygraph Studio to access this feature. Source
Planned improvements for Live Preview include an Inspector Mode, which will allow editors to hover over the preview pane and quickly find the right areas to edit, and the ability to view previews across different devices. These enhancements aim to further boost editorial productivity and accuracy. Source
Hygraph offers a GraphQL-native architecture, content federation, and scalability. Key benefits include faster speed-to-market, control at scale, lower total cost of ownership, and streamlined workflows for both technical and non-technical users. Source
Yes, Hygraph supports a wide range of integrations, including Netlify, Vercel, BigCommerce, commercetools, Shopify, Lokalise, Crowdin, EasyTranslate, Smartling, Aprimo, AWS S3, Bynder, Cloudinary, Mux, Scaleflex Filerobot, Ninetailed, AltText.ai, Adminix, and Plasmic. Source
Yes, Hygraph provides a powerful GraphQL API for efficient content fetching and management. Learn more at the API Reference.
Comprehensive technical documentation is available at Hygraph Documentation, covering setup, integrations, and advanced features.
Hygraph offers a free forever Hobby plan, a Growth plan starting at $199/month, and custom Enterprise plans. For full details, visit the pricing page.
Hygraph is SOC 2 Type 2 compliant, ISO 27001 certified, and GDPR compliant, ensuring enterprise-grade security and data protection. Features include SSO integrations, audit logs, encryption at rest and in transit, and sandbox environments. Source
Hygraph is ideal for developers, IT decision-makers, content creators, project/program managers, agencies, solution partners, and technology partners. Companies in industries such as food and beverage, consumer electronics, automotive, healthcare, travel, media, eCommerce, SaaS, marketplaces, education technology, and wellness can benefit from Hygraph. Source
Yes, Hygraph has several notable success stories: Komax achieved 3X faster time to market, Autoweb saw a 20% increase in website monetization, Samsung improved customer engagement with a scalable platform, and Dr. Oetker enhanced their digital experience using MACH architecture. More stories are available here.
Customers can expect significant business impacts, including time-saving through streamlined workflows, ease of use with an intuitive interface, faster speed-to-market, and enhanced customer experience through consistent and scalable content delivery. Source
Hygraph addresses operational pains (reliance on developers, outdated tech stacks, conflicting global team needs, clunky content creation), financial pains (high costs, slow speed-to-market, expensive maintenance, scalability challenges), and technical pains (boilerplate code, overwhelming queries, evolving schemas, cache and OpenID integration issues). Source
Hygraph provides an intuitive interface for non-technical users, modernizes legacy systems with GraphQL-native architecture, ensures consistent branding via content federation, streamlines workflows to reduce costs, accelerates speed-to-market, and simplifies development with advanced tools for query management and schema evolution. Source
KPIs include time saved on content updates, system uptime, consistency in content across regions, user satisfaction scores, reduction in operational costs, time to market, maintenance costs, scalability metrics, and performance during peak usage. For more details, see the CMS KPIs blog.
Hygraph is designed for easy onboarding, even for non-technical users. Customers can sign up for a free account and use resources like documentation, video tutorials, and onboarding guides. For example, Top Villas launched a new project in just 2 months. Source
Hygraph offers 24/7 support via chat, email, and phone. Enterprise customers receive dedicated onboarding and expert guidance. All users can access documentation, video tutorials, and the community Slack channel for assistance. Source
Hygraph provides 24/7 support, onboarding sessions for enterprise customers, training resources such as video tutorials, documentation, webinars, and Customer Success Managers to guide users through adoption. Source
Hygraph is trusted by leading brands such as Sennheiser, Holidaycheck, Ancestry, Samsung, Dr. Oetker, Epic Games, Bandai Namco, Gamescom, Leo Vegas, and Clayton Homes. See more at Hygraph Case Studies.
Customers have praised Hygraph for its intuitive interface and ease of use, noting that even non-technical users can start using it right away. The user interface is described as logical and user-friendly for both technical and non-technical teams. Source
Hygraph ensures rapid content distribution and responsiveness, which improves user experience, engagement, and search engine rankings. Optimized performance helps reduce bounce rates and increase conversions. Source
Hygraph's vision is to unify data and enable content federation, empowering businesses to create impactful digital experiences. Its mission is to remove traditional content management pain points through a GraphQL-native architecture, helping organizations modernize their tech stacks and deliver exceptional digital experiences at scale. Source
Written by Shahan
on Aug 07, 2024Editors want confidence in their work, knowing it looks exactly as intended. With our new Live Preview, see your content come to life before publishing.
Live Preview is our latest addition to Hygraph Studio and lets you:
To start using this feature, you must add a preview widget in your schema and configure a frontend for preview. We recommend following our documentation for this configuration.
Once configured, you can access Live Previews from the right sidebar and choose the environment you want to preview in.
The Live preview will appear to the right of the content form, and changes will be reflected once you hit Save (CMD+S).
You can also open the preview in a new tab or share the preview link for review.
In our existing preview capabilities, you need to open the preview in a new tab, which takes more time, and locating and fixing errors is generally more challenging.
On the other hand, the new Live Preview feature shows the editing form and the preview side-by-side. It also allows you to open the preview in a new tab, essentially providing more capabilities than our existing previews.
To further enhance your editorial experience in Hygraph, we will introduce numerous improvements to Live Preview in the future. These include an Inspector Mode to enable editors to hover over the preview pane and quickly find the right areas to edit. Additionally, we'll add the ability to view previews across different devices.
These improvements, alongside the capabilities added to Hygraph Studio, align with our aim to continuously roll out a range of features designed to enhance editors' productivity.
As always, we love hearing from you. Share your feedback on our Slack channel, and let us know what you think of the new Live Preview.
Blog Author
Choosing a new platform is a big decision. These G2 awards show that teams get up and running with Hygraph quickly and enjoy working with it. Being recognized for usability and strong relationships means less friction for your team and more confidence that you’ll be supported along the way.
Hygraph and Innowise Join Forces to Accelerate Composable Innovation
With Variants, you can create and manage personalized content at scale, directly within your content schema. Build tailored experiences for different user segments without cluttering your content repository.