Include the Currency Converter on your Site

Do your visitors need to convert from one currency to another? For example if you are quoting prices in US dollars, you might want to give visitors a handy utility to conversion to their own currency. You could link to a currency converter on someone else's site, but once they leave, will they return? You want to provide them with a calculator right there on your page as part of your site.

To add the free Currency Converter to your site, simply copy the html code below for the version you want, and add it to your page.

You can even initialise the calculator with the currency and amount of your product, so that all they have to do is dial up the currency of their choice and get an instant conversion.

The converter can be placed anywhere on your site. Put it on every page if you want, it is small enough to fit into your heading or footer sections.

The Standard Converter

To include the standard converter on your site use the following:

<form name="general" action="#">
<input type="hidden" name="defin" value="USD" />
   <input type="hidden" name="defout" value="EUR" />
   <table width=450 style="border: 1px solid #aaaaaa">
     <tr>
       <td colspan='4' style="font-family: arial; font-size: 12px; text-align: center; color: #000063;
font-weight: bold; letter-spacing: 3px">
         The Governor Textor Ltd Currency Converter
       </td>
     </tr>
     <tr>
       <td>
         <img src='http://cconv.textor.com/conv6.gif' ALT='Step 1 - enter base amount' BORDER='0'>
       </td>
       <td>
         <input type="text" name="amount" size="10" value="1" />
       </td>
       <td>
         <select name="curin"></select>
      </td>
      <td>
        <img src='http://cconv.textor.com/conv7.gif' ALT='Step 2 - select first currency' BORDER='0'>
      </td>
    </tr>
    <tr>
      <td>
        <img src='http://cconv.textor.com/conv9.gif' ALT='Step 4 - result here' BORDER='0'>
      </td>
      <td>
        <div style="margin-top:8px;float:left;height:20px;min-width:40px;width:auto;color:red;font-weight:bold;" id='result'>
        </div>
      </td>
      <td>
        <select name="curout"></select>
      </td>
      <td>
        <img src='http://cconv.textor.com/conv8.gif' ALT='Step 3 - select conversion currency' BORDER='0'>
       </td>
    </tr>
    <tr>
      <td colspan='4' style="font-family: arial; font-size: 10px; font-style: italic; text-align: center; color: #000063; font-weight: bold; ">
        <a href='http://cconv.textor.com' target='_blank'>
          For more information click here
        </a>
      </td>
    </tr>
</table>
<input type="hidden" name="texaccept" value="site operator accepts conditions at http://cconv.textor.com" />
   <p style="font-family: arial; font-size: 10px; margin-top: 0">
<a id="textor" href="http://www.textor.com/">
      Currency converter © Governor Textor Ltd 2009-2010. All rates are indicative only.
    </a>
</p>
</form>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1" SRC="http://cconv.textor.com/cconv.js"></SCRIPT>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1">initialize('general');</script>

The converter will default to the current code in the hidden field defin as the base currency. To change to another currency you can change the code. You must enter the ISO code of the currency.

The converter will default to the current code in the hidden field defout as the target currency. To change to another currency you can change the code. You must enter the ISO code of the currency.

Reformatting the Standard Converter

You can reformat this in any way you wish. The only restriction is that you must have these two components:

A hidden field as follows all on one line

<input type="hidden" name="texaccept" value="site operator accepts conditions at http://cconv.textor.com" />
2. A link to our website with this text once only on the page

<a id="textor" href="http://www.textor.com/">
Currency converter © Governor Textor Ltd 2009-2010. All rates are indicative only.
</a>

More than one Converter on the Page

You can have as many converters on your web page as you wish. However note the following:

This script call should be placed once on the page:

This script call should be placed once for each currency converter on the page, after the form:

<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1">initialize('[form name]');</script>

You should make sure the form name is different for each converter and use this name in the initialise call.

You will need to give the result field a different ID for each converter. Include the hidden field:

where [result id] is the ID of the result span.

Special Converter

To include the converter with pre-set values:

<form name="special" action="#">
<input type="hidden" name="texaccept" value="site operator accepts conditions at http://cconv.textor.com" />
<input type="hidden" name="defin" value="GBP" />
<input type="hidden" name="defout" value="USD" />
<p style="margin: 0;">
    <input type="hidden" name="amount" size="10" value="45.67" /><b>£45.67 to:</b>
    <select name="curout"></select> =
    <span id="result" style="color: red;"> result here</span>
</p>
</form>
<p style="font-family: arial; font-size: 10px; margin-top: 0">
<a href="http://www.textor.com/" ID="textor">
    Currency converter © Governor Textor Ltd 2009-2010. All rates are indicative only.
</a>
</p>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1" SRC="http://cconv.textor.com/cconv.js"></SCRIPT>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1">initialize('special');</script>

The pre-set value to use should be in the amount hidden field.

The currency of the pre-set value to use should be in the defin hidden field.

The converter will default to the current code in the hidden field defout as the target currency. To change to another currency you can change the code. You must enter the ISO code of the currency.

Reformatting the Special Converter

You can reformat this in any way you wish. The only restriction is that you must have these two components:

A hidden field as follows all on one line

<input type="hidden" name="texaccept" value="site operator accepts conditions at http://cconv.textor.com" />
A link to our website with this text once only on the page

<a id="textor" href="http://www.textor.com/">
Currency converter © Governor Textor Ltd 2009-2010. All rates are indicative only.
</a>

This script call should be placed once on the page:

Including more than one Converter on the Page

This script call should be placed once for each currency converter on the page, after the form:

<SCRIPT type="text/javascript" LANGUAGE="JavaScript1.1">initialize('[form name]');</script>

You should make sure the form name is different for each converter and use this name in the initialise call.

You will need to give the result field a different ID. Include the hidden field:

where [result id] is the ID of the result span.

Older versions

See this page for the older HTML code.

Portfolio piece

Handle Anything

Textor. Web Development for Designers. London.

You Design: We Deliver