Connect Your WPHubSite WordPress Website To Cloudflare

Build your website integrated with HubSpot on WPHubSite. It's the best all-in-one WordPress-based HubSpot website builder and it's free.

Did you know if you have the Starter or Pro plan you can configure your website to work with Cloudflare? You sure can!

We’ve made sure your website is ready to connect with your Cloudflare as easily as possible. You’ll see tremendous benefits by using Cloudflare #1 being speed. Yes, having a CDN (Content Distribution Network) such as Cloudflare makes your website load a lot faster.

There are also a number of other really cool benefits. Since your website is accessed through a CDN it’ll be a lot faster worldwide. You’ll also get better security and better protection from DDOS attacks which can take down a website.

So, since you’re on the WPHubSite Starter or Pro plan (nope, doesn’t work on free) you are ready to begin this setup process in WPHubSite and Cloudflare. You’ll also need a Cloudflare account. Don’t worry though, it’s free! You can sign up with Cloudflare here.

Once you signed up for a Cloudflare account then you’re ready to go. The first step is to add your domain to your Cloudflare dashboard.

Table of Contents

Requirements For Using Cloudflare

To use Cloudflare, you must meet the following requirements:

Once you meet the above requirements then you can proceed with these instructions in order to connect your WPHubSite WordPress website with Cloudflare.

Set Up Your Cloudflare Account

The first step in speeding up your WPHubSite WordPress website with Cloudflare is to set up your Cloudflare account and point your domain name servers to it.

These instructions will help you connect your site once you’ve signed up with Cloudflare.

Add a new site to Cloudflare.

Step 1: Add a site by either clicking the Add Site button or Add site link at the top.

Enter the website to add to Cloudflare.

Step 2: Type in your domain name without www or anything else.

Step 3: Click the Add site button.

Choose a Cloudflare plan for your website.

Step 4: Choose the Cloudflare plan you’d like to use for this site. The free plan will work sufficiently for most small websites.

Step 5: Click the Confirm plan button.

Review the DNS records Cloudflare found from your current name server.

Step 6: Review all your DNS records that Cloudflare could pull in from your current name server.

Note: If you had your domain pointed at WPHubSite then you should see an A record that points to your website on WPHubSite. You likely will also see many other records such as MX for your mail and CNAME’s for sub-domains.

Step 7: Click Continue.

Change your name servers with your current domain registrar.

Step 8: Change your domain’s nameservers to the two Cloudlfare provides. You can do this with your domain registrar which you can find by searching your domain and finding the registrar. This is often Google, GoDaddy, Namecheap, or something like this. Check the Registrar Information section.

Step 9: Once you’ve updated your domain name servers, click the Done, check nameservers button.

That’s it! You’ll get notified by Cloudflare when it detects that you’ve successfully updated your domain name servers. This could take anywhere from 5 minutes to 72 hours. It will likely be within an hour, though.

Connect Cloudflare To WPHubSite

Once you’ve signed up with Cloudflare, added your domain, and updated your name servers then you’re ready to connect your Cloudflare account to WPHubSite.

This process is relatively easy compared to setting things up in Cloudflare. Just be sure to log into your WPHubSite WordPress admin dashboard.

Connect Cloudflare to WPHubSite.

Step 1: Hover over or click on Settings.

Step 2: Click on Cloudflare. This option will only be available if you’re on the Starter or Pro plans.

Step 3: Click on the here link below the button to create a Cloudflare account.

Enter Cloudflare API credentials.

Step 4: Type in the email address you used to sign up for Cloudflare.

Step 5: Paste your Cloudflare API Key. For help getting your Cloudflare API Key, see the below section with the process to get your Cloudflare API Key.

Step 6: Click the Save API Credentials button.

Now you have a connection and you’ll see some helpful information right in the Cloudflare section of your WPHubSite WordPress website. You can review your settings, purge the cache, switch to attack mode, or review analytics from Cloudflare.

Get Your Cloudflare API Key

In order to connect your WPHubSite WordPress website to Cloudflare you’ll need to retrieve your API Key from Cloudflare.

Here’s how to do that in Cloudflare.

Access Cloudflare profile to get API Key.

Step 1: Click the drop down in the top right of Cloudflare when logged in. It doesn’t have a name but it has a blank avatar or your avatar if you’ve customized it.

Step 2: Click the My Profile option.

Click on the API Tokens tab.

Step 3: Click the API Tokens tab.

Step 4: Click the View button in the Global API Key row.

Verify your Cloudflare password to access your API Key.

Step 5: Type in your Cloudflare password.

Step 6: Jump through the reCAPTCHA hoops that require a Ph D to pass.

Step 7: Click the View button.

Copy your API Key to your computer clipboard.

Step 8: Highlight and copy (Command/Ctrl+C) your API Key so you can paste it during the setup in step 5 of the WPHubSite connection process.

Now you have everything you need to have a seamless connection between WPHubSite and Cloudflare.

Apply Optimal Cloudflare Settings For WordPress

This is a one time process that you’ll likely want to do after you finish connecting Cloudflare to WPHubsite. It will optimize all your Cloudflare settings to work beautifully with WordPress.

The only awkward part of this process is that there doesn’t seem to be any feedback that the settings were changed. You just have to believe.

Here’s how to do it

Apply the optimal Cloudflare settings for WordPress.

Step 1: Hover over or click on Settings.

Step 2: Click on Cloudflare. This option will only be available if you’re on the Starter or Pro plans.

Step 3: Click on the Apply button in the Optimize Cloudflare for wordPress section.

That’s it! No visibe feedback but Cloudflare should now have the optimal settings to work well with WordPress.

Last Updated On November 16, 2020



Grow your business with the power of WordPress & HubSpot.

Get WPHubSite for the most powerful web platform integrated with the power of HubSpot for your inbound marketing strategy.