Exact matches only
Search in title
Search in content
Search in posts
Search in pages


download the extension. Unzip the archive – you’ll find in it three folders: Joomla 1.5, Joomla 2.5 and Joomla 3.1. You need only the one corresponding to the Joomla version that you are using. The folder Joomla 1.5 contains two plugins, plg_123formbuilder and plg_123formbuilder_btn. Joomla 2.5 and Joomla 3.1. contain one package that has two plugins: Button – 123FormBuilder and Content – 123FormBuilder. The plugins are automatically installed with the package, but you’ll need to manually activate the plugins one by one, as explained further down.

Go to your Joomla administration panel. Click on the tab Extensions in the horizontal menu at page top and choose the first option – Extensions Manager.

Joomla contact form

You’ll be taken to the Install panel. In the first section, Upload Package File, click the Browse button, select the package (or the two plugins for Joomla 1.5), then click Upload & Install.

Joomla Contact Form

Note: To completely add the 123FormBuilder extension for Joomla 1.5, you’ll need to install each of the two packages separately in the Extension Manager (Button and Content).

Go to ExtensionsPlug-in Manager and type 123 in the Filter box. Two entries will remain in the list: Button – 123FormBuilder and Content – 123FormBuilder. Both of them need activation. Simply click on the two icons in the Status column to activate them. Only after then you can publish your web forms on Joomla.

Joomla contact form

Click on Button – 123FormBuilder to access the extension settings. On the right side of the screen, in the 123FormBuilder box, you need to provide your 123FormBuilder API Key. To get it, go to your 123FormBuilder account → My Account section. If the API Key is not yet enabled, press Create now. Copy the API Key and paste in the API Key box in your Joomla administration interface. Click Connect.

Contact Form for Joomla

The extension is now up and running. There are two ways of getting forms to Joomla:

1. While you’re editing a Joomla article, click on the icon Insert Form that shows up in your menu. Make sure you are logged in to your 123FormBuilder account. Select the form that you want to publish and click Embed. If you want to create a new form, press add new form and you’ll be redirected in your 123FormBuilder account.

2. Go to the Get Code & Publish section of the form in your 123FormBuilder account, click on the Joomla tab on the left side of the page, copy the code that you find there and paste in your Joomla article.

Joomla contact form

Read about the 123FormBuilder extension in the Joomla! extensions directory.


  1. I’m using Joomla (currently using their demo site) and have registered the extension per the above instructions. When I try to use the “Insert Form” method all that shows is an empty dialog box. I can publish the form by embedding Javascript however this doesn’t show the form header (which I really need). FYI, Joomla is currently on version 3.7 so perhaps something has changed that is not documented in this article?

  2. Pingback: Give Your Joomla Website the Web Forms it Deserves: 123FormBuilder | Dzinepress

Leave a Reply

Your email address will not be published. Required fields are marked *