Elementor Hosting / Domains / Connecting Your Domain / Add a Custom Domain Name for your Elementor Hosted Website

Connecting your NameCheap domain name to your Elementor hosted website

To connect a domain from NameCheap to an Elementor Hosted website, you’ll need to access NameCheap settings and point the domain to your Elementor website’s IP address. Follow the step-by-step instructions provided by Elementor to ensure a smooth setup.
On this page

Before You Begin

Before adding a custom domain name to your Elementor website, make sure you:

  • Purchased an Elementor hosted website subscription and created a website.
  • Purchased a domain name from Namecheap.
  • Have access to your Namecheap login information.

Introduction

Creating an Elementor hosted website is your first step on the road to success. Now it’s time to attach a great name to your beautiful site.

In order to do this, you will first need to make some changes to the DNS records of your domain name. This document will walk you through the steps.

Connecting your domain to your Elementor hosted website

  1. From your My Elementor dashboard, go to Websites and click the Manage This Website button located in your website’s card. This opens the Site Details screen.
  2. In the Manage Domains section, click Connect my domain.
  3. In the popup window, enter the custom domain name you purchased and click Let’s begin. Use the domain name without www in front of it.

By default, the system uses the name you entered as the primary domain and will connect the name with www in front of it. (e.g. mysite.com will be the primary domain, and www.mysite.com will also be connected.)

Editing the domain name settings with your provider

  1. If the default checkboxes are okay, click Let’s begin.
  2. Open a new tab in your browser, and if you haven’t already, sign into your NameCheap account.
  3. Once signed in, go back to the Elementor tab and click I signed in, what’s next?

Adding the DNS records

  1. Switch to the Namecheap tab and click Domain list in the dashboard.
  2. Navigate to the domain you wish to use for your Elementor hosted website.
  3. Click Manage.

  4. Now that you’ve found your domain settings, go back to the Elementor tab, and click Found it, what’s next?
  5. Go back to the Namecheap tab, and click Advanced DNS to access the DNS records.
  6. Once you’ve located the records, go back to the Elementor tab and click Found them, what’s next?

    You can now access the A record and CNAME of your Elementor hosted website.
  7. In the Update your DNS records section, under A record and/or CNAME value, click the copy icon to copy the A record and/or CNAME from the Elementor tab.
  8. Go back to the Namecheap tab and paste in the A record or CNAME as detailed below.

Add an A record

Under the Advanced DNS settings, you will create an A record for your domain.

Important: If your domain DNS records have an AAAA (IPv6) record set, you’ll need to delete it because IPv6 isn’t compatible with Elementor hosted websites yet.

The DNS Management page is where you create an A record for your domain. If your domain already has an A record set to “Parked” or another address, you need to delete it.

  1. Click Add New Record.
  2. Use the dropdown in the Type field to select A Record.
  3. Navigate to the Host field and enter the @ symbol.
  4. In the Value field, paste in the A record value of your Elementor hosted website. This is the value you copied from the Elementor tab.
  5. Leave the TTL field as the default value.
  6. Click the green checkmark icon to save the record.
Animated GIF of A Record details being added in Custom records.

Providing a CNAME record for the www address

To direct the “www” address to your Elementor hosted website, you need to create a CNAME record with the host name set to “www”. You may  already have a CNAME record for the “www” address set to your domain. If you do, you can leave this as-is. If you don’t have a “www” address in your list, you  need to add it from the DNS Management page.

To add a “www” address:

  1. Click Add New Record.
  2. Use the dropdown in the Type Field to select CNAME.
  3. Enter “www” in the Host name field.
  4. In the Value field, paste in the CNAME value of your Elementor hosted website. This is the value you copied from the Elementor tab.
  5. Leave the TTL field as the default value.
  6. Click the green checkmark icon to save the record.
Animated GIF showing a user adding in CNAME details for a website resolution.

Alternative CNAME method

You can also point your domain to your Elementor hosted account by adding a CNAME record that points your domain to your Elementor hosted website domain. For example, if your domain name is example.com and your Elementor website is example.elementor.cloud, create a CNAME record with example.com that points to example.elementor.cloud.

Finishing up

  1. Go back to the Elementor tab.
  2. Click I updated my records. Connect my domain.

So, what’s next?

  1. Wait for the DNS changes to propagate (this can take up to 72 hours).
  2. We’ll issue an SSL certificate for your website.
  3. When your domain is ready, we’ll notify you by email.

Summary

Connecting a NameCheap domain to your Elementor Hosted website is a straightforward process but it’s done mostly through NameCheap.

If your domain fails to connect, verify your DNS records using the details on my.elementor

If your domain fails to receive an SSL certificate, make sure to contact your domain registrar and ask them to allow Cloudflare to issue certificates to the domain by adding a CAA record for comodoca.com and digicert.com.

Up Next

Set a Custom Domain as Primary

This article will explain how to set a custom domain as your primary domain in Elementor Hosted website, allowing you to create a personalized and professional web presence.

Suggest Article Improvements

Article Title: Connecting your NameCheap domain name to your Elementor hosted website
Note: We Will appreciate your feedback! There will be no reply to this message.
Birthday Sale: Up to 50%30% Off
Birthday Sale: Last 24 hours!
Birthday Sale: Last 24 hours:
DAYS
HR
MINS
SEC
Wait! You get 30-Day Money-back Guarantee

You have nothing to lose – but the discount

days
hours
minutes
seconds