How do I get an html/css form to post to Gravity Forms?


Tags: html,css,wordpress,forms,gravity-forms-plugin

Problem :

I have a 'Photoshop (.psd) to WordPress' landing page conversion project that I began by converting to a basic html/css page including a nonfunctional, but correctly styled form.

The project scope expanded with the need to post user entries to the Gravity Forms plugin in WordPress.

How do I need to modify my existing html/css form (since I've already created the styles) and submit the entries to the Gravity Forms form in the WordPress dashboard?

I'd like to do this without starting from scratch on the html and form styles.

HTML/CSS Version: http://dev.sweatergod.com/safeguard/

WordPress Template Version: http://dev.ira123.com/self-directed-ira-llc-landing-page/

Neither one have the Gravity Forms form integrated yet.



Solution :

Looking at the Gravity forms API, the easiest way, if you don't want to sacrifice your current styles, would be to have your current form POST to the gravity forms API.

http://www.gravityhelp.com/documentation/page/Web_API#POST_.2Fentries

POST /forms/[Form ID]/entries URI: /gravityformsapi/forms/[Form ID]/entries

Description: Creates/adds entries for the specified Form ID

Input: A JSON string containing a collection of entries that will be added

Output: A localized message describing the result: "Entries created successfully"


    CSS Howto..

    How to set content area div height with dynamic header div

    How to minimize the number of CSS classes created?

    How to change Bootstrap-select's placeholder color

    how to make css nested colors in one div bacground

    JSF - How can I format my global messages in in a visually appealing way?

    How to change opacity suddenly without transition (without fade) using keyframes

    How to force an update of a css selector inside context?

    How do I line up CSS elements? Is there a tool I can use?

    How to extend jQuery.css from plugin

    How do I add a special CSS class to run only on IE for a div component?

    CSS - how to align different font-sizes to each other?

    How do I make a CSS triangle with smooth edges?

    How to use dp to calculate shadows - web development HTML CSS

    How to use a variable for image paths with less mixins

    How to change .css priority with javascript

    Basic CSS: When applying effects to images in CSS, how do you exclude the banner image?

    CSS - How to align 2 fields into 1 row?

    How to make a background with 45 degree lines with css?

    How a sloping/leaning background colour can be set to a text with HTML-CSS

    how to achieve this css display?

    CSS - how to code the left column gets narrower when resizing the window?

    How can I make a button-link, as Like in Facebook?

    How do I obtain a floating element's left offset while it is outside the viewport?

    how to apply the style using css3 [duplicate]

    OOCSS & BEM - inline list - How to handle scaffolding, how to add skin?

    How to apply CSS only to numbers in paragraph? (without )

    How do I fade in a div that has a set opacity?

    How can I make make css transition happen when applying width through javascript

    How to put four images 2x2 on other image as background, CSS?

    How can I make a border wrap around a group of pictures?