Supercharged Contact Forms with ClickBump 6

With Version 5.5 and later, you can now leverage the tight integration between Contact Form 7 and ClickBump. You can also drag and drop your autoresponder forms into ClickBump. Its all made possible with the new "Lead Gen Widget"

In this article
  1. Contact Form 7 Integration
  2. HTML5 Placeholders
  3. Aweber
  4. Get Response

Contact Form 7 Support has been added to the latest version of ClickBump theme for WordPress. Release Notes Here.

How to add Contact Form 7 to the ClickBump: Forms

1) Drag a “ClickBump: Forms” widget over into the “Sidebar” placeholder
2) Remove the default text inside the widget and paste in your Contact 7 Form’s Shortcode
3) Save the widget and enjoy the new formatting

Note: As of ClickBump version 6, The widget name has been changed from “C5: Lead Gen” to “ClickBump: Forms”

Want to see it live? Live Example.

Page 1 of 4 1 2 3 4
More from master tutorials

2 Responses to “Supercharged Contact Forms with ClickBump 6”

  1. Scott Blanchard says:

    Note: browsers that don’t recognize the new html5 input attributes will simply render a standard text input box.

  2. Scott Blanchard says:

    As an aside: html5 has lots of enhanced features for forms. In addition to the new placeholder functionality, you may also notice that the “type” attribute on the email input is set to “email” rather than the familiar “text”.

    This is significant because it provides devices like iPhones and other html5 aware devices the information they need in order to customize the onscreen keyword so that its optimized for inputting an email address. It also helps with browser based automatic form validation.

    HTML5 is chock full of good stuff like this and I’ve embraced it fully in the new version 5.6 of the ClickBump Framework.

☝ Back to Top