Git Product home page Git Product logo

wordpress-wufoo-custom-integration's Introduction

Worpdress & Wufoo - API integration

Wufoo API - https://wufoo.github.io/docs/

The only way to integrate Wufoo with Wordpress is through iframe. This brings a lot of impiediments. Well, this plugin comes to fix this by integrating any HTML forms with Wufoo.

There are a few rules to follow. To use the plugin please follow the following procedure:

  1. Install the plugin
  2. Add the reCaptcha Site and Secret Key under the "Settings" sub-menu
  3. Fill the "Wufoo API Key" with your wufoo key:
    1. Log in into the Wufoo account
    2. From the Form Manager, select API Information from the More dropdown on any form.
    3. On that page there is a 16 digit code, which is the unique API key.
  4. Download and copy the HTML form
  5. Click on "Add New" under "Wufoo Forms" menu
  6. Paste the HTML form
  7. Insert the reCaptcha shortcode (https://codex.wordpress.org/Shortcode) insite the form tag
    <form>
    ...
    [wure-recaptcha]
    ..
    </form>
    
  8. Paste the form id
  9. Save the form
  10. Copy and paste the generated shortcode where do you want to appear the form

Suported field types

  • Single line text
  • Paragraph text
  • Multiple choise
  • Number
  • Checkbox
  • Dropdown
  • Name
  • Address
  • Email Address
  • Phone
  • File Upload

Also supports

  • Redirect Thank You page
  • Logs

Example HTML form

<form method="post">
	<header id="header" class="info">
		<h2 class="0">Test</h2>
		<div class="0"></div>
	</header>
	<ul>
		<li id="foli1" data-wufoo-field data-field-type="text" class="notranslate      ">
			<label class="desc" id="title1" for="Field1">
				First Name
			</label>
			<div>
				<input id="Field1" name="Field1" type="text" class="field text medium" value="" maxlength="255" tabindex="0" onkeyup=""       placeholder="" />
			</div>
		</li>
		<li id="foli8" class="notranslate      ">
			<label class="desc" id="title8" for="Field8">
				Email
			</label>
			<div>
				<input id="Field8" name="Field8" type="email" spellcheck="false" class="field text medium" value="" maxlength="255" tabindex="0"       placeholder="" />
			</div>
		</li>
		<!--reCaptcha shortcode-->
		[wure-recaptcha]
		<li class="buttons ">
			<div>
				<input id="saveForm" name="saveForm" class="btTxt submit" type="submit" value="Submit"/>    
			</div>
		</li>
	</ul>
</form>

Security & Anti-Spam checklist

  • reCaptcha
  • Honeypot
  • WP nonce

IMPORTANT: The HTML <input> name should match the same attribute as the wufoo form

Changelog

  • 0.0.2 - Register logs into DB instead a .txt file
  • 0.0.1 - First Version

wordpress-wufoo-custom-integration's People

Contributors

alexandru-burca avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.