Chapter 6. Appendix

1. HowTo...

HowTo's are small sets of instructions on a certain topic like creating a search form or creating a template preview.

1.1. How to create a template preview

1. Specify the name of the preset (proceed to step 2 if you want to use the existing preset): "Main" > "Presets" > "Presets Settings"

2. Generate your template preview code: "Main" > "Presets" > "Preset Tools" > "Display Templates on your Site". This will generate a template preview code with default parameters.

You may adjust the presets settings before proceeding to step 2. If you want to create a unique template preview for your site, you need to go to step 1, choose the preset and click "EDIT". You can adjust the following:

Layout Settings - Choose a skin for the template preview. You may select one of the premade skins, create a custom one based on a premade skin or start from scratch.

Preview Settings - Here you can edit your preview.php page layout. A number of preset layouts are available. In the "Optional blocks settings" menu you may enable/disable the following features:

- Show link to Help Center

- Show link to FAQ

- Show samples on preview page

- Show author of template

- Show customize buttons

- Show "100% Satisfaction Guarantee" block

- Show number of downloads

- Show text "Sources available".

Price Settings - This option is available only if you have at least 5 sales through your affiliate account. Your budget is your 20% commission. You can divide the commission between your income and a discount for your customers. For example, you can set 15% for yourself and 5% discount for your customers.

Other Settings - Here you can adjust other features of your preset: preset name, language, currency, enable/disable adult category, switch "Buy" button on and off. You may also specify the URL to the external CSS file for your preset here.

Custom color settings - Here you can choose colors for your custom color scheme. Use "Color Picker" or specify the colors in HTML format. You may also preview your custom color scheme here.

1.2. How to set a template preview window to open at a certain size

A template preview window will open in "Maximize Window" mode by default. If you would like a template preview to open in a specific size window navigate to "Main" > "Presets" > "Preset Settings" > "Edit" a preset. Then click on "Preview Settings" link, scroll down and specify a width and height (in pixels) for a template preview window. Click "Submit" button to save your changes.

1.3. How to create a search form

1. Specify the name of the preset (proceed to step 2 if you want to use the existing preset): "Main" > "Presets" > "Presets Settings"

2. Generate your template preview code: "Main" > "Presets" > "Preset Tools" > "Display a Search Form on your Site". This will generate a search form code with default settings. This search form code will help your website visitors to find the desired template.

You may adjust the preset settings before proceeding to step 2. If you want to create a unique search form for your site, you need to go to step 1, choose the preset and click "Edit". You can adjust the following:

Search Settings - Choose a skin for the search form. You may select one of the premade skins, create a custom one based on a premade skin or start from scratch.

1.4. How to change the color of the template previews page numbers

This can be achieved with the help of a CSS stylesheet. The page numbers are of the class '.link' in a stylesheet, and the current, selected page number uses the class '.current'.

Here's an example of what the stylesheet would look like:

