AvantLink Tools: Deal Of The Day Examples

The following templates will be used as the default templates for your Deal of the Day campaigns. The Santa Cruz logo will be replaced with an automatically scaled version of your logo image.

If you would like to create your own custom templates, we provide sample code with each example below. You can use that sample code as the basis for your own design. If you are only going to create one custom dynamic HTML display template, we recommend going with the default size (180x300). If you would like to create other sizes beyond what we feature on this page, all other html displays should follow the standard banner ad size specifications.

DOTD Dynamic HTML Display Examples:

180 x 300 (Default size):

Santa Cruz Carbon Nomad, Black

$950.00

35% Off Retail

Use the following HTML code for this template:

<div id="callout_180_background" style="display:block; width:178px; height:298px; background:url(https://www.avantlink.com/images/dotd/layout/180-bg.jpg) no-repeat 0 0; font-family: helvetica, sans-serif; border: 1px solid #666666;">
	<div id="callout_180_content" style="padding:5px 0px 0px; text-align:center;">
		<div id="callout_180_logo"><a id="logo_link" href="[CAMPAIGN_LINK]"><img class="no_border" src="https://www.avantlink.com/images/logo.php?mi=[MERCHANT_ID]&amp;w=177&amp;h=44" width="177" height="44" style="border: 0 none;" /></a></div>
		<div id="callout_180_image"><a id="image_link" href="[CAMPAIGN_LINK]"><img class="product_image" src="[LARGE_IMAGE_URL]" width="141" height="96" style="border: 1px solid #9f9f9f;" /></a></div>
		<div id="callout_180_product_name" style="padding-top:10px;"><a id="callout_180_product_link" href="[CAMPAIGN_LINK]" style="color:#414141; text-decoration:none; font-size:14px; line-height:15px;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">[BRAND] [PRODUCT_NAME]</a></div>
		<div id="callout_180_price" style="padding-top:3px; color:#090909; font-size:25px;">$[SALE_PRICE]</div>
		<div id="callout_180_discount" style="padding-top:3px; color:#a7130f; font-size:13px;font-weight:bold;">[PERCENT_OFF]% Off Retail</div>
	</div>
	<div id="callout_180_button" style="padding:11px 12px 0px;"><a id="button_link" href="[CAMPAIGN_LINK]"><img class="no_border" src="https://www.avantlink.com/images/dotd/layout/180-button.png" style="border: 0 none;" /></a></div>
</div>

120 x 600:

Santa Cruz Carbon Nomad, Black

$950.00

35% Off Retail

Use the following HTML code for this template:

<div id="callout_120_background" style="display:block; width:118px; height:598px; background:url(https://www.avantlink.com/images/dotd/layout/120-bg.jpg) no-repeat 0 0; font-family: helvetica, sans-serif; border: 1px solid #666666">
	<div id="callout_120_content" style="padding:10px 0px 0px; text-align:center;">
		<div id="callout_120_logo"><a id="image_link" href="[CAMPAIGN_LINK]"><img class="no_border" src="https://www.avantlink.com/images/logo.php?mi=[MERCHANT_ID]&amp;w=115&amp;h=121" width="115" height="121" style="border: 0px none" /></a></div>
		<div id="callout_120_image" style="padding:135px 0px 0px;"><a id="image_link" href="[CAMPAIGN_LINK]"><img class="product_image" src="[LARGE_IMAGE_URL]" width="108" height="96" style="border: 1px solid #9f9f9f;" /></a></div>
		<div id="callout_120_product_name" style="padding-top:10px;"><a id="callout_120_product_link" href="[CAMPAIGN_LINK]" style="color:#414141; text-decoration:none; font-size:14px; line-height:15px;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">[BRAND] [PRODUCT_NAME]</a></div>
		<div id="callout_120_price" style="padding-top:10px; color:#090909; font-size:25px;">$[SALE_PRICE]</div>
		<div id="callout_120_discount" style="padding-top:10px; color:#a7130f; font-size:13px;font-weight:bold;">[PERCENT_OFF]% Off Retail</div>
	</div>
	<div id="callout_120_button_bottom" style="padding:60px 4px 0px;"><a id="button_link" href="[CAMPAIGN_LINK]"><img class="no_border" src="https://www.avantlink.com/images/dotd/layout/120-button.png" style="border: 0 none;" /></a></div>
</div>

300 x 250:

Santa Cruz Carbon Nomad, Black

$950.00

35% Off Retail

Use the following HTML code for this template:

