Support » Plugin: Simple Tooltips » Using in Contact form 7

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author ClevelandWebDeveloper

    (@clevelandwebdeveloper)

    Hi Vadim,

    The first thing you would have to do would be to enable custom shortcodes within contact form 7. Here is how to do that:

    Add the following into the functions.php file in your theme:

    add_filter( 'wpcf7_form_elements', 'mycustom_wpcf7_form_elements' );
    
    function mycustom_wpcf7_form_elements( $form ) {
    	$form = do_shortcode( $form );
    
    	return $form;
    }

    After that, you should be able to insert the tooltip shortcode within the forms. However, the tooltip button won’t be available to use when creating the form, so you would have to type the shortcode manually or copy and paste it from page/post.

    Best,
    Justin

    Hi Justin, I left a message on your site, but never got a reply.

    I was wondering, how to insert an image into a tooltip?

    Plugin Author ClevelandWebDeveloper

    (@clevelandwebdeveloper)

    Try something like this:

    [simple_tooltip content='<img style="width: 120px; height: 53px;" src="http://www.yoursite.com/yourimage.jpg">']This triggers the tooltip[/simple_tooltip]

    Will try, thank you!

    It works great near the title of the filed, but how do I put it next to each option, so customer could see, what each option looks like in real life?

    Link to page – http://ssbuve.coma.lv/noskaidrot-cenu-individualam-projektam/

    Contact form code:

    <strong>Ēka* </strong>[simple_tooltip content='<img style="width: 120px; height: 53px;" src="http://www.yoursite.com/yourimage.jpg">'](?)[/simple_tooltip] [radio radio-11 free_text default:1 "Māja" "Pirts" "Cits"]
    <strong>Pievienot failu</strong> [file file-36]
    
    <p>[submit "Nosūtīt"]</p>

    Thank you for your time!

    Plugin Author ClevelandWebDeveloper

    (@clevelandwebdeveloper)

    I don’t know if that’s possible – I’m not an expert on contact form 7 so I can’t say for sure if you are able to edit each option or not.

    Good luck,
    Justin

    Hi Justin, just wanted to let you know, that we managed to create something very useful here with help of your plugin – http://ssbuve.coma.lv/noskaidrot-cenu-individualam-projektam/

    there is one issue, maybe you can help – when I hover over an (i) icon, sometimes tooltip appears lower than my mouse is. Is there any solution for that? Its totally fine, if tooltip will ignore viewport and part of it will be hidden.

    Plugin Author ClevelandWebDeveloper

    (@clevelandwebdeveloper)

    Hey Vadim,

    Thanks for letting me know – the page looks great!

    Right now there is no way to do what you want but I will let you know if the ability gets added in the future.

    Best,
    Justin

    Hi Justin,

    Any possibility this could be used with Formidable Forms as well? If so, can you tell me what I would need to do enable it.

    Thanks a mil,

    Leslie

    Plugin Author ClevelandWebDeveloper

    (@clevelandwebdeveloper)

    I’m not an expert on Formidable Forms, but you should be able to do this via the Customize HTML tab in the form settings. You should be able to put in the shortcut directly, wherever you want to place it, like this: [simple_tooltip content=’This is the tooltip content’]This triggers the tooltip[/simple_tooltip]

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Using in Contact form 7’ is closed to new replies.