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
- Open your project dashboard and click Settings > Hosting.
- Under Custom Domain, type the full domain (e.g.,
www.yourbrand.com). - Click Save. Framer will generate two DNS records: a CNAME for the
wwwsub‑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
srcsetor Framer’s built‑in image component to serve WebP/AVIF where supported. - Cache control: Framer’s CDN automatically adds
Cache‑Control: max‑age=31536000for 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.