.link { font-family: Tahoma; color: #55D6BC }
.current { font-family: Tahoma; color: #5536BD }

1.5. How to disable a link to Templatetuning.com ("Customize the Template") on template preview pages

To disable the link to Templatetuning.com, select the preset that was used as the basis for your generated templates (search form) preview code ("Main" > "Presets" > "Presets Settings" > "Edit" a preset). Then click on the "Preview Settings" link and navigate to "Optional Blocks Settings". Then uncheck "Show customize buttons" and click "Submit" button to save your changes.

1.6. How to remove scrollbars around an IFrame

If you have scrollbars, it means your frame height and/or width is too small. Try a larger number for the "Frame Height" and "Frame Width" settings while generating a code for your template preview.

1.7. How to disable prices and the option to buy templates

We do not recommend disabling prices and the option to buy templates. But if you are planning to sell templates as part of a web design and hosting package, you can turn off the prices for template thumbnails and previews. To do this, you have to select the preset that was used as the basis for your generated template (search form) preview code ("Main" > "Presets" > "Presets Settings" > "Edit" a preset). Then click "Price Settings" link and uncheck the "Enable prices and an option to buy templates" option. Click "Submit" to save your changes.

1.8. How to display prices in different currencies like Euro, USD, and GBP on template thumbnails and template previews

You can choose between the following currencies to display prices in: USD, EUR, CAD, GBP, JPY, and AUD. By default, prices for templates are displayed in USD. To change prices, you should select the preset that was used as the basis for your generated templates (search form) preview code ("Main" > "Presets" > "Presets Settings" > "Edit" a preset). Then click the "Price Settings" link and select an appropriate currency. After that click the "Submit" button to save your changes.

1.9. How to turn pages (template preview pages) into other languages such as German, Spanish, Portuguese, and Italian

The following languages are supported by the affiliate program: English, Spanish, French, German, Italian, Danish, Dutch, Finnish, Hungarian, Polish, Portuguese, Czech, and Turkish. By default, template previews are displayed in English. To change the language, select the preset that was used as the basis for your generated template (search form) preview code ("Main" > "Presets" > "Presets Settings" > "Edit" a preset). Then click the "Other Settings" link and select a language from the drop-down menu. After that click "Submit" to save your changes.

1.10. How to disable links to FAQ's and online help center on the template preview pages

We do not recommend disabling links to FAQ's, the online help center, and the sample templates since the information is essential for potential and existing clients. If you still wish to disable links to certain sections on the template preview pages, select the preset that was used as the basis for your generated templates (search form) preview code ("Main" > "Presets" > "Presets Settings" > "Edit" a preset). Then click "Preview Settings" > "Optional Block Settings". Then uncheck the boxes of those elements (links to FAQ's, help center, sample templates, author of the template, number of downloads, etc.) that you wish to disable on template preview pages. Click "Submit" to save your changes.

1.11. How to install a ready-made affiliate shop on the website

A ready-made affiliate shop is a completely functional website created for those affiliates who do not wish (through lack of time or other factors) to create a template store using all the tools provided in the affiliate program control panel. A ready-made affiliate shop is provided in a .zip format and includes all the files necessary for a store to run. To install the shop, you must unzip it and upload all the files and subfolders from the "html" folder to "www" or "public_html" folder of your host.

Please note that before installing a ready-made affiliate store you have to meet the following requirements:

1) You must have a registered domain name, which you are planning to use as your template store;

2) You must have acquired a web hosting account with a hosting provider for the domain name you are planning to use as your template store.

You should consult your hosting provider for details on uploading files to the host.

1.12. How to display prices in different currencies for a ready-made affiliate shop

Since a ready-made affiliate shop operates on the basis of presets, you only have to edit the settings of the preset that was used as the basis of the generated affiliate shop. To change the currency, you should select the preset that was used as the basis for your generated templates (search form) preview code ("Main" > "Presets" > "Presets Settings" > "Edit" a preset). Then click the "Price Settings" link and select an appropriate currency. After that click "Submit" to save your changes. The "Price Settings" feature also allows to change prices for web templates and disable/enable the option to buy templates, and show prices.

1.13. How to change the prices on the affiliate website

You can only reduce prices. MyTemplateStorage's affiliate program does not support increasing prices. Setting discount prices will help you encourage your potential or existing customers to buy templates at your affiliate store. The option of changing (reducing) prices is available only to those affiliates that have made at least 5 sales with the affiliate program. Select the preset that was used as the basis for your generated templates (search form) preview code ("Main" > "Presets" > "Presets Settings" > "Edit" a preset). Then click "Prices Settings" and set a discount percentage for your affiliate store. Click the "Set" button to save your changes. Note: Setting a discount will reduce your commission accordingly. You have a budget of 20% to split between your commission and a discount offered to your clients. Thus, setting the discount to 5% for your clients will reduce your commission from 20% to 15%.

1.14. How to resend download links to a customer who is claiming that he/she did not receive an email with instructions on how to download a product

The best solution would be to create an order status form on your affiliate website. An order status form allows customers to check the status of their order and provides information regarding their order (merchant system order number, template number, delivery email, and registration time), billing department contact information, an option to resend links to a purchased template, a link to the live chat or to the trouble ticket system, and other information that might be helpful for a customer. If you wish to generate an order status form for your template store, select the preset that you would like to be used as the basis for the order status form from the drop down menu ("Main" > "Presets" > "Preset Tools" > "Display Order Status Form") and press "Generate" to have your JavaScript code ready. All you have to do now is to copy the code and paste it into your website code.

1.15. How to change the background color of the IFrame

