How to Preview Content in Cosmic

Community Articles
Community Articles How to Preview Content in Cosmic

Cosmic is dedicated to helping blended teams of developers and content editors collaborate to build apps faster. Here is a brief tutorial on setting up Preview Links in your Cosmic Bucket. 

Preview Cosmic Content in 3 Steps 

It's easy to set up Preview links on your Object Types to allow your writers to easily preview changes to content in draft or published state.  To add preview buttons to your Objects, simply go to the Object Type you want to Preview and click Settings > Preview Link.

Settings > Preview Link

Add your Preview Link (dynamically add the object slug with the [object_slug] shortcode).  If you would like to view Draft status Objects, you will need to make sure your web app queries the endpoint with ?status=all.  View the API documentation for more information on how to access your Objects in draft status.

Preview Link Slug

Once your Preview Link is available, you can draft content and save it. Then Click the Preview button located at the top right in the Edit Object page.

Cosmic Preview Button

I hope that you've found this tutorial helpful. If you have questions or comments about Content Editor Features in the Cosmic system, I'd love to hear about them. 

carson@cosmicjs.com 

You may also like


Thanks to all who attended our first webinar / AMA last week. There was some great engagement and questions that helped steer the screen-share webinar for users in the Cosmic Community as well as first-time visitors to the system. If you missed it, check out the video and attend our next one.
In this article I’m going demonstrate how to publish new Objects containing survey responses in Cosmic as they are completed in Typeform. Click here to connect Typeform to Cosmic using Zapier.
Step by step guide to build a professional developer's portfolio using React, Cosmic, and Semantic-UI
Why should you migrate your CMS? What's the big deal about Cosmic? This article should answer some questions you have about cosmicJS and what the pros and cons are of using an API-driven Content Management System
Creating a static React App without worrying about language boundaries
In this tutorial, we're going to build a digital shrine to the great musical artists of our time and to listening to music by album - the way great artists meant it to be listened to! In the process, you'll learn a little bit about Cosmic, React, CSS Grid, Flexbox, Material UI and Spotify's aweso

Get Started with Cosmic

Build personal projects for free. Add your team at unbeatable prices.
Start Building Talk to Sales