Saturday, January 23, 2016

Adding a pop up inquiry form to joomla website

Greetings of the Day,

I was working on a website development for one of my customer. The requirement was like this: apart from the contact form, they want one inquiry form on the home page and the side bars. That too a pop up contact form when user clicks the button.

I developed this website using Joomla CMS. So instead of developing this from the scratch, I searched for the available extensions. I came across one beautiful extention which fulfills my requirement. That was " jQuery Ajax Quick Contact for Joomla with Popup Function" from JExtentions which is free. 

1. First you download this extension from the Downloads of JExtentions. 
2. Now login to administrative panel of the Joomla  

3. Select to Extensions in the main menu

4. Click on Manage

5. You will get the below screen. Now you can choose the downloaded module zip file and click on Upload &Install

6. You get the installation Successful message

7. Now go to Modules in the extension of the Main Menu

8. You get the JE Quick contact Module

9. Open it and configure it

10. Select Enable in the Jquery Drop down

11. Select "Pop Up" in display type

12. Enter the pop up button text as you want

13. Update all the configuration as shown in the below image

14. Enter the Recipient's email ID. This is very important. Otherwise the pop up form will not work

15. Select the Position to display the button


16. Now Select as Published in Status

17. Select the Menu Assignment tab and select the pages where this button should be displayed.

18. Now Save&Close the module

19. Go to the website and see this button is displayed

20. Click on this button to see the pop up inquiry form

That's it. Happy Coding !

No comments: