Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

(Chalong) Lightbox button –to open contact form inside lightbox WordPress

  • SOLVED

Hi There,

I have the Chalong theme installed on my WP website.

I have an ‘Enquire’ button on my services page. I would like the contact form to open in a lightbox when you click on the ‘Enquire’ button.

I have asked theme support and was told it needs a custom modification and they recommended this website.

Is anyone able to make the required custom modifications needed, so the contact form opens in a lightbox, when you click on the 'enquire' button.

If you are able to do this I can provide you with my login details. Please let me know as I do not wish to publish them on here.

Or you can provide me with instructions, and the code required, and I will make the modifications.

Thank you :)

I have tried various plugins and suggested code I have found on Google but I could not get any of them to work.

If possible I would like to use the contact.php form that is already built in the theme, and there is also already a light box function built into the theme.

I need someone who is able to combine the two, so the current contact form pops up in a lightbox, when a button is clicked.

Answers (3)

2012-08-14

Asad Iqbal answers:

Hi,
Please check this:
http://wordpress.org/extend/plugins/form-lightbox/


Asad Iqbal comments:

You can easily use contact form 7 for this. If you think I need to code then I need login details.


jimmy comments:

Thank you for your quick response.

I have already tried this plugin / solution and could not get it to work.

Ideally I would like to use the contact.php and the lightbox function that is already built into the theme. The person who wrote the theme suggested it was a custom modification.

Is this something you would be able to do / have done before?


Asad Iqbal comments:

This link may help you to understand more details:
http://www.myphpmaster.com/form-lightbox-demo/


Asad Iqbal comments:

If you want to use your existing code then I need to see the code. But instead modifying the default code of the theme you may just use this plugin. Currently I've no live demo for showing you a live demo but If you want then I can create a quick live demo for you using the wordpress default theme.


Asad Iqbal comments:

This is not secure to give the login info here, I can logged in, please delete that attached document.


jimmy comments:

Cannot delete, How long will it take? I will change when done.


jimmy comments:

should I change it now and email you the new one?


jimmy comments:

I have change the login details, please let me know if you can make the required changes and I will email you the login details. Thanks.


Asad Iqbal comments:

I've logged out, thanks for changing the password. Mail me new password at: [email protected]


jimmy comments:

I've just emailed you, thanks.


Asad Iqbal comments:

Got the mail, please give me some time.


jimmy comments:

Sure, it might be useful to look at the what the theme already has (shortcodes - lighbox) shown on the theme preview website: http://www.gallyapp.com/tf_themes/?theme=Chalong.
As you might be able to work with these.
Thank you :)


jimmy comments:

The 'enquire' button is on the services page.
When you click this 'enquire' button I would like the contact form to pop up in a lightbox.
Please let me know if you need any more details.


Asad Iqbal comments:

Please check you mail.


jimmy comments:

Thank you, I think this solution will work, I have sent you mail.


jimmy comments:

Thank you for solving this problem for me :)


jimmy comments:

Excellent work, thank you :)

2012-08-14

Bryan Headrick answers:

Here's a link to an implementation of just that:
http://www.associationofwomeninenergy.com/get-involved/

I used a combination of contact forms 7 and easy modal.

there's also a single plugin that does this as well, called "SimpleModal Contact Form (SMCF)" although I'm not sure if it's as configurable as contact forms 7 is.


jimmy comments:

Thank you, I could not see the example on the link you posted.

However I have already tried this plugin and I could not get it to work.

Thank you for your quick response though.

2012-08-14

Dbranes answers:


You could try the Chalong lightbox shortcode:

[lightbox type="iframe" title="Title" href="http://example.com/contact.php"]
[button href="" bg_color="#4f762a" text_color="#ffffff"]Open example.com/contact.php in frame[/button]
[/lightbox]


to open contact.php if it is a standalone form file.


jimmy comments:

Thank you for the suggestion but it did not work, I think this is along the right lines though.
I'm not sure if contact.php is a stand alone form, so maybe this is why it didn't work.