{"id":20366,"date":"2020-04-09T13:52:42","date_gmt":"2020-04-09T17:52:42","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=20366"},"modified":"2024-02-22T09:48:28","modified_gmt":"2024-02-22T14:48:28","slug":"how-to-configure-cloudflare-in-wordpress-with-w3-total-cache","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/how-to-configure-cloudflare-in-wordpress-with-w3-total-cache\/","title":{"rendered":"How to Configure Cloudflare in WordPress with W3 Total Cache"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><h2 id=\"what-is-cloudflare\">What is CloudFlare?<\/h2>\n<p>CloudFlare is one of the biggest networks in the world, having over 200 data center locations. It is&nbsp; used by millions of website owners around the world, and can provide several benefits to you as a website owner as well. Their mission is very much like ours here at BoldGrid, to help improve the internet and even more so, help speed up the web.<\/p>\n<p>Since 2011, <a href=\"https:\/\/blog.cloudflare.com\/w3-total-cache-w3tc-total-cloudflare-integrat\/\">W3 Total Cache and CloudFlare<\/a> have been fully integrated for WordPress using the extension framework. The following WordPress tutorial will walk you through the steps needed to set up CloudFlare, and enable CloudFlare for WordPress within your Dashboard using W3TC.<\/p>\n<div class=\"boldgrid-section\" style=\"margin-top: 60px;\">\n<div class=\"container w3tc-radius\" style=\"border-width: 0px; background-image: url('https:\/\/www.boldgrid.com\/wp-content\/uploads\/2023\/07\/upsell-darker-alt.png'); background-size: cover; background-position: 50% 5%;\" data-image-url=\"https:\/\/www.boldgrid.com\/wp-content\/uploads\/2023\/07\/upsell-darker-alt.png\">\n<div class=\"row upsell-column\" style=\"padding-top: 2em; padding-bottom: 2em; color: #ffffff;\">\n<div class=\"col-lg-1 col-md-1 col-sm-12 col-xs-12 hidden-sm\">&nbsp;<\/div>\n<div class=\"col-lg-5 col-md-6 col-xs-12 col-sm-7\">\n<p class=\"\" style=\"color: #ffffff; margin-top: 0;\">Deliver your content faster with Cloudflare and <strong>W3 Total Cache Pro<\/strong><\/p>\n<\/div>\n<div class=\"col-lg-6 col-md-5 col-sm-5 col-xs-12 text-center align-column-center\">\n<p class=\"\" style=\"border-width: 0px;\"><a class=\"button-w3tc-white\" style=\"border: 2px solid #30BEC4; font-size: 18px; padding: 15px 30px;\" href=\"https:\/\/www.boldgrid.com\/w3-total-cache\/#pricing\">View Plans<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2 id=\"registering-a-cloudflare-account\">Registering a Cloudflare account<\/h2>\n<p>To get started, you need to <a href=\"https:\/\/dash.cloudflare.com\/sign-up\">register an account with CloudFlare<\/a>. Once that has been completed, you can begin adding your site. If you already have an account, you just need to <a href=\"https:\/\/dash.cloudflare.com\/login\">login<\/a>.<\/p>\n<p>After you&rsquo;ve created an account you need to add the website by clicking on + add a site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20367 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-add-a-site.png\" alt=\"Image showing the CloudFlare Interface\" width=\"667\" height=\"145\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-add-a-site.png 667w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-add-a-site-300x65.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>To complete this step, you need to enter your website&rsquo;s domain name, and click on add site to continue.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20368 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-add-your-domain-name.png\" alt=\"Adding your domain in CloudFlare\" width=\"510\" height=\"291\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-add-your-domain-name.png 510w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-add-your-domain-name-300x171.png 300w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/p>\n<p>After this you will be prompted to another page to select your plan. Select your plan and confirm it. We recommend beginning with the free plan, as you can upgrade later anytime you decide.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20369 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-selecting-a-plan.png\" alt=\"An image to outline the process of selecting a plan for CloudFlare\" width=\"947\" height=\"499\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-selecting-a-plan.png 947w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-selecting-a-plan-300x158.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-selecting-a-plan-768x405.png 768w\" sizes=\"auto, (max-width: 947px) 100vw, 947px\" \/><\/p>\n<p>Once you have confirmed the plan, Cloudflare will begin scanning for existing DNS records. Once that has been completed, you will be taken&nbsp; to another page to Review your DNS records. If you are unsure of the accuracy, it is recommended to confirm these DNS records with your web host.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20370 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-dns-scan-results.png\" alt=\"An image of the results shown after a CloudFlare DNS scan\" width=\"911\" height=\"63\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-dns-scan-results.png 911w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-dns-scan-results-300x21.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-dns-scan-results-768x53.png 768w\" sizes=\"auto, (max-width: 911px) 100vw, 911px\" \/><\/p>\n<p>Next, you will need to change your domain nameservers. This can be done with the company who you have registered your domain with directly. Pointing to Cloudflare&rsquo;s nameservers is critical for enabling CloudFlare for your WordPress website. Otherwise, Cloudflare is unable to manage your DNS and serve your website from their Content Delivery Network.<\/p>\n<p>If you need assistance with changing your domain nameservers, we would recommend contacting your registrar&rsquo;s support directly. Note that it may take anywhere from 1 to 24 hours for the changes to take effect completely. But don&rsquo;t worry &ndash; your site should not experience any downtime.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20371 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-changing-your-nameservers.png\" alt=\"CloudFlare nameserver information\" width=\"581\" height=\"785\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-changing-your-nameservers.png 581w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-changing-your-nameservers-222x300.png 222w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/p>\n<h2 id=\"activating-cloudflare-in-w3-total-cache\">Activating Cloudflare in W3 Total Cache<\/h2>\n<p>&nbsp;<\/p>\n<p>Next, to ensure that WordPress is configured optimally for CloudFlare, you will need to activate the Cloudflare extension.<\/p>\n<ul>\n<li>In the WordPress Dashboard, Navigate to Performance &rarr; Extensions<\/li>\n<li>Click on Activate under Cloudflare.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20372 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-activate-in-w3-total-cache.png\" alt=\"Showing how to activate the CloudFlare extension in W3 Total Cache\" width=\"1219\" height=\"92\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-activate-in-w3-total-cache.png 1219w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-activate-in-w3-total-cache-300x23.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-activate-in-w3-total-cache-1024x77.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-activate-in-w3-total-cache-768x58.png 768w\" sizes=\"auto, (max-width: 1219px) 100vw, 1219px\" \/><\/p>\n<p>After the extension is activated click on the Settings to authorize the Cloudflare credentials.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20373 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/w3-total-cache-cloudflare-setup.png\" alt=\"Showing how to configure CloudFlare in W3 Total Cache\" width=\"820\" height=\"120\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/w3-total-cache-cloudflare-setup.png 820w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/w3-total-cache-cloudflare-setup-300x44.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/w3-total-cache-cloudflare-setup-768x112.png 768w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/p>\n<p>Click on the Authorize to enter the email address for your Cloudflare account as well as your Cloudflare API key.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20374 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-email-and-api-key.png\" alt=\"Showing how to enter your email and API Key for CloudFlare in W3 Total Cache\" width=\"803\" height=\"281\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-email-and-api-key.png 803w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-email-and-api-key-300x105.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-email-and-api-key-768x269.png 768w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><\/p>\n<p>*Note that the Authorize button may not work if your Dashboard is in the language other than English. If you are experiencing any issues, please set the language to English temporarily to Authorize Cloudflare.<\/p>\n<p>You can find your Cloudflare API key by going to My Account and finding the API Token section.<\/p>\n<p>After clicking on the &ldquo;next&rdquo; button you will be prompted to select the zone. Click on the radio button next to your site and confirm:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20375 aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-select-zone.png\" alt=\"Here is where you select the domain you set up in CloudFlare\" width=\"800\" height=\"273\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-select-zone.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-select-zone-300x102.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/04\/cloudflare-select-zone-768x262.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Congratulations, Cloudflare is now activated. Note that if you&rsquo;ve activated Cloudflare before confirming the DNS records changes it may not have an effect until DNS Propagation has completed.<\/p>\n<h2 id=\"wordpress-cloudflare-minify-settings\">WordPress CloudFlare Minify Settings<\/h2>\n<p>To ensure you do not have a conflict, you need to configure minify to work in either W3 Total Cache or CloudFlare. Since both methods have a different approach, they do not work well together. This includes HTML minify, Javascript minify, and CSS minification settings.<\/p>\n<h2 id=\"changing-cloudflare-configuration-settings\">Changing CloudFlare Configuration Settings<\/h2>\n<p>When adjusting the CloudFlare configuration in W3 Total Cache, or purging the CloudFlare Cache, it is possible that it may take up to 24 hours for your cache to fully rebuild.<\/p>\n<p>If you need assistance with configuring CloudFlare for WordPress, and wish to have our Eneterprise Level Support Team assist&nbsp; you, you can navigate in the WordPress Dashboard to Performance &rarr; Support and submit a plugin configuration request. It will require access to your domain registrar, WordPress Dashboard and CloudFlare account. <a href=\"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/w3-total-cache-support-options-and-premium-services\/\">Learn more about our W3 Total Cache Premium Support Services<\/a>.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>What is CloudFlare? CloudFlare is one of the biggest networks in the world, having over 200 data center locations. It is&nbsp; used by millions of website owners around the world, and can provide several benefits to you as a website owner as well. Their mission is very much like ours here at BoldGrid, to help [&hellip;]<\/p>\n","protected":false},"author":529,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to Configure Cloudflare in WordPress with W3 Total Cache","bgseo_description":"CloudFlare is one of the biggest networks in the world, having over 200 data center locations. This WordPress tutorial will walk you through the process of configuring the CloudFlare CDN to work with W3 Total Cache and improve the speed of your website. ","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[746,692],"tags":[],"class_list":["post-20366","post","type-post","status-publish","format-standard","hentry","category-cdn","category-w3-total-cache"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/20366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=20366"}],"version-history":[{"count":6,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/20366\/revisions"}],"predecessor-version":[{"id":125511,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/20366\/revisions\/125511"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=20366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=20366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=20366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}