Publisher Help Center
Search:  


Creating a Gift Card Storefront

To create a Gift Card Storefront, copy the HTML code from one of the ready-made storefronts and paste it to a page on your site.  You can pick up the HTML files and read more on our blog here.

These storefronts—with a few essential changes—can be used as they are or can be adapted to suit the style of your business. First, we'll cover the essential changes, then we'll cover the aesthetic ones that you can make to customize your site.



 
Essential Changes

Logo
To put your logo on the page, replace the URL in red below with the URL location for your logo and change the file name in the alt value:

<!-- header graphics -->

<table cellpadding=0 cellspacing=0 width=883>
<tr>
<td valign=middle align=center height=102><img src= "http://m.www.linksynergy.com/share/images/giftcard/yourlogo.gif" alt="yourlogo.gif" width="245" height="66" border="0"></td>
<td rowspan=2><img src="http://m.www.linksynergy.com/share/images/giftcard/header1.jpg" alt="header1.jpg" width="563" height="125" border="0"></td>
</tr>
<td valign=bottom><img src="http://m.www.linksynergy.com/share/images/giftcard/line1.jpg" alt="line1.jpg" width="320" height="23" border="0"></td>
</tr>
</table>

<!-- header graphics -->


Links
Here, you need to check two things. First, make sure that you are partnered with the advertisers listed. Delete the links for any advertisers you are not partnered with. (The deletion below is shown for illustration purposes only.) Please do this for each category. Note: If you fail to delete the link of an advertiser that you are not partnered with, visitors to your site clicking this link will receive an error message for bad site code.
 
<table cellpadding=0 cellspacing=0>
<tr>
<td><img src="http://m.www.linksynergy.com/share/images/giftcard/icon1_4.gif" alt="icon1_1.gif" width="20" height="30" border="0"></td>
<td><img src="http://m.www.linksynergy.com/share/images/giftcard/category1_elec.gif" alt="category1_health.gif" width="193" height="30" border="0"></td>
</tr>
<tr>
<td></td>
<td>

<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE&offerid=57302.10000303&type=3&subid=0" class=category>Beauty.com</a><br>
<a href="http://click.linksynergy.com/fs-bin/click?id=lMh2Xiq9xN0&offerid=50132.10000166&type=3&subid=0" class=category>GreatSkin</a><br>
<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE &offerid=98504.697386968&type=10&subid=0" class=category>L'Occitane</a><br>
<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE&offerid=99622.10000279&type=4&subid=0" class=category>Sephora</a><br>

</td>
</tr>
</table>

Second, put your 11-digit ID number into all the remaining links:

<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE&offerid=57302.10000303&type=3&subid=0" class=category>Beauty.com</a><br>
<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE&offerid=98504.697386968&type=10&subid=0" class=category>L'Occitane</a><br>
<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE&offerid=99622.10000279&type=4&subid=0" class=category>Sephora</a><br>


Complete these two steps and you're ready for business!
 

Aesthetic
Changes

Header
To change the header ("The Holiday Gift Card Store" and snowflake image in the screen shot), replace the URL in red below with the URL for your new header; change the alt value as well. To change the purple line running along the base of the header, replace the URL in blue below, with the URL for your new image; change the alt value as well. 

<!-- header graphics -->

<table cellpadding=0 cellspacing=0 width=883>
<tr>
<td valign=middle align=center height=102><img src="http://m.www.linksynergy.com/share/images/giftcard/yourlogo.gif" alt="yourlogo.gif" width="245" height="66" border="0"></td>
<td rowspan=2><img src="http://m.www.linksynergy.com/share/images/giftcard/header1.jpg" alt="header1.jpg" width="563" height="125" border="0"></td>
</tr>
<td valign=bottom><img src="http://m.www.linksynergy.com/share/images/giftcard/line1.jpg" alt="line1.jpg" width="320" height="23" border="0"></td>
</tr>
</table>

<!-- header graphics -->


Main Graphics
 

To change the blue and white image at left, replace the URL in red below with the URL for your new image; change the alt value as well. To change the headline ("Great Holiday Gift Ideas for Everyone"), replace the URL in blue below with the URL for your new headline; change the alt value as well. 

<!-- main graphics -->
<table width=883 cellpadding=1 cellspacing=0>
<tr>
<td width=213><img src="http://m.www.linksynergy.com/share/images/giftcard/leftside1.jpg"alt="leftside1.jpg" width="213" height="495" border="0"></td>
<td width=670 valign=top>

<br><br>
<img src="http://m.www.linksynergy.com/share/images/giftcard/headline1.gif" alt="headline1.gif" width="500" height="40" border="0">
<br><br>
<table border=0><tr><td valign=top>


Main Graphics cont.
To change one of the icons to the left of the category names, find the URL for the one you want to change (an example appears in red below) and replace it with the URL for your new image. To change the look—the font, the color—of one of the category names, find the URL for the one you want to change (an example appears in blue below) and replace it with the URL for your new category.

<table cellpadding=0 cellspacing=0>
<tr>
<td><img src="http://m.www.linksynergy.com/share/images/giftcard/icon1_4.gif" alt="icon1_1.gif" width="20" height="30" border="0"></td>
<td><img src="http://m.www.linksynergy.com/share/images/giftcard/category1_health.gif" alt="category1_elec.gif" width="193" height="30" border="0"></td>
</tr>
<tr>
<td></td>
<td>

<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE&offerid=57302.10000303&type=3&subid=0" class=category>Beauty.com</a><br>
<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE&offerid=98504.697386968&type=10&subid=0" class=category>L'Occitane</a><br>
<a href="http://click.linksynergy.com/fs-bin/click?id=YOUR_CODE_HERE&offerid=99622.10000279&type=4&subid=0" class=category>Sephora</a><br>

</td>
</tr>
</table>



Was this information helpful?
Thank you for rating this answer.
                 
User Opinions (35 votes) 80% thumbs up 20% thumbs down

Related Articles
No related articles were found.
Attachments


Continue