First of all, setting up a custom domain is not a mandatory step. You can fully run your eCom store on the subdomain that we provide.
Secondly, it's very important that you follow this tutorial to the letter, because most issues with custom domain setup are caused by not following the steps outlined below.
IMPORTANT: Changes that you will make to your domain may take up to 24 hours to become active. This is due to DNS propagation.
OK, ready to integrate? Good.
Here are the steps:
STEP 1: CREATE OR LOGIN TO YOUR CLOUDFLARE ACCOUNT
In order to setup a custom domain for IES store, we recommend to use CloudFlare. It's a FREE service.
Go to CloudFlare.com and if you have an account with them, just login. If you don't, please create account.
STEP 2: ADD A NEW SITE TO CLOUDFLARE
Once you will login on the TOP right corner you will find a link with text '+Add Site', click on that and you will get to a screen like this:
Next, enter your domain name in the box on the screen above.
IMPORTANT: do not enter 'www' or 'http://' before your domain. Just domain itself - something like this: mydomain.com.
Next, click the green button that says 'Begin Scan' or 'Scan DNS Records' and it will take a minute or so to get your current DNS records.
Once the scan is complete, click 'Continue setup' button like you see in the screenshot below:
STEP 3: VERIFY AND DELETE DNS RECORDS YOU DON'T NEED
In the next step you will be presented with the screen that looks similar to this:
Since from this moment your custom domain DNS records will be fully managed by CloudFlare, you pretty much will need to delete all the current records.
You can delete them by clicking on the 'X' as highlighted on the screenshot above.
Exception could be the MX records.
If you have a custom email address already setup for your domain, you most likely will need to keep the MX records as they are.
If you don't have a custom email that you use with the particular domain at this moment, you can delete those records as well (we will discuss more about the custom email part in another article).
STEP 4: POINT YOUR DOMAIN TO YOUR IES STORE
The next step in the setup is to point your domain to your Instant eCom Store. For that you will need to add a few records.
- Select 'CNAME' from the dropdown menu on the left
- Type @ in the name field.
- Type app.myecomshop.com in the 'Domain name' field
- Click 'Add Record' button on the right.
Next, the same way add the 2nd CNAME record that points 'www' to your store on the IES. Here is how it looks:
In the next step you need to ensure that the clouds are orange - you can simply click on them if they are not. See below:
If they are orange, DNS records on CloudFlare are set and you can click the 'Continue' button that will take you to the screen like this:
Select a 'Free Website' plan and click 'Continue' button to move to the next step.
STEP 5: CHANGE NAMESERVER (NS) RECORDS
In this step you will need to update the nameserver records in your domain registrar.
Please note that the nameservers for each domain will be unique, so don't use those that you see in the screenshot below - use those that CloudFlare provides to you:
Login to your domain registrar (NameCheap, GoDaddy or any other service that you used to register your domain) and change the Nameserver (NS) records.
For the sake of this tutorial I will use NameCheap, since that's where my domain is registered.
On NameCheap from the 'Manage Domain' screen find the section with name 'NAMESERVERS' and select 'Custom DNS' like in the screenshot below:
Next, enter both records that CloudFlare provided and click 'Save':
Now you can go back to the CloudFlare and click the 'Continue' button on the screen you are at and that will take you to the screen similar to this:
Your domain will show as 'Pending' until the new Nameserver records have propagated across the net. You may click 'Recheck Nameservers' button in an hour or so, but it may take up to 24h.
Once your domain will become active on CloudFlare, you will receive an email confirmation and on the CloudFlare dashboard overview screen you will see your site as active:
STEP 6: ACTIVATE FULL SSL
On your domain dashboard inside of the CloudFlare, click on the 'Crypto' icon:
Next, make sure that the SSL setting is set to 'FULL':
Once you have that set, next go to the 'Page Rules' tab:
Click the button 'Create Page Rule' and follow these steps:
- Type in your domain name with 'http://' in front of it
- From the dropdown select 'Always Use HTTPS'
- Click the button 'Save and Deploy'
This will ensure that your domain will always have https in the URL and browsers like Chrome will display 'SECURE' for all pages on your store.
STEP 8: ASSIGN THE DOMAIN FOR YOUR IES STORE
Now you have done all the outside configurations, it's time to assign the domain to your Instant eCom Store.
Login to your IES platform and navigate to the store that you want to use this custom domain for. Go to 'Main Store Settings' > 'General'.