A wordpress plugin where we can add an opt-in form code we get from Infusionsoft. (examples below) where we can choose from a few different container styles, input the JS code or unstyled html for our original Infusionsoft form data, then further change basic style attributes below.
Process:
Open plugin then have ability to choose from 4-5 “pre-styled” opt-in container options –different setup/buttons or style, drop in IFS data code, the ability to customize style further, generate final html or shortcode.
We currently have the ability to output our Infusionsoft form data as a final Javascript code or stripped html. Examples below... xxxxxx = client and specific form data that is required in the code, but is provided each time by IFS. Some of the options we like are attached, but do not have to be exact.
Plugin needs /details:
· Must work with Mobile responsive
· Work on either page or in sidebar
· Need to drop in form data code from IFS either JS or un-styled HTML
Styling options needed:
· change container background color (possibly allow for image background)
· change size of the container
· add a paragraph of text above or below form data
· add an image
· change text colors and sizes
· container border on/off
· change border color
· change submit button color
· change submit button text color
· generate a final shortcode or final html code to put into page html or sidebar
The container style should not affect any other css or code in the general website. We need these containers to work independently of each other. EX: having more than one on a page or in a sidebar is not affected by another containers' properties/style.
Here are examples of code we will receive from Infsionsoft to put into the styled container plugin. NOTE: Actual form fields are determined by initial setup in IFS, and not necessarily limited to name/email only, but are included in the js or html we get.
JAVASCRIPT SNIPPET
<script type="text/javascript" src="[login to view URL]"></script>
UNSTYLED HTML
<form class="infusion-form" accept-charset="UTF-8" action="[login to view URL]" method="POST"><input name="inf_form_xid" type="hidden" value="xxxxxxxxxxxxxxxxxxxxxxx" /><input name="infusionsoft_version" type="hidden" value="[login to view URL]" />
<div class="infusion-field" style="text-align: left;"><label for="inf_field_FirstName">First Name * </label><input id="inf_field_FirstName" class="infusion-field-input-container" name="inf_field_FirstName" type="text" /> <span style="line-height: 1.5em;">Email * </span><input id="inf_field_Email" class="infusion-field-input-container" name="inf_field_Email" type="text" /> <input type="submit" value="Sign Up" /></div>
</form>
Dear Sir. We claim to get it done perfectly for you EXACTLY in the way you want it - Kindly give we a chance and we will prove myself -
Ready to prove our words, let's get it done right away and I mean RIGHT AWAY !!
Looking forward to hear from you soon - GOD Bless You.