How To Capture Leads From WordPress Blog Into LeadPro247 Lead Aggregation System

Lead Capture with WordPress Blog

by Paddu on October 27, 2011

WordPress is the most popular blogging platform software used by professionals, businesses and lead generation agencies. Most web hosting companies provide a one click deployment of WordPress blogging software on the websites. This post explains how to capture leads from the WordPress blog and post to the LeadPro247 Lead System. The LeadPro Lead Capture form code can be embedded into the WordPress in a couple of minutes without any major coding efforts.

Lead Generation Through WordPress Blogs

Majority of internet lead generation companies and web developers use WordPress to setup websites. Note that WordPress software can be used even for static websites using the WordPress Pages feature. Web pages can be created in minutes using WordPress without any programming skills. WordPress also has hundreds of themes (free and reasonably priced) for customizing the look and feel and design of the websites.

Another major advantage of using WordPress is the availability of thousands of plugins for various purposes. You can just drag and drop one or more plugins into the website for to enable useful features. If you are not familiar with the WordPress software, please spend some time exploring the features and simplicity of using the same.

Landing Pages and Side Bar Lead Capture Web Forms

Lead Capture forms are used to capture the contact and product / service information from the web visitors. The lead capture forms can be included as part of the selective web pages and web traffic can be driven to these pages. These pages are known as Landing Pages (or squeeze pages by some). Design of landing pages is an art in itself and a subject matter for another series of posts!

In some cases, you may want to provide smaller, compact lead capture forms on every page (or most pages) of the website. In other words, the visitors will have an option to request information from every page. These forms are generally embedded in the side bar of the web pages.

In whichever way you prefer, it takes only a few minutes to grad the lead capture form code from LeadPro247 system and embed the same on the WordPress pages or blog posts.

Lead Capture Form Code from LeadPro247

When your LeadPro247 account was setup, your lead journal(s) and respective lead capture form code would have been configured in the system. Use the Setup –> Lead Setup menu option and look for Lead Capture Form function. Drill down to the right lead journal (or profile) and choose Customize option to get the HTML code for the respective lead capture form. Copy the code and paste it to a notepad or your favorite HTML editor. If you are familiar with HTML, then the code can be edited for changing the look and feel of the web form. Or you may provide the code to your website developer who maintains your websites.

Embedding the Lead Capture Form Code in WordPress

The HTML code that you grabbed from the LeadPro247 system includes a bunch of javascript code (generally preceding the <body> tag. This script helps onscreen validations for email address format, required data fields, etc.

The JavaScript code should be placed into a specific program in WordPress. Some WordPress themes such as Thesis (used by this blog currently) provides its own customization feature where the script can be pasted. Please refer to your theme documentation for specific information about javascript code placement.

Wordpress Javascript Embedding

If the theme does not have specific provision, you may install a WordPress plugin to achieve this objective. HTML Javascript Adder is one of the popular plugins. Once the plugin is downloaded, installed and activated, you can include the Javascript code in the same. The entire process takes about 2 minutes.

Once you have the javascript is included in the website, you are ready to go to embed the rest of the HTML code into the page or post. If you are planning to post it into the main page or post, then you can paste the code in to WordPress page or post editor directly. Make sure that you have switched to the HTML mode in the editor!

If the lead capture form is to be placed in the sidebar, then use a Text widget to include the HTML code and drag and drop the widget to the sidebar in a suitable position.

When the lead capture form code is placed in the sidebar, you must pay attention to the sidebar width. You may have adjust the form width (by changing fonts, descriptions, length of input boxes, etc). You may also have to adjust the width of the sidebar itself. Many themes do not have customization of sidebar width, though some themes such as Thesis do have this feature. If necessary, you have to customize the sidebar width using the style.css file.

Redirecting to Thank You Page

When the web visitor submits the form with all required fields filled in, the visitor has to be redirected to a Thank You page. Create a WordPress page with suitable Thank You message and instructions. Include the thank you page url (ex. in the “eBack” in the form submission code inside the HTML code.


Be Sociable, Share!

Leave a Comment

Previous post:

Next post: