There are a number of ways in which you can connect the forms you create to the pages or posts on your blog. The basic method to do this is quite simple.

Once you have created and saved a form, find (or create) the page on which you want it to be displayed and go to the editing interface for that page. In the additional controls, there will be an area called “FormBuilder” containing a dropdown list of all the forms you have created for use on your site.

Simply select the form you wish to include on the page, and hit save or publish. The form you selected will now be attached to this page, and will be displayed at the bottom of the content area.

There may be some cases where you wish to display your form part way through the text content of the page, rather than at the bottom.  This capability has been available in FormBuilder since v. 0.61.  In order to do this however, you will need to find out what the ID number of the form you want to include is.  You can find this number to the left of the list of forms on the FormBuilder management page.  Each form on that page will have a unique ID number.

Once you have this number, including the form anywhere in the content of your page or post is very easy.  You simply add a little piece of code similar to the following to the content.  [formbuilder:#] where # is the ID number of the form to be included in the content of the page or post.

Once you have saved the updated content of the page, your form will appear at the location where you place the code above.

We have also recently enabled a special template function which you can use to display forms you create within the WordPress theme templates themselves, rather than simply in the content of the posts.  While it is a little more technical to do this, as long as you have a basic understanding of WordPress templating, it shouldn’t be hard.  You would simply add the following code to your template in the location where you want the form to appear.  Replace the ‘#’ with the ID number of the form you wish to be displayed.

// Formbuilder manual form display. Replace the # in the following line with the ID number of the form to be displayed.
if(function_exists('formbuilder_process_form')) echo formbuilder_process_form(#);
// End of FormBuilder manual form display.

If you are manually including forms in your template, you also need to add a line to your wp-config.php file to tell FormBuilder to always include the necessary CSS and JavaScript.  To do this, add the following to your wp-config.php file.


Related Reading:

Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML5 (Learning Php, Mysql, Javascript, Css & Html5)Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML5 (Learning Php, Mysql, Javascript, Css & Html5)The fully revised, updated and extended 4th edition of the hugely popular web development book - includes CSS, HTML5, jQuery and the mysqli extension.... Read More >
PHP Cookbook: Solutions & Examples for PHP ProgrammersPHP Cookbook: Solutions & Examples for PHP Programmers

Want to understand a certain PHP programming technique? Or learn how to accomplish a particular task? This cookbook is the first place to look. Wit... Read More >

PhP: Learn PHP Programming Quick & EasyPhP: Learn PHP Programming Quick & EasyWant to learn the in-demand skill of PHP programming… AND do it fast?

Are you new to computer programming or just want to brush up on some skills... Read More >