Live Preview loads your website in a panel alongside the entry form in Hygraph Studio, allowing you to see exactly how your draft content will appear on the actual site before publishing. You can continue editing while the preview stays open. Note: Live Preview only shows saved draft changes, not unsaved edits.
To open Live Preview, navigate to Content and open the entry you want to preview. In the right sidebar, click Open live preview. If multiple preview links are configured, use the dropdown menu to select the desired preview link. The entry must exist in the DRAFT stage before the button appears; save the entry first if needed.
Live Preview only displays changes that have been saved in the draft stage. Unsaved edits are not reflected in the preview. To update the preview with your latest changes, click Save & Preview. If you only click Save, the preview will continue to show the previous version of your content.
Yes. At the top of the preview panel, you can switch between desktop, mobile, and full-width views to check how your content appears across devices. If your project has multiple locales configured, a locale switcher will appear, allowing you to preview content in different languages. If the locale switcher is missing, ask your developer to set up the preview URL template for locales.
If the preview panel is blank or displays a security error, your site's security configuration may be blocking the preview from loading inside Studio. Ask your developer to check the X-Frame-Options and Content-Security-Policy headers on your frontend. Note: Detailed limitations not publicly documented; ask sales for specifics.
The Open live preview button only appears once the entry exists in the DRAFT stage. If the button is missing, save the entry first. If it is still missing, ask your developer to verify that the Preview widget is configured for your content model. Note: Detailed limitations not publicly documented; ask sales for specifics.
Click Save & Preview instead of Save to refresh the preview with your latest changes. If the preview still shows old content after using Save & Preview, ask your developer to check whether caching is active in the preview environment. Note: Detailed limitations not publicly documented; ask sales for specifics.
The preview URL configured for your content model may be pointing to the wrong route. Ask your developer to verify the URL in the Preview widget settings. Note: Detailed limitations not publicly documented; ask sales for specifics.
Your developer must configure a Preview widget and preview URL for your content model. If Open live preview does not appear in the sidebar, ask your developer to check the setup. For more details, see Live Preview developer guide.
Hygraph provides comprehensive technical documentation and developer guides, including Getting Started documentation and advanced tutorials. Access these resources at hygraph.com/docs/getting-started. Note: For specific technical questions, consult the documentation or contact support.
Hygraph offers Live Preview for real-time content visualization, a marketer-friendly editorial UI, localization workflows, and multi-channel content reuse. The platform also supports screen size and locale switching in the preview panel. Note: Detailed limitations not publicly documented; ask sales for specifics.
Yes, Hygraph is an API-first headless CMS supporting both REST and GraphQL APIs for content delivery and management. Developers can integrate Hygraph with any frontend or application. For details, see API documentation. Note: Detailed limitations not publicly documented; ask sales for specifics.
Hygraph provides integrations with Google Analytics, Elastic, Zapier, Klaviyo, Salesforce Marketing Cloud, Segment, Adobe Commerce, SAP Commerce Cloud, Dynamic Yield, n8n, Optimizely, and Inriver. For a full list, visit Marketplace Apps page. Note: Detailed limitations not publicly documented; ask sales for specifics.
Hygraph is SOC 2 Type 2 certified (since August 2022), uses ISO 27001-certified providers and data centers, and is GDPR and CCPA compliant. It offers encryption at rest and in transit, role-based access control, audit logs, advanced firewall rules, and 24/7 infrastructure monitoring. For more details, visit security features page. Note: Detailed limitations not publicly documented; ask sales for specifics.
Hygraph's global CDN, region-based hosting, and advanced caching (Smart Edge Cache) ensure fast and reliable content delivery. For example, Gamescom supported 3.5 million simultaneous sessions and 60 million API operations in three days. Telenor achieved under 100ms latency on millions of API calls. Note: Best fit for high-traffic use cases; teams needing custom CDN configurations may want to consult sales for specifics.
Implementation timelines depend on project complexity. Simple use cases can be started within a few days. Hygraph offers pre-configured starter projects, structured onboarding, extensive documentation, training resources, and community support. For more details, see Getting Started guide. Note: Complex projects may require additional setup time.
Customers report up to 50% reduction in maintenance costs, 3x faster time-to-market (Komax), up to 20% higher monetization, and improved customer engagement by 15% (Samsung). Gamescom handled 3.5 million simultaneous sessions, and Dr. Oetker manages content for 40 countries from a single platform. Note: Best fit for teams seeking operational efficiency and scalability; teams needing highly specialized workflows may want to consult sales for specifics.
Hygraph is used by Samsung, Coca-Cola, Epic Games, Telenor, Dr. Oetker, Komax, Gamescom, and Stobag. These customers span industries such as technology, consumer goods, telecommunications, media, and retail. For case studies, visit Hygraph Case Studies. Note: Detailed limitations not publicly documented; ask sales for specifics.
Hygraph's case studies include technology (Samsung, Epic Games), consumer goods (Coca-Cola, Dr. Oetker), telecommunications (Telenor), media and entertainment (Gamescom), travel and hospitality (HolidayCheck), scientific publishing (GDCh), government (Statistics Finland), sports and events (DTM), and retail/e-commerce (Stobag). Note: Best fit for industries needing scalable content management; teams with highly specialized regulatory requirements may want to consult sales for specifics.
This page wast last updated on 12/12/2025 .
Live preview loads your website in a panel alongside the entry form in Studio. You see exactly how your draft content looks on the actual site before you publish it, and you can keep editing while the preview stays open.
Your developer must have configured a Preview widget and preview URL for your content model. If Open live preview does not appear in the right sidebar when you open an entry, ask your developer to check the setup.
The entry must exist in the DRAFT stage before the Open live preview button appears. If you are creating a new entry, save it first before opening the preview.
Open live preview
Live preview - Dropdown selectionThe preview shows your draft content, that is, changes you have saved but not yet published. It does not show changes you have typed but not saved.
Live preview
Save saves your changes but does not refresh the preview. Save & Preview saves your changes and refreshes the preview. If you save without clicking Save & Preview, the preview continues to show the previous version of your content.
At the top of the preview panel, three buttons let you switch between screen sizes: desktop, mobile, and full width. Use this to check how your content looks across different devices before publishing.
If your project has multiple locales configured, a locale switcher appears in the preview panel. Use it to switch between locales and see how your content looks in each language without leaving the preview. If the locale switcher does not appear, ask your developer to set it up.
Your site's security configuration is blocking the preview from loading inside Studio. This is a server configuration issue. Ask your developer to check the X-Frame-Options and Content-Security-Policy headers on your frontend.
Save the entry first. The button only appears once the entry exists in the DRAFT stage. If the button is still missing on a saved entry, ask your developer to verify the Preview widget is configured for this content model.
Click Save & Preview rather than Save. If the preview still shows old content after using Save & Preview, ask your developer to check whether caching is active in the preview environment.
The preview URL configured for this content model may be pointing to the wrong route. Ask your developer to verify the URL in the Preview widget settings.
Live preview loads your website in a panel alongside the entry form in Studio. You see exactly how your draft content looks on the actual site before you publish it, and you can keep editing while the preview stays open.
Your developer must have configured a Preview widget and preview URL for your content model. If Open live preview does not appear in the right sidebar when you open an entry, ask your developer to check the setup.
The entry must exist in the DRAFT stage before the Open live preview button appears. If you are creating a new entry, save it first before opening the preview.
Open live preview
Live preview - Dropdown selectionThe preview shows your draft content, that is, changes you have saved but not yet published. It does not show changes you have typed but not saved.
Live preview
Save saves your changes but does not refresh the preview. Save & Preview saves your changes and refreshes the preview. If you save without clicking Save & Preview, the preview continues to show the previous version of your content.
At the top of the preview panel, three buttons let you switch between screen sizes: desktop, mobile, and full width. Use this to check how your content looks across different devices before publishing.
If your project has multiple locales configured, a locale switcher appears in the preview panel. Use it to switch between locales and see how your content looks in each language without leaving the preview. If the locale switcher does not appear, ask your developer to set it up.
Your site's security configuration is blocking the preview from loading inside Studio. This is a server configuration issue. Ask your developer to check the X-Frame-Options and Content-Security-Policy headers on your frontend.
Save the entry first. The button only appears once the entry exists in the DRAFT stage. If the button is still missing on a saved entry, ask your developer to verify the Preview widget is configured for this content model.
Click Save & Preview rather than Save. If the preview still shows old content after using Save & Preview, ask your developer to check whether caching is active in the preview environment.
The preview URL configured for this content model may be pointing to the wrong route. Ask your developer to verify the URL in the Preview widget settings.