How to connect a custom domain with Cloudflare + Godaddy

pocket_header_background.png

We recommend using Cloudflare to host your website as Cloudflare provides industry leading protection and insights.  Below is a step by step guide to use Cloudflare + Godaddy.  Godaddy is just the domain holder.  Any domain holder from Google to Hostgator has these settings that can be changed.

Cloudflare + Godaddy Video Walkthrough

Quick Jump

  • Cloudflare Account + CNAME Records
  •  

 

1. Cloudflare Account + CNAME Records

Signup_Or_Log_In_Cloudflare.jpg

  • After logging in to Cloudflare click on Add Site.

Add_Site_Cloudflare.jpg

  • Enter in the URL that was purchased through Godaddy or another domain purchase company.
  • Then click the Add Site button.

Enter_URL_Cloudflare.jpg

  • Cloudflare will prompt to pick a plan.  Choose the free plan at the bottom of the page.
  • Cloudflare will now prompt for DNS settings.
  • There are two CNAME records required
    • CNAME    @   forward.pocketportfolio.co
    • CNAME www forward.pocketportfolio.co
  • If you have another CNAME for the root or www replace them with these.

Add_CName__.jpg

  • Here is what the CNAME records should look like when added.
  • Note: When creating a CNAME for the root domain use the @.  When you save the CNAME it will show as your naked domain like below.

Both_CName_Cloudflare.jpg

 

2. GoDaddy/Nameservers

  • Login to the Godaddy website
  • Click on Domains
  • Find the domain to be connected to Pocket Portfolio and click on DNS demonstrated below.

Domains_DNS_Godaddy.jpg

  • Scroll down to Nameservers and click Change.

Click_Change_Nameservers_Godaddy.jpg

  • On this page click on Enter my own nameserver (advanced)

Confirm_Change_Nameservers_Godaddy.jpg

  • When you setup your Cloudflare account it will prompt to remove the following nameservers and replace with Cloudflare's nameservers.

Nameservers_Cloudflare.jpg

  • Enter the two Cloudflare's Nameservers then hit Save.

Enter_Nameservers_Godaddy.jpg

Enter_Both_Nameservers_Godaddy.jpg

3. Confirm Nameservers w/ Setup Guide

  • When finished changing the Nameservers from the domain hosting site return to Cloudflare and click on Done, check nameservers.

Finished_Namservers_Cloudflare.jpg

  • Next click on Get Started

Quick_Start_Guide_Cloudflare.jpg

  • Make sure Automatic HTTPS rewrites is turned on and click Save.

Auto_HTTP_On_Cloudflare.jpg

  • Make sure Always Use HTTPS is turned on then click Save.

Always_Use_HTTPS_Cloudflare.jpg

  • We recommend not using Auto Minify, hit Save to move on.

Auto_Minify_Cloudflare.jpg

  • We recommend using Brotli.  If you want to learn more about it click here.  Once decided click Save.

Brotli_Cloudflare.jpg

  • Review the changes and click Finish

Finish_Cloudflare_Guide.jpg

  • Cloudflare will now prompt to complete the nameserver setup.  If the screen doesn't look like the screen below make sure the press Check Nameservers and the message in the screenshot below should present.

Checking_Nameservers_Cloudflare.jpg

4. Forwarding URL Rules Cloudflare

  • On the left hand side click on Rules then Click on Create Page Rule

Page_Rules_Cloudflare.jpg

  • Two things to do in this step...
    • Enter the naked URL +  /* at the end
      • Example: hkphotography.photography/*
      • No www or https://
    • Select Forwarding URL from the dropdown box.

Enter_Forwarding_URL_Cloudflare.jpg

  • From the second dropdown select 302- Temporary Redirect

Temporary_Redirect_Cloudflare.jpg

Enter_Full_URL_Cloudflare.jpg

  • The next screen will confirm the forwarding rule and that is it!

Confirmation_Redirect_Cloudflare.jpg

5. Verifying Domain w/ Pocket Portfolio

  • Navigate to the Pocket Portfolio account and click on Connect Domain.

Click_Connect_Domain_Launchpad.jpg

  • Enter the Domain to be connected and click Verify Domain.

Enter_Domain_Name_Pocket.jpg

Domain_Successfully_Verified.jpg

  • After the DNS propagates which can take up to 48 hours, but could be active right away so keep checking!

Working_URL_Pocket.jpg

If further assistance is required please reach out to us and we will be happy to help!!  Cheers

Articles in this section

Was this article helpful?
0 out of 0 found this helpful
Share
  • PRO EDU

    Check out PRO EDU's extensive library of visual arts education and tools to bring you to the next level of PRO

Comments

0 comments

Please sign in to leave a comment.