<div id="callout_300_background" style="display:block; width:298px; height:248px; background:url(https://www.avantlink.com/images/dotd/layout/300-bg.jpg) no-repeat 0 0; font-family: helvetica, sans-serif; border: 1px solid #666666;">
	<div id="callout_300_logo"><a id="image_link" href="[CAMPAIGN_LINK]"><img class="no_border" src="https://www.avantlink.com/images/logo.php?mi=[MERCHANT_ID]&amp;w=296&amp;h=62" width="296" height="62" style="border: 0 none;" /></a></div>
	<div id="callout_300_content" style="padding:0px; text-align:center; clear:both; display:block; width:100%; height:120px;">
		<div id="callout_300_left" style="float:left; margin-top:10px; margin-left:7px;">
			<div id="callout_300_image"><a id="image_link" href="[CAMPAIGN_LINK]"><img class="product_image" src="[LARGE_IMAGE_URL]" width="151" height="103" style="border: 1px solid #9f9f9f;" /></a></div>
		</div>
		<div id="callout_300_right" style="float:right; width:125px; margin:10px 7px 0px 6px;">
			<div id="callout_300_product_name" style="padding-top:5px;"><a id="callout_300_product_link" href="[CAMPAIGN_LINK]" style="color:#414141; text-decoration:none; font-size:14px; line-height:15px;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">[BRAND] [PRODUCT_NAME]</a></div>
			<div id="callout_300_price" style="padding-top:10px; color:#090909; font-size:25px;">$[SALE_PRICE]</div>
			<div id="callout_300_discount" style="padding-top:10px; color:#a7130f; font-size:14px;font-weight:bold;">[PERCENT_OFF]% Off Retail</div>
		</div>
	</div>
	<div id="callout_300_button" style="padding:10px 35px 0px;"><a id="button_link" href="[CAMPAIGN_LINK]"><img class="no_border" src="https://www.avantlink.com/images/dotd/layout/300-button.png" style="border: 0 none;" /></a></div>
</div>

728 x 90:

Santa Cruz Carbon Nomad, Black

$950.00

35% Off Retail

Use the following HTML code for this template:

<div id="callout_728_background" style="display:block; width:726px; height:88px; background:url(https://www.avantlink.com/images/dotd/layout/728-bg.jpg) no-repeat 0 0; font-family: helvetica, sans-serif; border: 1px solid #666666;">
	<div id="callout_728_content" style="padding:0px 0px 0px; text-align:center;">
		<div id="callout_728_left" style="float:left; position:relative; top:5px; left:0px;">
			<div id="callout_728_logo" style="float:left; margin-right:10px;"><a id="image_link" href="[CAMPAIGN_LINK]"><img class="no_border" src="https://www.avantlink.com/images/logo.php?mi=[MERCHANT_ID]&amp;w=210&amp;h=75" width="210" height="75" style="border: 0px none;" /></a></div>
			<div id="callout_728_image" style="float:left;"><a id="image_link" href="[CAMPAIGN_LINK]"><img class="product_image" src="[LARGE_IMAGE_URL]" width="124" height="77" style="border: 1px solid #9f9f9f; padding: 0px 2px 0px 2px;" /></a></div>
		</div>
		<div id="callout_728_right" style="float:right; width:370px;">
			<div id="callout_728_inside_left" style="width:370px;">
				<div id="callout_728_product_text" style="padding-top:5px;">
					<table id="callout_728_table">
						<tr id="callout_728_table_row">
							<td id="callout_728_column_left">
								<a id="callout_728_name_link" href="[CAMPAIGN_LINK]" style="color:#414141; text-decoration:none; font-size:14px; display:block;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">[BRAND] [PRODUCT_NAME]</a>
								<div class="price_box" style="margin-top:2px;"><span id="callout_728_price" style="padding-top:5px; color:#090909; font-size:18px;">$[SALE_PRICE]</span></div>
								<div class="price_box" style="margin-top:2px;"><span id="callout_728_discount" style="color:#a7130f; font-size:14px; font-weight:bold;">[PERCENT_OFF]% Off Retail</span></div>
							</td>
							<td id="callout_728_column_right">
								<a id="callout_728_button" style="display:block; margin:40px 0px 0px 5px;" href="[CAMPAIGN_LINK]"><img class="no_border" src="https://www.avantlink.com/images/dotd/layout/728-button.png" style="border: 0 none;"  align="right" /></a>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>

DOTD Dynamic Text Ad Example:

Santa Cruz Carbon Nomad, Black - Sale Price: $950.00, Retail Price: $1,4651.54 (35% Off)

Use the following HTML code for this template:[BRAND] [PRODUCT_NAME] - Sale Price: $[SALE_PRICE], Retail Price: $[RETAIL_PRICE] ([PERCENT_OFF]% Off)

DOTD RSS (Text Only):

Santa Cruz Carbon Nomad, Black
Santa Cruz Carbon Nomad, Black - Sale Price: $950.00, Retail Price: $1,4651.54 (35% Off)

Use the following HTML code for this template:[BRAND] [PRODUCT_NAME]~~~[BRAND] [PRODUCT_NAME] - Sale Price: $[SALE_PRICE], Retail Price: $[RETAIL_PRICE] ([PERCENT_OFF]% Off)

DDOTD RSS (HTML):

Santa Cruz Carbon Nomad, Black

Sale Price: $950.00 (35% Off)
Retail Price: $1,4651.54
The Santa Cruz Carbon Nomad walks the line between an all-mountain trail rider and a gravity shredder, designed to go uphill just as well as it goes down.

Use the following HTML code for this template:[BRAND] [PRODUCT_NAME]~~~<img src="[SMALL_IMAGE_URL]" alt="[BRAND] [PRODUCT_NAME]" /> <br />Sale Price: <font color="red">$[SALE_PRICE] ([PERCENT_OFF]% Off)</font> <br />Retail Price: $[RETAIL_PRICE] <br />[SHORT_DESCRIPTION]

Avantlink

AvantLink Tools: Deal Of The Day Examples

DOTD Dynamic HTML Display Examples:

DOTD Dynamic Text Ad Example:

DOTD RSS (Text Only):

DDOTD RSS (HTML):

Navigation

Recent Blog Headlines