To prepare a landing page template for use in PPVDemon, you must follow a few simple formatting rules. === VARIABLES === First, create a section in the section of the document like this: Then, inside the tags, you'll create variables and their default values like this (one variable per line): The variable names change some basic behavior on the PPVDemon landing page editor. * Variables ending with '_color' will result in a color picker control. If the first part of the variable name (everything before '_color') matches another variable, the text field and the color picker field will be grouped together on the editor form, e.g. 'headline' and 'headline_color' or 'description_txtarea' and 'description_txtarea_color'. If there is no other matching variable, the color picker will stand alone (such as 'background_color'. * Variables ending with '_txtarea' will result in a multi-line text field. * Variables ending with '_img' will result in an image upload field. * Variables ending with '_txt' or with no ending (see 'headline' above) will result in a single-line text field. The landing page editor will use a 'nice' version of the variable name as the label on the form, e.g. 'offer_description_txt' will be displayed as 'Offer Description', and 'footer_txt' will be displayed as 'Footer'. NOTE: Sometimes, in order to get the landing page editor to display your desired labels, you'll end up with awkward-looking variable names like footer_text_txtarea and footer_text_txt_color. This will be displayed as 'Footer Text' with a color picker beside it. Don't worry about how it looks in the template; just keep the editor in mind. If you supply a default value, the user will be required to supply a value in the editor. If you leave it blank (see 'footer_txt' in the example), the value will be optional. === SUBSTITUTIONS === In the remaining HTML of the landing page, use the full variable name surrounded by { and } as tokens to indicate where values should be substituted, e.g. {footer_txt} and {background_color}. Remember - '_color' variables will be returned in hexadecimal format (00FF00) WITHOUT the preceding "#". So, the proper usage of a '_color' variable in your CSS is like so: background-color: #{background_color}; There are a few "special" substitutions: {base_url} This resolves to the value of the CI function base_url(); {action_url} This resolves to the value of the offer URL. It should normally be used as the href around main call to action button. === IMAGES === Make sure the default image URL is relative to the baseurl.