How can I set up a custom email address using Webflow?
TL;DR
- Connect your custom domain in Webflow by updating A and CNAME records via your domain registrar.
- Choose a third-party email provider (e.g., Google Workspace, Zoho Mail), then add their MX, TXT, and SPF records to your DNS settings without altering Webflow’s A/CNAME records.
- Test your email after DNS changes propagate, typically within 24 hours.
Webflow does not host email services, but you can still set up a custom email address using a third-party email provider after connecting your domain to Webflow.
1. Connect Your Custom Domain in Webflow
- Go to Project Settings > Hosting tab in Webflow.
- Add your custom domain (e.g., yourdomain.com) and follow the steps to update your DNS records at your domain registrar (e.g., GoDaddy, Namecheap).
- Webflow requires setting two A records and one CNAME record for the site to work properly.
2. Choose a Third-Party Email Provider
- Webflow recommends services such as:
- Google Workspace
- Zoho Mail
- Microsoft 365
- These providers offer custom email addresses using your domain (e.g., info@yourdomain.com).
3. Add MX Records to Your Domain DNS
- After signing up with an email provider, you will get a list of MX records to set up on your domain.
- Log into your domain registrar’s DNS settings and add the provided MX records. This directs email traffic to your chosen email provider.
- Common also-needed records:
- TXT records for domain verification or SPF
- CNAME or MX records specific to the provider for mail routing and security
4. Avoid Conflicts With Webflow Hosting
- Do not change the A records or CNAME used by Webflow when editing your DNS.
- Only adjust the MX, TXT, and possibly SPF records for email—these are separate from the settings Webflow uses to host your website.
5. Test Your Email
- After updating the DNS, give it some time (usually up to 24 hours) for changes to propagate.
- Access your email via the provider’s webmail interface (e.g., Gmail if using Google Workspace) or set it up in an email client.
Summary
To set up a custom email with Webflow, connect your domain via Webflow, then use a third-party provider like Google Workspace or Zoho Mail. Update your DNS with proper MX records through your domain registrar—not in Webflow—so email is correctly routed.