You can't set up email hosting directly with Webflow, but you can connect a custom email address using a third-party email provider like Google Workspace or Zoho Mail once your domain is connected.
1. Connect Your Domain in Webflow
- Go to Project Settings in your Webflow dashboard.
- Click the Hosting tab.
- Add your custom domain name (e.g., yourdomain.com).
- Update your registrar’s DNS records as instructed by Webflow (typically A records and CNAME for Webflow hosting).
2. Choose an Email Hosting Provider
- Webflow does not provide email hosting by default.
- Options include:
- Google Workspace (formerly G Suite)
- Zoho Mail
- Microsoft 365
- Any domain registrar’s bundled email service (e.g., GoDaddy, Namecheap)
3. Update DNS Records for Email
- Log into your domain registrar’s DNS settings (not Webflow).
- Add the MX records provided by your email host:
- For Google Workspace: commonly involves multiple records like
ASPMX.L.GOOGLE.COM
with priority values. - You may also be required to add other records:
- SPF: For verifying sending servers.
- DKIM: For email authentication.
- DMARC: To prevent spoofing.
- These records do not conflict with your Webflow site, as long as you're only changing email-related DNS entries.
4. Test and Verify Email Configuration
- Your email provider may prompt you to verify your domain.
- Use email tools or send test emails to ensure everything flows correctly.
- MX record propagation can take up to 48 hours.
Summary
To use a custom email address with Webflow, you must connect your domain to Webflow and use a third-party email host (like Google Workspace). Then, update your domain’s MX and related DNS records to support email—separate from Webflow’s hosting settings.