{"id":89775,"date":"2025-05-08T13:03:05","date_gmt":"2025-05-08T12:03:05","guid":{"rendered":"https:\/\/churchtools.academy\/help\/non-knowledgebase\/uncategorized\/how-do-i-use-the-live-preview\/"},"modified":"2026-08-14T12:51:49","modified_gmt":"2026-08-14T11:51:49","password":"","slug":"how-do-i-use-the-live-preview","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/pages\/how-do-i-use-the-live-preview\/","title":{"rendered":"How do I use the live preview?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In the live preview, you can see all changes to a page in real time. We&#8217;ll explain how to use it here. <\/p>\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-1ccdadb1 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Hinweis<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">The <em>live preview<\/em> is only displayed once you have saved a page at least once.<\/p>\n<\/aside>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/05\/Website_Seiten_Seite-bearbeiten_Live-Vorschau.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1303\" height=\"519\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/05\/Website_Seiten_Seite-bearbeiten_Live-Vorschau.png\" alt=\"\" class=\"wp-image-35427\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/05\/Website_Seiten_Seite-bearbeiten_Live-Vorschau.png 1303w, https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/05\/Website_Seiten_Seite-bearbeiten_Live-Vorschau-300x119.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/05\/Website_Seiten_Seite-bearbeiten_Live-Vorschau-1024x408.png 1024w, https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/05\/Website_Seiten_Seite-bearbeiten_Live-Vorschau-768x306.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2025\/05\/Website_Seiten_Seite-bearbeiten_Live-Vorschau-360x143.png 360w\" sizes=\"(max-width: 1303px) 100vw, 1303px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-heading\">(1) Edit page<\/h3>\n\n<p class=\"wp-block-paragraph\">You&#8217;ll find the <em>editing area<\/em> here in a compact view on the left-hand side.<\/p>\n\n<h3 class=\"wp-block-heading\">(2) Expand the tab<\/h3>\n\n<p class=\"wp-block-paragraph\">The three dots hide a context menu where you&#8217;ll find the tabs that can&#8217;t be displayed due to space constraints.<\/p>\n\n<h3 class=\"wp-block-heading\">(3) Adjust window sizes<\/h3>\n\n<p class=\"wp-block-paragraph\">You can easily adjust the size of <em>the editing area<\/em> and the <em>live preview<\/em> by dragging the divider between them back and forth using the button.<\/p>\n\n<h3 class=\"wp-block-heading\">(4) Live preview of the page<\/h3>\n\n<p class=\"wp-block-paragraph\">Here you can see all your changes in real time.<\/p>\n\n<h3 class=\"wp-block-heading\">(5) Open as a pop-up<\/h3>\n\n<p class=\"wp-block-paragraph\">This will open the <em>live preview<\/em> (4) in a separate window.<\/p>\n\n<h3 class=\"wp-block-heading\">(6) Change View Mode<\/h3>\n\n<p class=\"wp-block-paragraph\">Here, you can change the live preview view. You can choose between <em>Responsive<\/em> (adjusted to the screen size), <em>Laptop<\/em>, <em>Tablet<\/em>, and <em>Mobile<\/em>. This lets you see right away how your website would look on a smartphone, for example.  <\/p>\n\n<h3 class=\"wp-block-heading\">(7) Save and publish changes<\/h3>\n\n<p class=\"wp-block-paragraph\">You&#8217;re already familiar with these buttons from the standard view. <em>Saved<\/em> changes won&#8217;t be published until you actively publish them by clicking the &#8221; <em>Publish<\/em> &#8221; button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the live preview, you can see all changes to a page in real time. We&#8217;ll explain how to use it here. (1) Edit page You&#8217;ll find the editing area here in a compact view on the left-hand side. (2) Expand the tab The three dots hide a context menu where you&#8217;ll find the tabs [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[503],"doc_tag":[],"knowledge_base":[225],"class_list":["post-89775","docs","type-docs","status-publish","hentry","doc_category-pages","knowledge_base-website-and-finder"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","pp_force_visibility":null,"pp_subpost_visibility":null,"pp_inherited_force_visibility":null,"pp_inherited_subpost_visibility":null,"acf":[],"year_month":"2026-08","word_count":189,"total_views":"9","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Victoria Weidemann","author_nicename":"vweidemann","author_url":"https:\/\/churchtools.academy\/en\/author\/vweidemann\/"},"doc_category_info":[{"term_name":"Pages","term_url":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/pages\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Website and Finder","term_url":"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/","term_slug":"website-and-finder"}],"knowledge_base_slug":["website-and-finder"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/89775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/comments?post=89775"}],"version-history":[{"count":2,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/89775\/revisions"}],"predecessor-version":[{"id":89784,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/89775\/revisions\/89784"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/media?parent=89775"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_category?post=89775"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_tag?post=89775"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/knowledge_base?post=89775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}