Title: How to use the View feature
Author: Animesh Gaurav (a11n)
Published: August 21, 2020
Last modified: January 12, 2023

---

# How to use the View feature

[ Back to top](https://wordpress.org/documentation/article/how-to-use-the-preview-function/?output_format=md#wp--skip-link--target)

The **View** button is available in the top toolbar in the [WordPress Block Editor](https://wordpress.org/documentation/article/wordpress-editor/)
and [Site Editor](https://wordpress.org/documentation/article/site-editor/). It’s
used to preview what your post, page, or site looks like with the current changes
applied.

In the [WordPress Block Editor](https://wordpress.org/documentation/article/wordpress-editor/),
click the **Save** button in the top toolbar to keep your changes as a draft of 
the post or page you’re working on. If you’re in the [Site Editor,](https://wordpress.org/documentation/article/site-editor/)
click the **Save** button in the top toolbar to keep the changes you made to your
site and the templates you’re working on.

Now click the **View** button to see how your changes look on the front end for 
the post or page or for the site.

![View in the WordPress Block Editor](https://wordpress.org/documentation/files/
2022/10/Screen-Shot-2022-10-25-at-10.35.31-AM-1024x51.png)

**View** in the WordPress Block Editor

![View in the Site Editor](https://wordpress.org/documentation/files/2022/10/Screen-
Shot-2022-10-25-at-10.34.51-AM-1024x41.png)

**View** in the Site Editor

When you click **View**, it will display a drop-down menu with various options to
preview the page, post, or site as shown below:

![View drop down menu in the WordPress Block Editor](https://wordpress.org/documentation/
files/2022/10/Screen-Shot-2022-10-25-at-10.24.38-AM.png)

**Desktop**: By default, the Desktop view will be selected. You can preview how 
your page, post, or site will look on a desktop screen.

![Desktop view for the View option](https://wordpress.org/documentation/files/2022/
10/Screen-Shot-2022-10-25-at-10.50.08-AM-1024x570.png)

Desktop view

**Tablet**: When this view is selected, you will see how the page/post or your site
will look on a tablet.

![Tablet view for the View option](https://wordpress.org/documentation/files/2022/
10/Screen-Shot-2022-10-25-at-10.50.36-AM-1024x575.png)

Tablet view

**Mobile**: When this view is selected, you will see how the page/post or your site
will look on a mobile device.

![Mobile view for the View option](https://wordpress.org/documentation/files/2022/
10/Screen-Shot-2022-10-25-at-10.50.52-AM-1024x573.png)

Mobile view

**Preview in new tab**: When selected, WordPress will open the page/post or the 
site in a new tab on your browser.

In the Site Editor, you will see the following drop-down menu with the options **
Desktop**, **Tablet**, **Mobile,** and **View site** which will open the site in
a new tab on your browser.

![View drop down menu in the Site Editor](https://wordpress.org/documentation/files/
2022/10/Screen-Shot-2022-10-25-at-10.59.14-AM.png)

View drop down menu in the Site Editor

Video showing the View feature

#### **Changelog **

 * Updated 2022-10-25
    - Updated screenshots and content for 6.1.
    - Added info for Site Editor
    - Added ALT tags for the images
    - Added video to show the feature
 * Created 2020-08-22

## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/how-to-use-the-preview-function/?output_format=md#respond)󠁿

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fhow-to-use-the-preview-function%2F&locale=en_US).
If you need support with something that wasn't covered by this article, please post
your question in the [support forums](https://wordpress.org/support/forums/).

First published

August 21, 2020

Last updated

January 12, 2023