{"id":856,"date":"2022-08-16T12:55:38","date_gmt":"2022-08-16T12:55:38","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/16\/6475345-hostinger-website-builder-how-to-preview-a-website\/"},"modified":"2026-02-17T09:39:38","modified_gmt":"2026-02-17T09:39:38","slug":"6475345-hostinger-website-builder-how-to-preview-a-website","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6475345-hostinger-website-builder-how-to-preview-a-website\/","title":{"rendered":"Hostinger Website Builder: How to preview a website"},"content":{"rendered":"<p data-start=\"57\" data-end=\"264\">Hostinger Website Builder lets you preview your website at any time, whether it is published or still in draft mode. Previewing helps you check layout, content, and responsiveness before making changes live.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">The preview mode is designed for testing only. Some builder functionality is limited while in preview.<\/div><div><\/div><div>\n<h2 data-start=\"388\" data-end=\"411\" id=\"h-preview-your-website\">Preview your website<\/h2>\n<ol data-start=\"413\" data-end=\"487\">\n<li data-start=\"413\" data-end=\"441\">\n<p data-start=\"416\" data-end=\"441\">Open your website editor.<\/p>\n<\/li>\n<li data-start=\"442\" data-end=\"487\">\n<p data-start=\"445\" data-end=\"487\">Click <strong data-start=\"451\" data-end=\"462\">Preview<\/strong> in the top right corner.<img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/2b6613f0-0507-4b6e-b976-6b667c95203f.jpg\" width=\"1064\" height=\"148\"><\/p>\n<\/li>\n<\/ol>\n<p data-start=\"489\" data-end=\"543\">The preview shows how visitors will view your website.<\/p>\n<p data-start=\"545\" data-end=\"766\">When entering preview mode, you may see a notification explaining that website functions are limited there. This reminder appears occasionally to clarify that some features can only be fully tested after publishing.<\/p>\n<p data-start=\"545\" data-end=\"766\">\n<\/p><\/div><h2 data-start=\"773\" data-end=\"802\" id=\"h-preview-the-mobile-version\">Preview the mobile version<\/h2><p data-start=\"804\" data-end=\"851\">To check how your site looks on mobile devices:<\/p><ol data-start=\"853\" data-end=\"953\">\n<li data-start=\"853\" data-end=\"921\">\n<p data-start=\"856\" data-end=\"921\">In the editor, switch to <strong data-start=\"881\" data-end=\"896\">Mobile mode<\/strong> by clicking on the phone icon in the top right corner.<img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/a688cb69-a44b-4e2c-8dff-c8fef2918142.jpg\" width=\"1065\" height=\"171\"><\/p>\n<\/li>\n<li data-start=\"922\" data-end=\"953\">\n<p data-start=\"925\" data-end=\"953\">Click <strong data-start=\"931\" data-end=\"942\">Preview<\/strong> if needed.<\/p>\n<\/li>\n<\/ol><p data-start=\"955\" data-end=\"1039\">This allows you to review the mobile layout and adjust elements for smaller screens.<\/p><h2 data-start=\"1046\" data-end=\"1066\" id=\"h-exit-preview-mode\">Exit preview mode<\/h2><p data-start=\"1068\" data-end=\"1089\">To return to editing, click <strong data-start=\"1099\" data-end=\"1117\">Back to editor<\/strong> in the top left corner.<img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/7de0ae21-ae08-4cef-a680-b59897031cbf.jpg\" width=\"1059\" height=\"144\"><\/p><p data-start=\"1143\" data-end=\"1226\" data-is-last-node=\"\" data-is-only-node=\"\">You can enter and exit preview mode as often as needed while building your website.<\/p><p data-start=\"179\" data-end=\"335\">Use preview mode to review your layout and content, and publish when you are ready to fully test all functionality.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to preview the website using Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[277],"tags":[],"class_list":["post-856","post","type-post","status-publish","format-standard","hentry","category-general-website-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6475345-hostinger-website-builder-how-to-preview-a-website\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6475345-hostinger-creador-de-sitios-web-como-previsualizar-una-pagina\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6475345-hostinger-createur-de-site-web-comment-previsualiser-un-site-web\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6475345-hostinger-svetainiu-kurimo-irankis-kaip-svetaine-atrodo-lankytojui\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6475345-hostinger-criador-de-sites-como-pre-visualizar-meu-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=856"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/856\/revisions"}],"predecessor-version":[{"id":8066,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/856\/revisions\/8066"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}