{"id":1007,"date":"2021-12-02T12:01:43","date_gmt":"2021-12-02T12:01:43","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2021\/12\/02\/5782198-how-to-enable-cloudflare-development-mode-at-hostinger\/"},"modified":"2026-05-08T13:02:25","modified_gmt":"2026-05-08T13:02:25","slug":"5782198-how-to-enable-cloudflare-development-mode-at-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/5782198-how-to-enable-cloudflare-development-mode-at-hostinger\/","title":{"rendered":"How to enable Cloudflare development mode for a website on Hostinger"},"content":{"rendered":"<p>Since Cloudflare serves cached versions of your website, changes you make during development may not appear right away.<\/p><p>To bypass the cache, you can enable Development Mode. This feature disables caching for 3 hours, allowing you to make changes and view them in real time.<\/p><h2 id=\"h_56e3e20777\">How to enable development mode<\/h2><p class=\"no-margin\">Log in to your <a class=\"intercom-content-link\" href=\"https:\/\/dash.cloudflare.com\/\" target=\"_blank\" rel=\"noopener\">Cloudflare Dashboard<\/a> and select your domain. There you will find two alternative methods to activate it:<\/p><ul>\n<li>\n<p class=\"no-margin\">On the <b>Overview<\/b> tab, click on the <b>Development Mode<\/b> toggle:<\/p>\n<\/li>\n<\/ul><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2021\/12\/43f39030-c228-4368-b72b-414e34d338c7.jpg\" alt=\"Cloudflare dashboard Development Mode toggle in Quick Actions panel\" data-media-id=\"4075\"><\/div><ul>\n<li>\n<p class=\"no-margin\">Or, from the <b>Caching <\/b>tab, click on <b>Configuration<\/b>:<\/p>\n<\/li>\n<\/ul><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2021\/12\/b88be8cc-052e-459d-8b7e-6981ad6f6f03.jpg\" alt=\"Cloudflare Caching menu with Configuration selected\" data-media-id=\"4077\"><\/div><p class=\"no-margin\">Once there, scroll down to <b>Development Mode <\/b>and&nbsp;toggle it to <b>On<\/b>:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2021\/12\/8c810474-a5f8-4655-8a12-0b868d6964d7.jpg\" alt=\"Cloudflare development mode toggle switch highlighted on\" width=\"550\" data-media-id=\"4078\"><\/div><p class=\"no-margin\">That&rsquo;s it, Development Mode is now active. If you need to bypass the cache for more than 3 hours, create a rule in <a href=\"https:\/\/developers.cloudflare.com\/cache\/how-to\/cache-rules\/settings\/#bypass-cache\" target=\"_blank\" rel=\"noopener\">Cloudflare Cache Rules<\/a>.<\/p><p>&nbsp;<\/p><p class=\"no-margin\"><b>Additional resources<\/b><\/p><ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li>\n<p class=\"no-margin\"><a class=\"intercom-content-link\" href=\"https:\/\/developers.cloudflare.com\/cache\/reference\/development-mode\" target=\"_blank\" rel=\"noopener\">Cloudflare docs: Development Mode<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul><p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enabling the development mode to bypass cache at Cloudflare<\/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":[262],"tags":[],"class_list":["post-1007","post","type-post","status-publish","format-standard","hentry","category-cdn"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/5782198-how-to-enable-cloudflare-development-mode-at-hostinger\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/5782198-como-activar-el-modo-de-desarrollo-en-cloudflare\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/5782198-comment-activer-le-mode-de-developpement-de-cloudflare\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/5782198-cara-mengaktifkan-mode-development-cloudflare-di-hostinger\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/5782198-como-ativar-o-modo-desenvolvedor-da-cloudflare\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/5782198-----cloudflare\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/1007","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=1007"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/1007\/revisions"}],"predecessor-version":[{"id":5949,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/1007\/revisions\/5949"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=1007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=1007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=1007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}