You’ve made an awesome campaign, and now you want to use a custom domain name to link the contest to your site. Heyo provides you with a web url (w.heyo.com/…..), but how do you set up a custom URL for your contest?
Luckily, you have a couple of options, and they aren’t to difficult to implement. Just follow the steps outlined in this article, and you’ll have a custom contest URL in no time.
For the purposes of this article, I will be using an example set up with my own domain name, as follows:
Website: emgoodrich.com
Heyo Contest URL: http://w.heyo.com/1d53b0 OR http://m.heyo.com/1d53bo
Custom URL: contest.emgoodrich.com
Note: These options will involve going into the index.html file for the page you’re trying to set up. While the set up is relatively simple, you will want to be sure that you are editing the correct file for the page before uploading to your website.
This process is going to vary by hosting service and how you run your website. What you’ll need to do for a URL redirect:
Set up the custom domain as a part of your website. Create a new HTML file for the new page; I reccommend naming it something like ‘contest.html’. I created a page in a text editor on my domain hosting site.
What to Add: In the <head> of the HTML file, add the redirect URL.<meta http-equiv=”refresh” content=”0; URL=http://www.newsite.com/newurl.html“>. In my case, I would enter the highlighted line above.
Upload the new page to your domain. Again, this process may vary based on how your site is set up. I would upload the HTML file using a FTP service, like Filezilla.
Test the link and give it out. With this set up, the link ‘contest.emgoodrich.com’ will link to the contest site.
You can use an iFrame on your site to pull in the contest and display it on your site. All you have to do is add a line of code to the HTML file for your contest page. This process is going to vary by hosting service and how you run your website.
Set up the iFrame as a part of your website. Again, start with a new HTML file for the page (unless one is already present).
What to Add: In the <body> of the HTML file, add the iFrame tag. <iframe src=”http://www.w.heyo.com/1d53b0″></iframe>
You can change the dimensions of the iFrame using in-line CSS (see above image) or editing the CSS page for your site.
Upload the new page to your domain. Again, this process may vary based on how your site is set up. I would upload the HTML file using a FTP service, like Filezilla.
The iFrame will look similar to the example above; in order to make it look a bit more uniform with the rest of your site, be sure to include the CSS page for your site with the new HTML page.
Give the custom link out. With this set up, the link ‘contest.emgoodrich.com’ will pull up your website with the contest iFramed in.
I hope you found these instructions helpful! As always, feel free to ask questions in the comments of this article.
