How to Embed a Form to Joomla 3

Joomla is a free and open-source content management system (CMS) and one of the most popular software websites for publishing web content. Joomla is built on a model–view–controller web application framework that can be used independently of the CMS, allowing you to create powerful online applications.

Embedding your Jotform form to Joomla 3 is possible in a few simple clicks. Please continue reading to learn more.

Installing the Sourcerer Extension for Joomla

1. First, you will have to download the Sourcerer Extension. Choose the Free option.
2. Log in to your Joomla Administrator’s page.
3. On the left side of the Control Panel, click the Install Extensions link under the Extensions section, as highlighted in the image below.

4. Click the Upload Package File option.
5. Drag/drop the Sourcerer extension or upload it by clicking the Browse for File button.
6. Once installed, you should see a message at the top informing you of the status of the installation.

Getting the Embed Code for Joomla 3

1. In the Form Builder, go to the Publish tab at the top.
2. On the left side, click Platforms.
3. Find and click Joomla from the list.

4. Click the Copy Code button.

Your form is now ready for embedding.

Note
The above steps are for Joomla’s latest version, but you can copy the same code for Joomla 3, and it should work.

Adding a Form to Joomla 3

1. In your Joomla Control Panel, click Contents from the navigation bar.
2. Click Articles from the dropdown options.
3. Select and click the title of the article/page where you want to display the form.

4. In the editor, click the Code icon. It’s the Sourcerer extension that you installed earlier.

5. Paste your form’s embed codes in the modal.
6. Click the Insert button at the top.

7. You will see that the code is added and wrapped with {source} {/source} tag.
8. Finally, click the Save button in the editor to save your changes. View the page to verify if the form is displayed.