Table of contents
Create Weebly Pages
In Weebly create 3 separate pages. They should not be linked together with any form of navigation.
- Main page will contain the web form to collect the code and email address
- Success page will say thank you and your report is on the way
- Error page will inform visitor that the code provided or email address is not valid. It should give a link back to the main page so they can try again.
Create Submit Form in Weebly
The custom HTML must be used to create the submission form.
- In the Weebly page editor, drag the Embed Code tool to the desired location of your page.
- Copy and paste the code below into the Custom HTML window.
NOTE: Be sure to replace the elements in red with your ontrack instance before pasting it to Weebly
Custom HTML Code
When using the Custom HTML Code below, do not include any URL parameters discussed in the API section here.
Required Changes
- ET - replace with the target instance of ontrack
- KEY - replace with the Access key from the target instance of ontrack
- Obtain the onTrackCRM access key from My Preferences > Access Key
- EMAILID - replace with the email id that was composed to send information
- SUCCESS-PAGE - replace with URL of the Success Page created in Weebly. NOTE: Make sure to include http:// in the URL.
- ERROR-PAGE - replace with URL of the Success Page created in Weebly. NOTE: Make sure to include http:// in the URL.
- Market Report - replace with the text you want to appear in the ontrack stream
Optional Changes
- You can change the form instructions, field labels and submit button if desired. Option text is highlighted in yellow.
<form id="getcode" name="getcode" action="http://ET.ontrackcrm.com/cw/cma-api.php" method="post"> <input type="hidden" name="send" value=""> <input type="hidden" name="key" value="KEY"> <input type="hidden" name="emailid" value="EMAILID"> <input type="hidden" name="redir_success" value="SUCCESS-PAGE"> <input type="hidden" name="redir_failed" value="ERROR-PAGE"> <input type="hidden" name="stream" value="Market Report"> <div class="wsite-form-container" style="margin-top:10px;"> <label class="wsite-form-label" for="input-code">Enter your Unique Code below and we'll email it to you immediately.</label> </div> <div class="wsite-form-container" style="margin-top:10px;"> <label class="wsite-form-label" for="input-code">Code<span class="form-required">*</span></label> <input type="text" name="code" value="" class="wsite-form-input wsite-input wsite-input-width-200px" /> </div> <div class="wsite-form-container" style="margin-top:10px;"> <label class="wsite-form-label" for="input-email">Email<span class="form-required">*</span></label> <input type="text" name="email" value="" class="wsite-form-input wsite-input wsite-input-width-200px" /> </div> <div class="wsite-form-container" style="margin-top:10px;"> <input type="submit" style='position:absolute;top:0;left:-9999px;width:1px;height:1px' /><a class='wsite-button' onclick="document.getElementById('getcode').submit()"><span class='wsite-button-inner'>Submit</span></a> </div> </form>
Comments