Preview
Release high quality pages with confidence by visualizing your work at every step, from creating slices to publishing a page.
See your content as you create it in the Page Builder
Add a new slice, then start filling it with content. Observe the changes in real time on the left panel. Live editing enables you to see how your content fits within your chosen slice. This feature allows you to instantly check if your text is too long, the image too small, or if the slice appears overly content-heavy.
- See right away how your content appears in a slice
- Ensure the slice you chose fits your content well
- Spot changes in real time
Ensure quality before going live
When a page is ready, you can preview it as it would appear on your website. The full-page preview lets you experience the page just like your visitors would.
- Preview individual pages as if they were live on your website
- Group changes in a release and use preview to see them at once
- Release with confidence when you're ready
Get feedback from your team by sharing previews
When you need feedback from your team, use a generated preview link for each draft. Simply copy and paste this link to share it with your team.
- Ensure quality with shareable previews
- Get approvals before going live
- Refine your content with the help of your team
Preview slices as you're building them
As you're building new slices and variations, you can preview them on different screen sizes. Then, test what you've built with various content to make sure everything looks great in all circumstances.
- Preview locally right next to your code
- Use automatic mock data for quicker testing
- Input real content locally to test in real-world scenarios
Grow your website with powerful features
Slices
Create on-brand pages independently with reusable page sections.
Releases
Ensure a timely release of content.
Media library
Create visually engaging pages fast.
User roles
Add new contributors with confidence.
Localization
Make your website relevant across markets.
AI features
Create pages with a little bit of help.
Migration API
Experience a smooth content migration with Prismic's Migration API.
Environments
Deploy critical website changes with confidence.
Try previewing a page with Prismic
Have questions? We have answers.
Which plans include previews?
Previews are available on all plans, from free to enterprise. Check out our plans to find the one that suits your needs the best.
How do I set up the development preview?
How do I set up the live editing?
How do I set up the full-page preview?
