In the Project Editor's "Deploy" panel, you'll be able to enter the domain you wish to use. After you've entered the custom domain you'll be provided with the A Records to add to your domain's DNS records.
Updating Your Domain's DNS Records
All custom domains pointing to a deployed CodePen Project will need to use the following A records.
|A||(your domain name)||126.96.36.199|
|A||(your domain name)||188.8.131.52|
You'll need to update these records via your domain provider. If there is any existing A records, you should also remove those. These are usually editable under 'DNS' or 'DNS Settings' in your provider's domain settings. The following are specific instructions for the more common domain providers.
If your provider isn't in the list above or you're still not sure how to update your A records, contact your domain provider to get assistance.
Need HTTPS for Your Custom Domain?
The best way to do that is through Cloudflare, which has a free tier that provides HTTPS.
Cloudflare requires you to change your nameservers to point to them. Meaning that the DNS records are then handled on the Cloudflare side. So when you're setting up the site in Cloudflare, you'll need to make sure those A records (as described above) are correct.
Once you've got the site all set up in Cloudflare and the DNS changes have propagated (everywhere tells you it might take up to a day), you should be able to view your site in HTTPS.
It's up to you to only use secure resources to keep that "Secure" light green!