When generating the code for template (search forms) previews using "Display Templates on your Site" or "Display a Search Form on your Site" interfaces ("Main" > "Presets" > "Presets Tools"), you should specify the value for the "Background Color" option. You may either set this to a hex value (ex. #F6F6F6) of your choice or pick an appropriate color using "Color Picker."

1.16. How to remove scrollbars in the IFrame and change the distance between the templates thumbnails

When generating the code for template previews using a "Display Templates on your Site" interface ("Main" > "Presets" > "Presets Tools"), set the value for the "Frame Height" and "Frame Width" (in pixels) and set the distance between template thumbnails by specifying the value for the "Space" (in pixels).

1.17. How to customize visual representation of all the pages of the template shop using an external CSS file

Adding an external CSS file to the preset will let you specify elements attributes on all the pages related to the template shop.

The list of all the pages related to the template store is as follows:

  • http://www.templatehelp.com/preset/cancel.php - the page is displayed to a customer if he/she fails to pass the verification process on the payment service provider checkout page;

  • http://www.templatehelp.com/preset/cart.php - the shopping cart;

  • http://www.templatehelp.com/preset/email.php - the checkout page;

  • http://www.templatehelp.com/preset/faq.php - FAQ page;

  • http://www.templatehelp.com/preset/inactive.php - the page that is displayed to a customer when he/she is trying to use an inactive download link;

  • http://www.templatehelp.com/preset/order_status.php - the order status results page;

  • http://www.templatehelp.com/preset/pr_preview.php - a template preview page;

  • http://www.templatehelp.com/preset/terms.php - terms of use.

The information below might be helpful to you when specifying elements attributes:

Page: http://www.templatehelp.com/preset/cancel.php

<body id="cancel_page"> 
<div align="center">
<div class="sub_title">Page subtitle</div>
<div style="text-align:center;">

Page content <button>Close</button> 
</div> 
</div> 
</body> 

Thus, to change the background color of the page, you need to specify the following string in the CSS file:

#cancel_page { background-color: #000000 } 

Page: http://www.templatehelp.com/preset/cart.php

<body id="cart_page"> 
<div id="top_container">
<div class="subtitle">Page subtitle("Shopping cart")</div>
<table cellpadding="2" cellspacing="1" class="cart_list">

<tr> <th class="action_column">Action</th> 
<th class="item_column">Item</th> 
<th class="sources_column">Sources available</th> 
<th class="price_column">Price</th> 
</tr>
.....
<tr>

<td><a></a></td>
<td><img src="........"/>Item #</td> <!--Small screenshot -->
<td>Item description</td>
<td>

<!--Unique/ nonunique item price switch --> 
<div class="elems_container"> <div>Radio button</div> 
<div class="descr">Description</div> <div>Price</div> 
</div> 
<div class="elems_container"> <div>Radio button</div> 
<div class="descr">Description</div> <div>Price</div> 
</div> 
</td>
</tr>
.....

</table>
<div id="order_total_container">Total order amount</div>
<div id="cart_buttons_container">

<a class="buy_buttons">Empty cart</a> 
<a class="buy_buttons">Continue Shopping</a> 
<a class="buy_buttons">Refresh</a> 
<a class="buy_buttons">Checkout</a> 
</div> </div> </body> 

Page: http://www.templatehelp.com/preset/email.php

<body id="payment_page">  
<form> 
<!--Left and right bars of page are implemented using 
floating DIVs --> 
<div id="left_bar"> 
<div class="sub_title">Billing details</div> 
<div class="item_container"> Input description 
<br/> <input class="search" /><br/> 
</div> 
</div> 
<div id="right_bar"> <div class="sub_title">Billing details</div> 
<div class="item_container"> 
Input description <br/>
<input class="search" /><br/>
</div>
</div>

<!--Customer details are over, here goes payment parameters --> 
<div id="center_container" > <br/> 
<div class="sub_title">SHOPPING CART</div> 
<div class="item_container">Total amount ####</div> 
</div>
<!--checkbox "I have read" container-->

<div class="item_container" id="checkbox_container"> 
<div> <input type="checkbox" name="have_read" />I have read... 
</div>
</div>
<!--container for the special types of payments
<div id="special_payment"></div>
<!--table of available payment systems -->
<table class="cart_list">
...
<tr>

<td>
<a href="###"><img src="" alt='Continue with ...' /></a>
</td>
<td>

Payment option description
</td>
<td>
<a href="#">
Click here to proceed <br/>
<img src='#' border="0" vspace="0" alt='...' />
</a>

</td>
</tr>
....

</table> </form> </body>

Page: http://www.templatehelp.com/preset/faq.php

<body id="faq_page">
<div class="title" >FREQUENTLY ASKED QUESTIONS:</div>
<h4>1. What are the advantages of purchasing a website template?
</h4>

<p>The major advantage is price: You get a high quality 
design for just $20-$70. You don't have to
hire a web designer or
web design studio. Second advantage is time frame: It 
usually takes 5-15 days for a good designer to
produce a web page of such quality.</p>

<h4>2. What do I receive when I order a template?</h4> ... </body> 
http://www.templatehelp.com/preset/inactive.php

<body id="inactive_page"> <div id="top_container"> 
<div class="sub_title"></div> 
<div class="content_container"> 
<!--ways out of link being inactive --> 
<strong></strong> 
<ul>
<li><a class="bluelink"></a></li>
<li></li>
<li></li>

</ul>
</div>
</div>

</body> 

Page: http://www.templatehelp.com/preset/order_status.php

<body id="order_status_page"> 
<div class="content_container" id="order_status_container"> 
<div class="left_bar"> <strong><p>Dear Customer!</p></strong> 
<p>TEXT_PAYMENT_BEEN_PROCESSED</p> 
<h3>YOUR ORDER STATUS</h3> <!--Information block about order --> 
<ul class="templateinfo_area" id="orderinfo"> 
<li><strong></strong></li> 
<li><strong></strong></li> ... </ul> 
<strong>Billing Department contact information</strong> 
<a class="chat_banner_link" target="_blank" href="###"> 
<img src="###" id="chat_banner">Chat banner</a> 
<p>Billing Text</p> 
</div> 
<div class="right_bar"> 
<div id="faq_heading" class="buy_buttons">
Frequently asked questions 
</div> </div> 
</div> <div id="bottom_spacer"> </div> </body> 
http://www.templatehelp.com/preset/pr_preview.php 
<body id="preview_page"> 
<div id="top_container">
<!--Buy/customize buttons area -->
<div class="buy_customize_area">

<a class="buy_buttons" href="###"></a> 
<a class="buy_buttons" href="###"></a> ... 
</div> <div id="top_nav_container"></div> 
<!--Title area --> <div class="templ_type_container"> 
<span class="sub_title">TYPE OF TEMPLATE</span>template type </div> 
<!--Tabs area --> 
<div class="tabs_area"> <h3>TEXT_NAVIGATION_TAB</h3> 
<span class="title_description"></span><br/> 
</div> <div style="clear:both;"> </div> 
<!--Real-size screenshot area --> <div class="preview_area"> 
<div align="right" style="text-align:right;"> 
<span style='color:red'></span> 
<a href="#" style="text-decoration:underline"></a> </div> </div> 
<!--Mid-size screenshots area --> 
<div class="shots_container"> <b>SCREENSHOT_TYPE</b> 
<div align="center"> 
Screenshot
</div>
...

</div> <!--Custom blocks area --> 
<div class="info_container"> <div class="price_area"> 
<span class="price_text">Price text</span> 
<span class="price_sum">Price sum</span> ... </div> </div> 
<!--Add to shopping cart area--> <div class="buy_cart_area"> 
<table border="0" cellpadding="0" cellspacing="0"> 
<tr> <td rowspan="2">
<a class="buy_buttons">Buy this template</a></td> 
<td class="right_button"> 
<a class="buy_buttons">Add to shopping cart</a> 
</td> </tr> <tr> 
<td class="right_button"> 
<a class="buy_buttons">Customize the template</a> </td> 
</tr>
</table>
</div>

<div class="optional_area"> 
<table cellpadding="0" cellspacing="0" border="0"> 
<tr> <!--HELP CENTER --> 
<td><a href="#" target="_blank"><img src="#"></td> 
<td><span><a href="#" target="_blank">
<!-ONLINE HELP CENTER--></a></span> 
<a href=#>Online text desciption</a></td> 
</tr> 
<tr> 
<!--DOWNLOAD SAMPLE TEMPLATE --> 
<td><a href="#" target="_blank"><img src="#"></td> 
<td> 
<span><a href="#">DOWNLOAD SAMPLE TEMPLATE</a></span>
<br> <a href="#" target="_blank">download description</a> 
</td> 
</tr> .....
(Frequently asked questions, 
100% SATISFACTION GUARANTEE)..... </table> </div> 
</div> </body> 

Page: http://www.templatehelp.com/preset/terms.php

<body id="terms_of_use_page">
<h3 class="title">TERMS OF USE: </h3>
<h4>1. IMPORTANT INFORMATION</h4>
<p><!--Short Introduction --></p>
<h4>2. LICENSE</h4>

<dl>
<dt>a) LIMITED USAGE GRANTED</dt>
<dd><!--Short description --></dd>
<dt>b) MODIFICATIONS</dt>
<dd><!--Short description --></dd>
<dt>c) UNAUTHORIZED USE</dt>
<dd><!--Short description --></dd>
<dt>d) ASSIGNABILITY</dt>
<dd><!--Short description --></dd>
<dt>e) OWNERSHIP</dt>
<dd><!--Short description --></dd>
</dl>
</p>
<h4>3. OUR REFUND POLICY </h4>
<p><!--Short description --></p>

