Previewing blog posts and pages

  1. Blog Posts

  2. Pages

Blog Posts

To set up previewing your Blog you will need to provide the URL for where you'd be previewing your blog post.  You can do this from two places within your Butter dashboard:

1. Go to Settings > Blog and type in the URL inside the Blog Post Preview URL box:

undefined

OR

From your blog post (if you have appropriate permissions), simply click on the gear icon and enter the URL for previewing your blog posts:

undefined

2. Once you've set this up, when you click "Preview" on a blog post, you will be redirected to your Post Preview URL + the blog post slug. (ie: http://yoursite.com/blog/your-example-blog-post)

undefined

Note: A developer needs to have integrated Butter with your website in order for previewing to function properly.

Where previewing your blog content, there are two key points:

  1. Draft mode - you can "Save Draft" and then "Preview" the post.  This will take you to a URL that will be the future URL hyperlink for that post (www.yoursite.com/blog/blog_post_slug/) but the post will not show up on your live site until it is Published.
  2. Published mode - if a post has been published, you can continue to make changes to that post, however all changes when saved will immediately become effective on your live site.

Pages

1. Click on the gear icon on the upper-right side of your page and then click on Configure Preview URL (Unique pages can have their own unique preview URL):

undefined

2. Type in the URL inside the Page Preview URL box:

undefined

Note: You can set your preview URL to your live website URL.  If you have done so, previewing content changes, as long as your page stays in draft mode, will not affect your live website, but you can preview how it will look when clicking Preview. Any page won't go live until it is published.

2.To preview a Page, just click on the Preview button at the top of the Page you'd like to view:

undefined

Note: Page Types will share the same preview URL. Once you’ve set it on one page for a given page type, all the other pages that match that page type will also be set with that same preview URL.  In the example below, the Page Type is called 'kb.'

undefined

Note: A developer needs to have integrated Butter with your website in order for previewing to function properly.

Where previewing your page content, there are two key points:

  1. Draft mode - you can "Save Draft" and then "Preview" the page.  This will take you to the preview URL that you've set (e.g. www.yoursite.com/page-type/page-title-slug/?preview=1).  The page will not show up on your live site until it is Published.
  2. Published mode - if a page has been published, you can continue to make changes to that page, those changes will not go live on your site until you "Publish" the new edits.

Still have a question?

Our Customer Success team is standing by to help.