Preview with Elementor: Get an overview of your website

You have created an impressive website with Elementor and now you want to get an overview of the current changes and the appearance of your site? In this tutorial, I will explain how you can effectively use the preview function to quickly check your progress and make adjustments if necessary.

Main Insights

• Elementor provides an easy way to preview changes in real-time.
• You can view your site using the preview function or in a new tab.
• There are additional settings to help you track your adjustments.

Step-by-Step Guide

To get an overview of your website, follow these steps:

First, make sure your changes are saved in Elementor. You can add a new heading or another element to get a better overview. To do this, open the panel and select the desired function.

After adding the element, make sure to save all changes. Go to the panel and click on the "Save" button in the lower left corner. This is an important step to ensure that your adjustments are not lost.

Now that your site is saved, you can use the preview of your changes. To do this, you will find the "Preview Changes" option in the left menu. This function provides you with a quick overview of how your current page looks before you publish it.

If you prefer a more detailed view, you can also open a new tab and directly access your site. Paste the URL of your website into the new tab and refresh the page to see the latest changes.

An even easier way to view changes is to use the "Z" function on your keyboard. This shortcut allows you to quickly open the preview of your page without having to perform additional steps.

While reviewing the preview of your page, you can also explore additional settings in the Elementor panel. These include various history settings that show you what adjustments you have already made.

This history function is useful for tracking changes and easily undoing them if necessary. This ensures that you can look back on all the changes made in the future, making editing more efficient.

Summary

You have now learned how to effectively use Elementor's preview function to get a clear overview of your so-called changes. These steps will help you optimize your website and ensure that everything looks as you wish.