Create Template
To walk through the template creation process with us, please click the button for a quick video tutorial
To walk through step by step, please follow along below:
You can create new template in three ways. You can 1) Copy a template from the Boingnet template library 2) Copy a template from your My Templates library 3) Start a new template from scratch by clicking the ‘Add New Template’ button from the template manager.
If you have started a new template by coping another template, that creative will be brought into the editor for you to begin editing. If you create from scratch, you will be give a blank editor from which to start from
Template Types
There are four kinds of templates you can choose from. They are General, Form, Redirect and Coupon.
General is used for all static landing pages that do not contain any web forms. They can contain variable data and variable logic but will not interact with the user through a form. Form templates are the same as general templates with the addition that you can create a web form on them that will collect data from a user, optionally send them a thank you response , alert the admin of the activity and save the form data for reporting purposes. Redirect templates allow you to bounce a user off their pURL onto another page of your choice. And a coupon template generates and tracks sequential or random coupon codes.
Copy/Paste
If you have existing HTML you want to use for your pURL landing page, you can easily cut and paste that using the ‘source’ button located in the second line of the toolbar items.
Note that if you are copy/pasting HTML you cannot paste in the <html> or <body> tags as the editor will strip them out. The best technique to use is to find the main table or div container of your HTML and copy/paste starting from there. Typical HTML will follow the structure
<div>
<!– optional inline styles –>
<style>
…
</style>
<!– optional CSS styles –>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
<!– optional Javascript –>
<script type=”text/javascript” src=”script.js”></script>
<!– Page Content –>
</div>
CSS Stylesheets
Styles can be applied to your landing pages using inline styles or CSS stylesheets. Using inline styles is done by editing the source HTML using the ‘source’ button on the toolbar. Paste your inline styles in just after the opening container tag. See Copy/Paste information above for sample.
CSS stylesheets can be referenced externally or internally. To reference internally, you will need to first upload the css file to your file library on the Boingnet server. To do this, click the insert/edit link icon located on the third line of toolbar items.
In the popup window, choose ‘browse server’.
On the file manager screen, click ‘browse’ to choose a file from your local machine. Once chosen, click ‘upload’ to copy the file up to Boingnet. Once the file is uploaded, click on it and you will get the file path of the .css file. Use this path in your <link> tag. Example:
<link rel=”stylesheet” type=”text/css” href=”/userfiles/joesix/file/style.css” />
Javascript
Javascript can be used in your landing pages to add functionality as you need. Javascript files can be referenced externally or internally. To reference internally, you will need to first upload the css file to your file library on the Boingnet server. To do this, click the insert/edit link icon located on the third line of toolbar items.
In the popup window, choose ‘browse server’. On the file manager screen, click ‘browse’ to choose a file from your local machine. Once chosen, click ‘upload’ to copy the file up to Boingnet. Once the file is uploaded, click on it and you will get the file path of the .js file. Use this path in your <script> tag. Example:
<script type=’text/javascript’ src=’/userfiles/joesix/file/scripts.js’></script>