How to Set Up a Domain and Hosting on Framer

How to Set Up a Domain and Hosting on Framer

Launching a website on Framer is fast, but many beginners get stuck when it comes to pointing a custom domain and choosing the right hosting settings. This guide walks you through every step—from buying a domain to publishing a production‑ready site—so you can focus on design, not technical headaches.

Why Use Framer for Hosting?

  • Zero‑code deployment: Upload your prototype and Framer generates a static site automatically.
  • Built‑in CDN: Your pages are served from a global content delivery network for fast load times.
  • Integrated SSL: HTTPS is enabled with a single click.

Step‑by‑Step Domain Setup

1. Register or locate your domain

If you already own a domain from providers such as GoDaddy, Namecheap, or Google Domains, you can skip to step 2. Otherwise, purchase a domain that matches your brand—short, memorable, and easy to spell.

2. Add the domain in Framer

  1. Open your project dashboard and click Settings > Hosting.
  2. Under Custom Domain, type the full domain (e.g., www.yourbrand.com).
  3. Click Save. Framer will generate two DNS records: a CNAME for the www sub‑domain and an A‑record for the root domain.

3. Update DNS records at your registrar

Log in to your domain registrar and locate the DNS management page. Add the records exactly as Framer shows:

Type Name/Host Value/Target
CNAME www cname.framer.website
A @ (root) 76.223.101.3

Save the changes. DNS propagation can take from a few minutes up to 48 hours, though it usually resolves within an hour.

4. Verify the connection

Return to Framer and click Check Status. Once Framer detects the correct records, you’ll see a green checkmark and the option to enable SSL. Click Enable HTTPS and let Framer issue a free certificate.

Hosting Settings & Performance Tips

  • Static vs. Dynamic: Framer exports static HTML/CSS/JS, ideal for landing pages, portfolios, and marketing sites.
  • Image optimization: Use srcset or Framer’s built‑in image component to serve WebP/AVIF where supported.
  • Cache control: Framer’s CDN automatically adds Cache‑Control: max‑age=31536000 for assets. For content that changes often, add a query string (e.g., ?v=2) to force a refresh.

Common Issues & Quick Fixes

Domain not resolving

Check that the CNAME points to cname.framer.website and that there are no conflicting A‑records. Use dig or an online DNS checker to verify.

SSL not activating

Make sure the root and www records are both pointing to Framer. If you use a redirect from non‑www to www, set up a 301 redirect in your registrar’s forwarding settings.

FAQ

Do I need a paid Framer plan to use a custom domain?
Yes. Custom domains are available on the Pro plan or higher.
Can I connect multiple domains to one Framer project?
Absolutely. Add each domain in the Hosting settings and repeat the DNS steps.
Will my site stay online if I change the DNS provider?
As long as you copy the same CNAME and A‑record values to the new provider, the site will remain accessible.
How do I add email for my domain?
Set up email via your registrar or a third‑party service (e.g., Google Workspace) using MX records—this is independent of Framer.

Conclusion

Setting up a custom domain and hosting on Framer is a straightforward process that can be completed in under 15 minutes once you have your DNS record values ready. By following the steps above, you’ll enjoy a fast, secure site with zero server maintenance.

Ready to launch? Connect your domain today, and watch your Framer design go live in seconds.

Call to Action

Need help polishing your design or troubleshooting DNS? Contact our support team or join the Framer Community Forum for real‑time assistance.

Comments are closed, but trackbacks and pingbacks are open.