You may have been given a piece of code by an external company to add to your website. You can usually add this using the Snippets feature, but if the code begins with '<form' (like the example below), this cannot be added to your website in the usual way.
<form action="https://rsm2.rsmsecure.com/cpterminal/cpweb.php" method="post" name="CTTcpweb" class="style1" target="_blank"><input type="hidden" value="1234.5678" name="campaign" /><input type="image" src="http://www.ctt.org/images/cm_images/donate_online_now_plain.gif" value="One Off Donation" name="submit" /></form>
If the code that you have been given is like the example above, it is used to add an image to your website that your users can click on to take them to an external website (e.g. a donation page). You can add this to your website using three easy steps.
- Create an HTTP Redirect page on your website. This will form the link to the external website.
- Set up the form fields on the HTTP Redirect Page
- Insert the image into your web page and add a link to it.
1.Create an HTTP Redirect Page
Click the Create New Page button on the toolbar. Choose Navigation, then HTTP Redirect.
In the URL option, copy the first URL from the code (<form action="URL"). In our example above, this would be 'https://rsm2.rsmsecure.com/cpterminal/cpweb.php'.
From the Redirect Type dropdown menu, make sure you select POST.
2. Set up the Form Fields
Click the Edit Data button to open a pop-up window where you can configure the redirect. In the code that you have received, there will be one or more lines of text which say '<input type="hidden"'. For each of these, you should add a new row with the name and value. In our example, we would add one row with the name 'campaign', and the value '1234.5678'.
Once you have finished these steps, you need to save and approve the page. Call it something like 'donation_redirect'.
3. Add the image to your web page
In the code that you have been given, there will be a line which says '<input type="image src="URL"'. To add the image into the page, you need to use this url, so from our example above, you would use 'http://www.ctt.org/images/cm_images/donate_online_now_plain.gif'. Edit the page, and click the HTML Mode box on the Page Body Content Area. Type the following in the place where you want the image to appear, substituting our example URL for the URL from your code snippet.
<img src="http://www.ctt.org/images/cm_images/donate_online_now_plain.gif" />
Untick the HTML Mode checkbox, and you will see that the image appears in your page. Add at least two words of alternative text to the image, then click once on the image to make sure that it is selected. Click the Hyperlink Manager button, and use the browse button to find the redirect page that you created.
Save and Exit and Approve the page, and then untick Edit this Site. When you click on the image, you will be redirected to the external website.
