{"id":5764,"date":"2024-09-09T14:54:36","date_gmt":"2024-09-09T11:54:36","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=5764"},"modified":"2026-01-08T09:31:59","modified_gmt":"2026-01-08T07:31:59","slug":"how-to-integrate-your-website-with-cloudflare-in-spanel","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-integrate-your-website-with-cloudflare-in-spanel\/","title":{"rendered":"Connect Cloudflare to SPanel Website"},"content":{"rendered":"\n<p>Cloud computing has been taking online services by storm. Regardless of whether you have a small-to-medium business or manage an established enterprise with hundreds of servers &#8211; cloud solutions should already be a part of your strategy.&nbsp;<\/p>\n\n\n\n<p>As many as <strong>98% of online organizations<\/strong> utilize the technology in some form, most even employing a multi-cloud environment in their everyday operations. Google, Facebook, Apple\u2014there is no tech giant that doesn&#8217;t heavily rely on the cloud.&nbsp;<\/p>\n\n\n\n<p>This is far from surprising &#8211; the <strong>immense scalability<\/strong>, <strong>redundancy<\/strong>, and <strong>data security<\/strong> are unmatched by any other existing tech. When you take into account the associated cost and resource savings &#8211; the decision to adopt the cloud becomes a no-brainer.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is Cloudflare?<\/strong><\/h2>\n\n\n\n<p>Cloudflare is the leading <a href=\"https:\/\/www.scalahosting.com\/blog\/the-importance-of-a-cdn\/\">content delivery network (CDN)<\/a> company in the world. The provider manages <strong>over 12,500 servers<\/strong> across six continents, connecting people worldwide with the cloud.&nbsp;<\/p>\n\n\n\n<p>Cloudflare was founded in San Francisco in 2009 by three entrepreneurs &#8211; <strong>Lee Holloway<\/strong>, <strong>Matthew Prince<\/strong>, and <strong>Michelle Zatlyn<\/strong>. What followed were years of growth and acquisitions, including web and security companies like StopTheHacker, CryptoSeal, and Neumob.&nbsp;<\/p>\n\n\n\n<p>Today, the CDN giant boasts <strong>over $1.2 billion<\/strong> <strong>in revenues<\/strong> and an operating income of around <strong>$185 million<\/strong>. Even though the company offers a free tier of services (used by millions), it still has <strong>over 210,000 paying customers<\/strong>, with a few thousand of the biggest online businesses trusting its cloud network. A little over 10% of Cloudflare&#8217;s customer base is from the United States, followed by the United Kingdom, Brazil, and Germany.&nbsp;<\/p>\n\n\n\n<p>Currently, the company <strong>employs close to 4,000 people<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How Can Cloudflare Help Your Website?<\/strong><\/h2>\n\n\n\n<p>Every content delivery system aims to provide access to a global network of servers you can utilize for more flexibility and reach. Cloudflare is no different.<\/p>\n\n\n\n<p><strong>Your website can benefit in numerous ways by employing its services:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Network Reach<\/strong> &#8211; employing servers all over the world means that where your visitors reside makes no difference. You can have users from the US, Europe, Asia, and even Africa, and they will all get the same performance thanks to a nearby server.<br><\/li>\n\n\n\n<li><strong>Budgeted Solution<\/strong> &#8211; even if you&#8217;re just starting out, Cloudflare offers a Free Tier plan, which is packed with all the essentials and enough to take advantage of the CDN. Once you grow, moving to a paid package will allow you to maximize its benefits.<br><\/li>\n\n\n\n<li><strong>Next-level Security<\/strong> &#8211; putting your online site behind a CDN will help you avoid all kinds of trouble. <a href=\"https:\/\/www.scalahosting.com\/blog\/cyber-attack-guide-ddos-attacks\/\">DDoS attacks<\/a> can be mitigated easily if you have a web application firewall (WAF) and your connection is secured via SSL\/TLS encryption. And that&#8217;s the least you can expect.<br><\/li>\n\n\n\n<li><strong>Better Performance<\/strong> &#8211; having a server with a cached version of your content means that each client can get it regardless of their physical location. Faster load times = happier customers.<br><\/li>\n\n\n\n<li><strong>Redundant Environment<\/strong> &#8211; there is no single point of break when utilizing a CDN like Cloudflare. Even if one of the servers goes down or underperforms &#8211; there are many more ready to balance the load. You will enjoy uninterrupted uptime and establish your website as a reliable online source.<br><\/li>\n\n\n\n<li><strong>Automatic Image Optimization<\/strong> &#8211; heavy images in strange formats are one the prime reasons why a page can load slowly. Usually, this is one of the tips to <a href=\"https:\/\/www.scalahosting.com\/blog\/5-tips-to-make-your-website-faster\/\">make your website faster<\/a>, but Cloudflare gives you a helping hand by automatically resizing images and presenting them in the best possible format.<br><\/li>\n\n\n\n<li><strong>Traffic Filtering <\/strong>&#8211; to ensure only legitimate traffic reaches your server, Cloudflare keeps a close eye on every request and authenticates it before letting it through. This is called a <em>Zero Trust model<\/em> and helps you proactively tackle cyber threats.<\/li>\n<\/ol>\n\n\n\n<p>These are just a few of the essential Cloudflare benefits. For a complete list of plans and their features &#8211; check out the provider&#8217;s official website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Integrate Cloudflare in SPanel: Step-by-Step Guide<\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/www.scalahosting.com\/spanel.html\"><strong>SPanel<\/strong><\/a> is the unique web hosting management system developed by our team at ScalaHosting. It serves as a one-stop solution for customers to operate their websites, domains, emails, and all other aspects of their online journey.&nbsp;<\/p>\n\n\n\n<p>One of the best things about SPanel is that it is regularly updated with new features and integrations <a href=\"https:\/\/features.spanel.io\/\">suggested by our most valuable asset &#8211; the client<\/a>. \u0410 CDN platform was one of the popular subjects of discussion, and Cloudflare was a natural solution for this case.&nbsp;<\/p>\n\n\n\n<p>Integrating and managing Cloudflare through SPanel is as simplified as possible. Here are the steps to make it work:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Log into the <strong>SPanel dashboard<\/strong>. Under the <strong>Tools <\/strong>section, you will find the <strong>DNS Editor<\/strong>\u00a0option.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large mpg-gallery\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/cloudflare1-1024x300.webp\" alt=\"Connect Cloudflare to SPanel Website, How to Integrate Cloudflare in SPanel: Step-by-Step Guide\" class=\"wp-image-5960\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/cloudflare1-1024x300.webp 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/cloudflare1-300x88.webp 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/cloudflare1-768x225.webp 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/cloudflare1.webp 1076w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Once inside, select the <strong>Domain <\/strong>you wish to use with the CDN and click the blue <strong>Enable Cloudflare<\/strong> button at the top right.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><img decoding=\"async\" width=\"1000\" height=\"288\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/2.webp\" alt=\"Connect Cloudflare to SPanel Website, How to Integrate Cloudflare in SPanel: Step-by-Step Guide 2\" class=\"wp-image-5769\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/2.webp 1000w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/2-300x86.webp 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/2-768x221.webp 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You will see a popup page with detailed instructions on the settings you need to apply from your Cloudflare account to receive an <strong>API token for the integration<\/strong>. Let&#8217;s go through them.<\/li>\n\n\n\n<li>Open a new tab and log into your <strong>Cloudflare dashboard<\/strong>.<\/li>\n\n\n\n<li>Click the user icon on the top right corner and navigate to <strong>My Profile<\/strong>.&nbsp;<\/li>\n\n\n\n<li>On the left, select the <strong>API Tokens<\/strong> option. Then, click on the blue <strong>Create Token<\/strong> button that will appear. Choose the option <strong>Use Template<\/strong> next to <strong>Edit Zone DNS<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><img decoding=\"async\" width=\"1000\" height=\"447\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens1-_-Cloudflare.webp\" alt=\"Connect Cloudflare to SPanel Website, How to Integrate Cloudflare in SPanel: Step-by-Step Guide 3\" class=\"wp-image-5770\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens1-_-Cloudflare.webp 1000w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens1-_-Cloudflare-300x134.webp 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens1-_-Cloudflare-768x343.webp 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>On the next page, you need to input the token <strong>settings for your DNS zone<\/strong>. Here are the fields you need to add:<\/li>\n<\/ul>\n\n\n\n<p class=\"alert-orange\"><em>Zone \/ Zone \/ Edit<\/em><br><em>Zone \/ DNS \/ Edit<\/em><br><em>Zone \/ Zone Settings \/ Edit<\/em><br><em>Zone \/ Cache Purge \/ Purge<\/em><br><em>User \/ User Details \/ Read<\/em><\/p>\n\n\n\n<p class=\"alert-blue\"><strong>IMPORTANT:<\/strong> You only have the first line by default. Click on the <em>+Add More<\/em> option to add the rest.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><img decoding=\"async\" width=\"1000\" height=\"407\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens2-_-Cloudflare.webp\" alt=\"Connect Cloudflare to SPanel Website, How to Integrate Cloudflare in SPanel: Step-by-Step Guide 4\" class=\"wp-image-5771\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens2-_-Cloudflare.webp 1000w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens2-_-Cloudflare-300x122.webp 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens2-_-Cloudflare-768x313.webp 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Under the <strong>Zone Resources<\/strong> section, change the second drop-down from Specific Zone to <strong>All Zones<\/strong>. You can leave the rest of the settings as they are.<\/li>\n\n\n\n<li>The next page is a summary of your settings. Double-check if everything was configured correctly.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><img decoding=\"async\" width=\"1000\" height=\"334\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens3-_-Cloudflare.webp\" alt=\"Connect Cloudflare to SPanel Website, How to Integrate Cloudflare in SPanel: Step-by-Step Guide 5\" class=\"wp-image-5772\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens3-_-Cloudflare.webp 1000w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens3-_-Cloudflare-300x100.webp 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens3-_-Cloudflare-768x257.webp 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You are now on the last step. The system will configure your API token and give you a <strong>code <\/strong>to copy.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><img decoding=\"async\" width=\"1000\" height=\"371\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens4-_-Cloudflare.webp\" alt=\"Connect Cloudflare to SPanel Website, How to Integrate Cloudflare in SPanel: Step-by-Step Guide 6\" class=\"wp-image-5773\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens4-_-Cloudflare.webp 1000w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens4-_-Cloudflare-300x111.webp 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/API-Tokens4-_-Cloudflare-768x285.webp 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Get this code and go back to the tab with your SPanel dashboard. Paste the code at the bottom of the popup page.&nbsp;<\/li>\n\n\n\n<li>You will get a confirmation, and your Cloudflare API Token will be integrated with SPanel.<\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Once activated, the API token will reveal a bunch of new options in your dashboard.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><img decoding=\"async\" width=\"912\" height=\"355\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/SPanel3.webp\" alt=\"Connect Cloudflare to SPanel Website, How to Integrate Cloudflare in SPanel: Step-by-Step Guide 7\" class=\"wp-image-5774\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/SPanel3.webp 912w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/SPanel3-300x117.webp 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/SPanel3-768x299.webp 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>For example, you can choose to deactivate Cloudflare for certain domain names so they only utilize your server DNS. To do so, you can click on the toggle button <strong>Sync With Cloudflare<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Another interesting option is the <strong>Security Level<\/strong> drop-down menu. It allows you to activate different safety precautions for your website. When you see your site is under attack, there is a special mode called <strong>I&#8217;m Under Attack<\/strong>, which will filter the traffic to your pages and avoid overloading the server. This is especially useful when you&#8217;re under a DDoS attack.&nbsp;<\/p>\n\n\n\n<p>As for the <strong>Development Mode<\/strong>, it is a wonderful way to bypass the standard caching and quickly see the results of changes you&#8217;ve made on the website.&nbsp;<\/p>\n\n\n\n<p>In this section, you will also find the <strong>Purge CDN Cache <\/strong>button. It allows you to &#8220;erase&#8221; all previously cached site content in case you want some new changes to be applied immediately.&nbsp;<\/p>\n\n\n\n<p>Moving down the options, you will see a couple of toggles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full mpg-gallery\"><img decoding=\"async\" width=\"880\" height=\"270\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/SPanel4.webp\" alt=\"Connect Cloudflare to SPanel Website, How to Integrate Cloudflare in SPanel: Step-by-Step Guide 8\" class=\"wp-image-5775\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/SPanel4.webp 880w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/SPanel4-300x92.webp 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2024\/09\/SPanel4-768x236.webp 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n\n\n\n<p>One of the greatest benefits of Cloudflare is the ability to hide the IP address that stands behind your domain. This way, the attackers wouldn&#8217;t know which IP to attack. This is achieved through the <strong>Proxy Status<\/strong> button, which you can activate with a simple click. When the toggle is switched on, your incoming traffic goes to the Cloudflare servers first before reaching your server destination.<\/p>\n\n\n\n<p>The blue <strong>Edit button<\/strong> allows you to manually change any of your records (A, AAAA, CNAME, etc.). Changes are updated immediately, and they take a little propagation time to appear globally.&nbsp;<\/p>\n\n\n\n<p>As you can see, SPanel makes Cloudflare management quick and easy without any previous technical experience. The integration is effortless, and the options are self-explanatory.<br>If you need any additional assistance &#8211; do not hesitate to <a href=\"https:\/\/www.scalahosting.com\/contact-us.html\">contact our Support Team<\/a> 24\/7 through live chat, email, or ticketing.<\/p>\n\n\n<div class=\"shortcode-cta-new-wrap row spanel\">\r\n    <img decoding=\"async\" class=\"shortcode-logo\" src=\"\/blog\/images\/shortcode-bg-new-logo-spanel.svg\" alt=\"shortcode-logo\" title=\"shortcode-logo\"\/>\r\n    <div class=\"shortcode-cta-img col-10 col-sm-7 col-md-5\">\r\n        <img decoding=\"async\" class=\"shortcode-bg\" src=\"\/blog\/images\/shortcode-bg-new-spanel.webp\" alt=\"shortcode-bg\" title=\"shortcode-bg\"\/>\r\n    <\/div>\r\n    <div class=\"shortcode-cta-content col-12 col-md-7\">\r\n        <div class=\"content\">\r\n            <div class=\"heading\">Revolutionize Your Hosting Management - Join the SPanel Family<\/div>\r\n            <div class=\"list-wrap\">\r\n                <div class=\"list\">\r\n                    <div><b>Effortless Server Management through Powerful Tools<\/b><\/div>\r\n                    <div><b>Anytime Unconditional Money-back Guarantee<\/b><\/div>\r\n                    <div><b>24\/7 Expert Support and Free Website Migration<\/b><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"btn-wrap row\">\r\n                <div class=\"col-auto\">\r\n                    <a class=\"button green\" href=\"https:\/\/www.scalahosting.com\/spanel.html\">Start Now<\/a>\r\n                <\/div>\r\n                <div class=\"col-auto\">\r\n                    <button class=\"button blue_outer\" title=\"Contact Sales\" onclick=\"chatChangeVisibility(this, 'maximize', {}, 5);\">Chat with our Experts<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cloud computing has been taking online services by storm. Regardless of whether you have a small-to-medium business or manage an established enterprise with hundreds of servers &#8211; cloud solutions should already be a part of your strategy.&nbsp; As many as 98% of online organizations utilize the technology in some form, most even employing a multi-cloud [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Connect Cloudflare to SPanel Website | ScalaHosting KB","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[67],"tags":[],"class_list":["post-5764","post","type-post","status-publish","format-standard","hentry","category-getting-started"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/5764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=5764"}],"version-history":[{"count":6,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/5764\/revisions"}],"predecessor-version":[{"id":5961,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/5764\/revisions\/5961"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=5764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=5764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=5764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}