Hi, Dear  WordPress Tooltip plugin users, hope this message find you are doing well and having happy weekend with your family.  We got a ticker from an amazing wordpress tooltip free user, he said when he read wordpress tooltip document, he found our wordpress tooltips pro + version support tooltips for contact form 7 and tooltips for ACF plugin, he said he using contact form 7 and ACF too, he hope we can move tooltips for contact form 7 and tooltips for ACF to free user,he said there are a lot of users needing this function 🙂

Sure, our wordpress tooltip developer released wordpress tooltips free plugin 8.5.9 to support add tooltip effects on contact form 7 for the user  🙂

How to create tooltips for contact form 7 in wordpress tooltips free plugin?

1: Login wordpress dashboard and click tooltips menu item, and then click addons sub menu item

2: In tooltips addons sub menu item, please enable tooltips for contact form 7, it looks like this:

Tooltips for Contact Form 7 addon

3: In  tooltips menu item, click add new to create a new tooltip, and then just enter the filed name of contact form 7 as tooltips title, then add your description in the tooltip content like this:

enter Contact Form field in tooltip editor

4: Then in the front-end, you will find wordpress tooltips plugin have added tooltips effect on contact form 7 labels:

contact form 7 with tooltip

5: Please check  our contact form 7 tooltip demo,  and tooltip contact form demo which support tooltip for contact form content field

By the way, we have released wordpress tooltips pro plus 20.9.8  to support display images and multimedia content via image ALT field, based on another amazing tooltip user’s suggestion, wordpress photo gallery users can insert wordpress tooltip shortcodes in their ALT field, and when users mouse hover their images in image glossary, users will see pretty text / images / videos / audios / maps / QRcodes ….etc on a pop-up tooltip window, this will help wordpress photo gallery user extend their image functionality to let their images have sound and video and animation capabilities…etc. Please, we just tested in a few kinds of image and image gallery, we do not promise this function will works well for all photo gallery program.

We give the user 2 wordpress plugins as a THANKS, If you have any feature  requirement, please don’t hesitate to contact us, we always give THANKS for the great suggestions 🙂

Thanks, have a happy day with your family 🙂

Best Regards,

WordPress tooltip support

We get a ticket from an amazing wordpress tooltip users which using Fast Secure Contact Form plugin, he said he read our document How to Create WordPress Tooltip for Contact Form 7?  He want to add wordpress tooltips effect for each input text field in the Fast Secure Contact Form, so users will know which kind of message with which kind of format will be accepted by his support. He do not know how to add tooltips popup box in his contact form input text field, he hope us write a document of How to Add WordPress tooltip plugin on Fast Secure Contact Form for him.  🙂

We are happy to help more wordpress tooltips uers who using other amazing wordpress form plugins, our wordpress tooltips support nearly all wordpress form plugins, for example: Contact Form 7, WPForm, GF form, Fast Secure Contact Form… and so on 🙂

How to Add WordPress Tooltips on Fast Secure Contact Form?

With wordpress tooltip plugin, it is very easy to add tooltips effect for each input box field in fast secure contact form:

1: Because this function just be included in wordpress tooltips pro and wordpress tooltips pro plus plugin, so if you do not have wordpress tooltips pro plugin yet, please login your account in wordpress tooltip plugin site.

2: After logged in your account, please click “download”  menu item to download wordpress tooltip plugin zip file.

3: After downloaded wordpress tooltips pro zip file, please login your wordpress site admin area as wordpress admin

4: Then in wordpress dashboard, please “Plugins” menu, you will open wordpress official plugin management panel.

5: If you installed wordpress tooltips free plugin or old version of wordpress tooltip pro plugin, please delete the old version of wordpress tooltip plugin

Then in “Plugins” management panel, please click “add new” link at the top of the plugins panel, in here you can upload the wordpress tooltips plugin zip file

6: After installed wordpress tooltip plugin, please remember to activate the new wordpress tooltip plugin

7: Now in fast secure contact form, please create a contact form, it is simple and fast:

7.1 In wordpress dashboard, click settings menu item

7.2 Then click FS Contact Form sub menu item

7.3 You will open “Fast Secure Contact Form Settings” panel

7.4 In here you can create a new contact form, we make a screenshot for you:

…., and then create fields in fields tab in fast secure contact form, after entered all fields, just click publish to save your contact form 🙂

7.5 After publish the contact form, in front end, it looks like this:

Okay, now what you need to do is — when user mouse hover the input text field in contact form, a wordpress tooltips window will pop-up, and display tooltips content in the tooltip window, how can we do this? 🙂

It is very simple.

7.6: In your browser, for example firefox, just click F12, and then check the css class or css id  for the input text box, for example, in my site, the input text box which under the label “name”, have a id “#fscf_name1”, just remember this, we will use it to add tooltips effect on this input text field at next steps soon.

8: In wordpress dashboard, click tooltips menu item

9: Then click “Add new” sub menu item

10: Add wordpress tooltip content in wordpress tooltips editor, it looks like this:

add new wordpress tooltips for input field in contact form

11: Then in the right hand of the tooltip editor, you will find  metabox “Tooltip For Forms “,  in here just enter the css id of the input text filed “#fscf_name1”, it looks like this:

That’s all, very simple? Yes!

In the front end, when mouse hover the input text box “Name”, you will find tooltip popup window. You can find demo for this document at: Tooltip for anything.

Conclusion:

With wordpress tooltip plugin, wordpress admin can add tooltip effect in any contact form, just a few clicks and input the css class or css id of any component in the contact form, you can show awesome tooltips effect for any component in any wordpress contact form 🙂