Hey everybody I want to let you know that I have undertaken the grueling task of getting the heck away from WordPress. I was so sick of the problems and updates I had to do all the time. I am now using my ezbloo system and I am integrating all my old posts into the new system. It sucks, but in the end, I will save bundles of time. I needed to keep things simple and that is why I created ezbloo. I'll have more on this later for you guys after I am done with the total integration of my old posts here. So if you are looking for a post and need it faster, shoot me an email and I will make it a priority. [email protected]

Lightbox for WordPress Forms Edit
Last Update:2017-03-07 08:00:23
The Change:2024-10-16 10:33:26
Do you want to know how to do a lightbox for WordPress forms? Its really cool. If you do not know about lightbox yet it is a way to darken the background so that people can focus on a picture or a form. Here is an example basically click on the Contact Us link below and your visitor can contact you! [formlightbox_call title="email" class="3"]Contact Us[/formlightbox_call] [formlightbox_obj id="3" style="width:680px;height:640px;padding: 10px; overflow: scroll;"][contact-form-7 id="1734" title="Contact form 1"][/formlightbox_obj] 
[formlightbox_call title="email" class="3"]Contact Us[/formlightbox_call]

Installing Lightbox for WordPress Forms

You can go to your dashboard and look for Form Lightbox and install it to get this code to work. You can also download it and upload to your WordPress plugins.

Benefits of having Lightbox for WordPress Forms

It focuses your users on what you are trying to communicate to them. By taking out the background your user has less distractions and are able to concentrate on what they are doing as well. Having lightbox installed can help your ROI as well.

Alternative to Lightbox for WordPress Forms

There are a lot of lightbox plugins for wordpress. Want to use it on an image? You could try wp-lighbox2 or simple lightbox, I prefer the ones that are lighter weight. Too much coding will slow down your website.

Remove Lightbox from Certain Images

Sometimes there is a need to remove an automatic lightbox code from certain images. Use the following code to do so if you need to remove the lightbox effect from an image. Just use the class of noLighbox as in the example below. 
<a title="A1WEBSITEPRO" href="https://a1websitepro.com" class="noLightbox">
<img title="WEB DEVELOPMENT" alt="" src="https://a1websitepro.com/uploads/2014/09/logo-web-design-and-develoopment.png" />
</a>