How to preview a blog post

How to preview draft and published blog posts before they go live on your website.

Important: This feature is only available on desktop. It is not accessible through the Luxury Presence Mobile App.

Overview

Previewing a blog post lets you see exactly how it will look on your live website before publishing. To preview blog posts, your website must have both a Blog page and a Blog Details page set up — without these, preview links won't work.

---

Required pages for blog preview

Before you can preview blog posts, your website needs two pages:

• Blog page — Displays all your blog posts (typically at yourwebsite.com/blog)
• Blog Details page — The layout template for individual blog post pages

If either page is missing, previews will fail or show errors. See the "How to create the required blog pages" section below if you need to set these up.

To check if you have both pages:

1. Navigate to the Presence® Platform.
2. Click Websites from the left-hand menu, then hover over your site and select the pen icon.
3. Click the page dropdown in the top-left corner.
4. Look for pages named "Blog" and "Blog Details." If both are listed, you're ready to preview.

---

How to preview a blog post

1. Navigate to the Presence® Platform.
2. In the left-hand menu, click Content to expand the submenu, then select Blog Posts.
3. Click on the blog post you want to preview.
4. In the top-right corner of the editor, click Preview (with an arrow icon).
5. Your blog post will open in a new window showing how it will appear on your live website.
6. Close the preview and return to the editor to make any changes needed.

Note: You can preview both draft and published posts. Draft posts won't appear on your live website until published, but preview shows exactly how they'll look when they go live.

---

Troubleshooting: blank white screen in preview

If your preview opens but shows only a blank white screen, the system hasn't selected the correct website and page for the preview. Fix it using the dropdowns in the top-left corner of the preview screen:

1. In the first dropdown, select the correct website.
2. In the second dropdown, select your Blog Details page.

Once both dropdowns are set correctly, your blog post preview will display as expected.

---

Troubleshooting: preview link not working

If clicking Preview doesn't show your blog post at all, the most common cause is missing blog pages. Check that you have both a Blog page and a Blog Details page by opening the page dropdown in the Website Builder. If either is missing, create them following the steps below.

---

How to create the required blog pages

If your website is missing the Blog page or Blog Details page, create them in the Website Builder.

To create the Blog page:

1. Navigate to the Presence® Platform.
2. Click Websites from the left-hand menu, then hover over your site and select the pen icon.
3. Click the page dropdown in the top-left corner.
4. At the bottom of the dropdown, click Add New Page with the + icon.
5. For Page Type, select Blog.
6. Enter the Page Name (e.g., "Blog").
7. Enter the Page Path (e.g., "/blog").
8. Enter the SEO Title (e.g., "Real Estate Blog | Your Brand Name").
9. Click Add.
10. Click Save in the top-right corner.

To create the Blog Details page:

Follow the same steps above, but select Blog Detail as the Page Type and enter "Blog Details" as the Page Name. The Page Path may auto-fill as "/blog/:slug" or similar.

Important: These pages don't automatically appear in your website navigation menu. Add the Blog page to your menu manually so visitors can find it.

---

What to check during preview

When reviewing your blog post preview, check the following:

• Title and headings — Title displays correctly, headings are properly formatted (H2, H3)
• Text and formatting — Paragraphs have proper spacing, bullet points and lists display correctly
• Featured image — Appears at the right size and isn't stretched or pixelated
• Images in the post body — All load correctly and align properly with text
• Links — All links are clickable and go to the correct destinations
• Author and date — Author name and publish date display as expected
• Mobile view — Text is readable on small screens and images scale properly

---

FAQs