<h4>4. ANTIFRAUD CHECK</h4>
<p><!--Short description --></p>
<p><!--Short description --></p>
</body>

To add an external CSS file, select the preset that was used as the basis for your generated template (search form) preview code ("Main" > "Presets" > "Presets Settings" > "Edit" a preset). Then click the "Other Settings" link and specify the full URL of the CSS file. Click "Submit" to save your changes.

1.18. How to withdraw a commission from the affiliate account

Before making a request for a commission withdrawal, make sure that you have earned at least 100 USD (for ACH, and Moneybookers) or 800 USD (for bank wires). If you meet the requirements, make sure that you have specified your payment details for an appropriate payment method at "Main" > "My Profile" > "Payment Details". To make a request for a commission withdrawal, navigate to "Main" > "Statistics" > "Consolidated Balance", then select the payment method (ACH, Moneybookers or wire transfer), specify the amount to be withdrawn (at least 100 USD for ACH, and Moneybookers or 800 USD for bank wires), and click "Withdraw Money". This will place your request on hold until our staff initiates the transfer.It'll take us up to 5 business days to process your request. To view the status of your request for a commission withdrawal, click on the "View the Status of the Last Withdrawal" link. To view your commissions withdrawal history, click on the "View Withdrawal History" link.

1.19. How to change my payment details

