help center

On this page

Connect your NameCheap domain

Last Update: June 24, 2024

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.

Connect your domain to your Elementor hosted website

  1. From your My Elementor dashboard, go to Websites and click Manage this website 
    Select Manage this website Connect your NameCheap domain 1
  2. Click Manage domains.
    Click manage domains Connect your NameCheap domain 3
  3. Click Connect my domain.
    01 Connect my domain Connect your NameCheap domain 5

  4. 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.
    2 Connect a custom domain 1 Connect your NameCheap domain 7

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.)

Edit the domain name settings with your provider

  1. If the default checkboxes are okay, click Let’s begin.
    3 Connect a custom domain Connect your NameCheap domain 9
  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?
    4 Connect a custom domain Connect your NameCheap domain 11

Add the DNS records

  1. Switch to the Namecheap tab and click Domain list in the dashboard.
    1 NameCheap Domain List Manage Button 1 Connect your NameCheap domain 13
  2. Navigate to the domain you wish to use for your Elementor hosted website.
  3. Click Manage.
    2 NameCheap Domain List Manage Button 2 Connect your NameCheap domain 15
  4. Now that you’ve found your domain settings, go back to the Elementor tab, and click Found it, what’s next?
    5 Connect a custom domain redder 1 Connect your NameCheap domain 17
  5. Go back to the Namecheap tab, and click Advanced DNS to access the DNS records.
    3 Advanced DNS 1 Connect your NameCheap domain 19
  6. Once you’ve located the records, go back to the Elementor tab and click Found them, what’s next?
    6 Connect a custom domain redder Connect your NameCheap domain 21
    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.
    image 18 Connect your NameCheap domain 23
  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.
    4 Add New Record Connect your NameCheap domain 25
  2. Use the dropdown in the Type field to select A Record.
    5 Select A from the dropdown Connect your NameCheap domain 27
  3. Navigate to the Host field and enter the @ symbol.
    6 enter the at symbol Connect your NameCheap domain 29
  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.
    7 paste in the A value Connect your NameCheap domain 31
  5. Leave the TTL field as the default value.
  6. Click the green checkmark icon to save the record.
    8 Save Changes Connect your NameCheap domain 33
Animated GIF of A Record details being added in Custom records.

Provide 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.
    4 Add New Record Connect your NameCheap domain 36
  2. Use the dropdown in the Type Field to select CNAME.
    9 Select CNAME from the dropdown Connect your NameCheap domain 38
  3. Enter “www” in the Host name field.
    10 add www Connect your NameCheap domain 40
  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.
    11 Cname Value Connect your NameCheap domain 42
  5. Leave the TTL field as the default value.
  6. Click the green checkmark icon to save the record.
    12 checkmark Connect your NameCheap domain 44
Animated GIF showing a user adding in CNAME details for a website resolution.
Warning
CAA records specify which certificate authorities have permission to certify your domain. You do not have to specify a CAA but if you have added any CAA records, you must have Cloudflare listed as a CAA. To learn how to add Cloudflare as a CAA, see Add CAA records (external link).

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.
    8 I updated my records connect my domain Connect your NameCheap domain 47

So, what’s next?

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

Elementor Premium Services can work with you to set up your site, getting you off to a great start on your road to success.
  

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article