On this Webflow lesson we take a look at publishing the website live. How to connect your custom domain in Webflow and connecting your Webflow DNS records correctly with Cloudflare.
All our project files for you to practice and play with along with some bonus materials.
It has been the best investment I made in my design journey so far. I would consider myself a novice but I honestly feel like I've gained a genuine professional insight into the process of creating a high-level website.
I'm an early adopter of the KreativePro Masterclass, and I love how well put together it is. Neftali takes you through each step of the process from paper sketches to marketing all with fun visuals & clear instructions!
okay great so once you have
linked your cloudflare with your domain
manager in this case godaddy
uh you will get access to a series of
really powerful features but one want to
focus is that now your dns settings or
your records are no longer
being managed by the godaddy so you have
to
remember that anytime you need to add a
new record
uh we need to actually use cloudflare
let's go over to our hosting tab in
webflow
and under custom domains we're going to
add our domain click on add domain
and now it's going to give us a couple
of things it's going to ask us to add
these records to our dns
we have two types of domain we have the
streamvr.app
without the www and we have the one with
the w so that says sub domain
now i typically like to have my domains
with the ww the streamvr dot app without
it
can also be used but then you would need
to make sure that your
server or your dns has support for that
okay so let's toggle these open and
these issues that it's showing me it's
just saying that
right now there's no records linked to
this domain so let's go ahead
and add these records over to our
cloudflare
use option one which is the recommended
option
by having by having these a record so
it's a type of
record the name and then the value so
we're gonna
just simply copy the value by clicking
on it
and then i'm going to cloudflare
over here and then we're going to add
the record a
the the name is just an at and then for
the value
i'm going to put the ip address
so i want to toggle this proxy off then
click save and i'll repeat the process
over here
so copy this ip and then i'm going to
add the a record
at ip just like that
make sure we toggle off the proxied
save
all right next i'm going to copy over
the second option here but instead it's
a type of cname
so i go over to cloudflare and i'm going
to change the type
to a cname and i want to use the
subdomain
and then we'll just paste the value
remember to toggle of the proxy
and then click save great so now we have
the three three records that we need for
webflow to be able to connect
to our domain and that's pretty much it
let's go ahead and test it out all right
so we can click
on check status and right away we see
that
it is connected and we can click on
check status for the second
url and boom we see they are both now
connected
i want to make this one the default url
so i'll click that and there we go
now all we have to do is publish
so we can click off the svr webflow.io
and we can toggle on the the new domain
click publish and that's it
it's time to celebrate
Coming Soon
Access our premium community including bonus tutorials, project files & weekly resources.
UNLIMITED ACCCESS