To change your payment details (to receive the commission by bank transfer, Moneybookers or ACH) navigate to "Main" > "My Profile" > "Payment Details", update your payment details and press "Change". You will be sent an email to confirm the changes.

1.20. How to change my personal details (email address)

You should go to "Main" > "My Profile" > "Personal Details", update your personal details (email address), and click "Update" to save your changes. You will be sent an email to confirm your changes. If your old email address is not valid, please submit a trouble ticket at www.template-help.com/tickets. In this case, you will have to provide some information that will help us to make sure that you are the real owner of the affiliate account.

1.21. How to download Templatemonster.com template screenshots to use them in offline presentations

To download Templatemonster.com templates screenshots, navigate to www.templatemonster.com/screenshots.php. Screenshots are sorted by types, categories, numbers, and bundles.

1.22. How to prevent certain template types from being displayed on the website

If you wish to exclude certain template types from being displayed on your affiliate website, navigate to "Main" > "Affiliate Tools" > "Block Templates by Types", uncheck the checkboxes of those template types that you wish to exclude, click "Save" to save the changes. Note that this filter will be applied to template previews brought up by the "Display Templates" interface as well as to the search results.

1.23. How to turn the merchant systems on/off or change their positions on the checkout page

Navigate to "Main" > "Affiliate Tools" > "Turn on/off Merchant Systems". Uncheck the checkboxes of those merchant systems that you wish to disable and click "Save". Use arrows "Up" and "Down" and click "Save" to change the order of the merchant systems.

1.24. How to use affiliate commissions earned to purchase/download a template

Navigate to "Main" > "Affiliate Tools" > "Get Template". Specify the template number and click "Submit". Our system will check if your commission is enough to buy the product and email you instructions on how to download the product. At the same time an appropriate amount (the product's price with a 20% discount) will be subtracted from your commissions.