How to Embed a Form to Joomla 3

February 16, 2024

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.

Youtube Embed Poster: koGD4WQnMno

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.
How to Embed a Form to Joomla 3 Image-1
  1. Click the Upload Package File option.
  2. Drag/drop the Sourcerer extension or upload it by clicking the Browse for File button.
  3. Once installed, you should see a message at the top informing you of the status of the installation.
How to Embed a Form to Joomla 3 Image-2

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.
How to Embed a Form to Joomla 3 Image-3
  1. Click the Copy Code button.
How to Embed a Form to Joomla 3 Image-4

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.
How to Embed a Form to Joomla 3 Image-5
  1. In the editor, click the Code icon. It’s the Sourcerer extension that you installed earlier.
How to Embed a Form to Joomla 3 Image-6
  1. Paste your form’s embed codes in the modal.
  2. Click the Insert button at the top.
How to Embed a Form to Joomla 3 Image-7
  1. You will see that the code is added and wrapped with {source} {/source} tag.
  2. Finally, click the Save button in the editor to save your changes. View the page to verify if the form is displayed.
How to Embed a Form to Joomla 3 Image-8
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Roland Schönhart - Profile picture