To use free emails with your domain from Hostinger while hosting your React website on Netlify, you just need to adjust your DNS settings—you can keep your site on Netlify via CNAME or A records, and point your email-related DNS records (MX, TXT, etc.) to Hostinger for email services.
✅ Here’s a step-by-step guide:
✅ 1. Keep Website on Netlify via CNAME
You’re already using a CNAME to point your domain (e.g., www.yourdomain.com) to Netlify. Great—keep that as is. No need to change it.
✅ 2. Set Up Email Hosting in Hostinger
- Login to Hostinger and go to the Emails section.
- Create a new email account (e.g.,
info@yourdomain.com). - Hostinger will give you the necessary DNS records for email—these usually include:
- MX records (to route mail)
- SPF (TXT record) (to prevent spoofing)
- DKIM (TXT record) (to verify email source)
- DMARC (optional)
✅ 3. Update DNS Settings
You need to edit your domain’s DNS records where the domain is managed. If you’re using Hostinger for domain registration, do this in Hostinger. If it’s registered elsewhere (e.g., GoDaddy), update DNS records there.
Go to your DNS Zone Editor and add:
📩 Example Email DNS Settings (from Hostinger):
| Type | Name | Value |
|---|---|---|
| MX | @ | mx1.hostinger.com (priority 10) |
| MX | @ | mx2.hostinger.com (priority 20) |
| TXT | @ | v=spf1 include:spf.hostinger.com ~all |
| TXT | default._domainkey | (Hostinger gives this DKIM value) |
| TXT | _dmarc | v=DMARC1; p=none; rua=mailto:admin@yourdomain.com (optional) |
Note: Replace these with the exact records Hostinger provides in your Email > DNS Settings panel.
✅ 4. Wait for DNS Propagation
After saving your changes, it may take a few minutes to several hours for the DNS records to propagate.
✅ 5. Access Your Email
Once DNS is set up, you can access your email through:
- Hostinger Webmail (e.g.,
webmail.hostinger.com) - Or configure it with Gmail, Outlook, etc., using IMAP/SMTP.
✅ Important Tips
- Don’t delete your existing Netlify CNAME/A records — they are separate from email records.
- MX and TXT records for email can coexist with CNAME/A records for your site.
- Use a tool like https://mxtoolbox.com/ to check if your MX records are configured correctly.
Would you like me to walk you through adding the records inside Hostinger’s DNS editor? If so, let me know where your domain is registered.
your domain is registered with ResellerClub, and you’re hosting your website on Netlify, while using Hostinger for email, here’s exactly what you need to do:
✅ STEP-BY-STEP: Set Up Hostinger Email While Keeping Netlify Website (ResellerClub DNS)
📍 Where Things Are:
- Domain Registrar: ResellerClub → where your DNS settings are managed.
- Website: Hosted on Netlify → uses a CNAME or A record.
- Email: Hosted on Hostinger → you’ll add Hostinger’s email DNS records.
✅ 1. Log into ResellerClub Control Panel
- Go to https://cp.resellerclub.com/ and log in.
- Click on “Manage Orders” → “List/Search Orders”.
- Select your domain.
- Click on “DNS Management” or “Manage DNS” (you might need to enable DNS management if not already done).
✅ 2. Keep Your Netlify Website Working
Make sure your existing A or CNAME record that points to Netlify is not deleted.
Typical Netlify DNS setup:
| Type | Host/Name | Value |
|---|---|---|
| CNAME | www | your-site-name.netlify.app |
| A | @ | 75.2.60.5 (optional for root domain if using A record) |
✅ 3. Add Hostinger Email DNS Records
Now, add the email records from Hostinger into your ResellerClub DNS.
Log into Hostinger and go to:
- Emails → Email Domain → DNS Settings
- Copy the MX, TXT (SPF/DKIM/DMARC) records.
Then, go back to ResellerClub DNS management and add these records:
✉️ Example DNS Records for Hostinger Email
| Type | Host/Name | Value | Priority |
|---|---|---|---|
| MX | @ | mx1.hostinger.com | 10 |
| MX | @ | mx2.hostinger.com | 20 |
| TXT | @ | v=spf1 include:spf.hostinger.com ~all | — |
| TXT | default._domainkey | Hostinger DKIM value | — |
| TXT | _dmarc | v=DMARC1; p=none; rua=mailto:you@yourdomain.com | — |
✅ Use the exact values from Hostinger’s panel — these can vary based on your plan or region.
✅ 4. Save and Wait for DNS Propagation
- Save the DNS records.
- Wait up to 24 hours, though most changes reflect within 1–4 hours.
You can check your records using:
- 🔗 https://mxtoolbox.com/
- Or use
dig,nslookupif you’re comfortable with command line tools.
✅ 5. Access Email
After DNS propagates:
- Use Hostinger Webmail: https://webmail.hostinger.com/
- Or configure your email in Outlook/Gmail using IMAP/SMTP settings provided in Hostinger.
✅ Final Checklist
✅ Netlify CNAME or A record untouched
✅ MX and TXT records added to ResellerClub DNS
✅ Waited for DNS to propagate
✅ Email working via Hostinger