This post follows the post Heroku & WordPress Website Deployment which details how to create and publish a website using WordPress and Heroku. This post details how to setup a custom domain name registered through GoDaddy and integrating it with Heroku.
Custom Domain Name Configuration
By default, Heroku assigns each application a URL resembling applicationname.herokuapp.com. However, some users may prefer to use a custom domain name, like example.com instead. Heroku has written a detailed blog post titled “Custom Domain Names for Apps.” The relevant portions are below with specific details regarding GoDaddy domain name hosting.
Heroku allows the users to add custom root domains and subdomains using the Heroku CLI. Examples of the code are shown below.
$ heroku domains:add example.com $ heroku domains:add www.example.com
To verify the domains are added, run the following command.
$ heroku domains === example Heroku Domain example.herokuapp.com === example Custom Domains Domain Name DNS Target --------------- -------------------------- example.com example.herokuapp.com www.example.com example.herokuapp.com
After adding the custom domains to Heroku, you must now point your DNS provider (GoDaddy in this example) at the domains DNS Target that Heroku developed. For the www subdomain, we will create a CNAME record. The next steps assume you have created a GoDaddy account and registered your desired custom domain name. For more information, see this stackoverflow post.
- Sign in to GoDaddy -> DOMAINS -> choose your domain -> Launch (this will take you to the Domain Details)
- Click ‘DNS Zone File’ tab
- Remove the CNAME record named ‘www’ (which points to @)
- Click ‘Add record’ -> CNAME(Alias) -> ‘Host’ should be
wwwand ‘Points to’ should be your Heroku address (example
supermoo-bil-3411.herokuapp.com). TTL can be 1 hour.
- In the same window as above, click on the ‘Settings’ tab
- Under Forwarding -> Domain -> Click ‘Manage’ -> then click ‘Add Forwarding’
- ‘Forward to’ should be
www.example.com(your domain), ‘Redirect type’ should be ‘301 (Permanent)’, ‘Forward settings’ should be ‘Forward only’
- Make sure “Update my nameservers and DNS settings to support this change. (Recommended)” is checked
Now entering example.com should forward to http://www.example.com which should show your website hosted at applicationname.herokuapp.com
Lastly, in WordPress, you can change the “Site Address (URL)” setting. This is the address you want people to type in their browser to reach your WordPress website. This can be done on the Settings page of your WordPress dashboard as shown in the picture below. This also updates the Permalink default template so all of your internal pages and links use the custom domain name and not the Heroku domain name.
Alternatively, this setting can be hard coded into the wp-config.php file with the following line of code.
See the following posts for more information about securing and customizing your website:
- WordPress & Heroku – Custom Website Development & Deployment
- WordPress & Heroku – Securing Your WordPress Database Connections
- WordPress & Heroku – Updating Website Content, Themes & Plugins
- WordPress & Heroku – Website Integration With CloudFlare
- WordPress & Heroku – WordPress Database Optimization