Design a Form for Your Sidebar

Print This Tutorial

A form at the top of your sidebar is not only highly visible on every page but also provides a quick and easy way for customers to get in touch.  Forms like:

  • Join Our Email Newsletter
  • Ask a Question
  • Request a Consultation
  • Ask about this product
  • Download our FREE Guide
  • Login to WordPress/Create an Account
  • Register for Event

Entice customers to get in touch before they have a chance to click somewhere else or leave your website entirely.

In this tutorial, you will learn to:

  • Add a Gravity Form to your sidebar
  • Add a hidden field to show which page/post your form was submitted from
  • Change the background and border color of your submit button
  • PLUS see examples of effective sidebar forms



More tutorials on this topic..

Share this tutorial

    avatar About Jo Couchman
    I work with WordPress everyday creating working websites for a whole range of different clients and types of businesses so I am constantly researching and trying new ways to achieve different functionality and design. Find out more....
    +Jo Couchman

    Ask a Question about this Tutorial

    One Response to “Design a Form for Your Sidebar”

    1. Jo Couchman on February 19th, 2012 5:30 pm
      Jo Couchman

      If you are designing a form as your MailChimp newsletter signup form, you need to read this tutorial to find out how to link your form to your MailChimp list – http://www.creative-web-ideas.com/one-signup-2-newsletters/

    Post your questions and feedback below or contact me on Twitter.
    To receive an email when I reply to comments or add updates to this post, tick the box at the bottom of this form.