.png?width=90&height=63&name=iats_logo_byDeluxe_rgb(1).png "iats_logo_byDeluxe_rgb(1)"){kind=logo}
Learn how to set up online forms, your shopping cart, and further customizations for Aura.
In order to display the newly created Aura form online to your donors, the script needs to be embedded into an HTML website. The JavaScript is created when the Aura form is saved, and is displayed in the Script field on the Form Info tab.
Note: Aura is currently not designed to be used with IFRAME due to issues with the ability to include secure content and cross domain issues.
To embed the script, open the desired HTML file and paste the code directly into the web page. Place the script inside any block level HTML element, such as:
<body>……</body>
<td>……</td>
<form>……</form>
<span>……</span>
<div>……</div>
The Aura form will inherit the basic settings of the HTML page including font color, size and type. In the default setting, the Aura form is transparent to allow it to use the HTML background color or image.
Below is an example of an HTML file with an embedded Aura form. The code in bold is the inserted Script:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Aura Page</title>
</head>
<body>
<script type="text/javascript"
src="https://www.iatspayments.com/AURA/AURA.aspx?PID=PAD7CB425DACABBAE9"></script
>
</body>
</html>
Note: Due to Google code conflicts related to our CAPTCHA security option, we do not recommend the script be placed between <p>...</p>. Google Chrome users may experience functionality issues when included.
.png?width=200&height=150&name=iATS%20by%20Deluxe_200x150%20(1).png "iATS by Deluxe_200x150 (1)")