Yes you can by using the wpcmtt_do_tooltip function.

function wpcmtt_do_tooltip($id, $style_id, $selector, $content, $tooltip_type = 'text')

Bear in mind, you must have already the element on your page on which you want to attach the tooltip.

You can use this function inside a page template.

Parameters

• $id string: A unique ID for the tooltip
• $style_id string: The tooltip style ID you want to use for the tooltip
• $selector string: The element’s tag on your page on which you want to attach the tooltip
• $content string: The tooltip’s content.
• $tooltip_type string: The tooltip type. It can take one of these values: text, html

Usage Example

<?php
// First create the element on which you want to attach the tooltip. 
// If you already have the element on your page, you can skip this step
echo '<div id="tooltip_selector">This is my PHP tooltip</div>';

// Then attach the tooltip on it
echo wpcmtt_do_tooltip('unique-tooltip-id', '37', '#tooltip_selector', 'Lorem ipsum', 'html');
?>

If you use Layer Slider plugin, then in order for our plugin to be compatible:

1. Go to LayerSlider WP > Options
2. Click the Advanced tab
3. Enable the Use GreenSock (GSAP) sandboxing option

Yes, but you have to use the shortcode for the tooltip itself.

1. First, create a dummy post at your WordPress site. You will just need this post, just to generate the tooltip shortcode. You can delete it afterwards.
2. Create your WordPress tooltip as explained here.
3. When you are finished with the tooltip, press the Text tab on the upper right corner of the WordPress editor.
4. Copy the tooltip shortcode.
5. Open your thrive architect page and paste the shortcode inside a WordPress Content Element.

Notice: the shortcode will be something like this:

[wpcmtt id="130"]My tooltip[/wpcmtt]

You can do so by adding you own CSS selectors as explained here.

Let’s say that you have a CF7 with a checkbox list with 2 options. Here are the CSS selectors:

.wpcf7-checkbox .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label

.wpcf7-checkbox .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label

Yes you can. Just add the code below in functions.php:

add_action('wp_enqueue_scripts', 'wpcmtt_remove_tooltips', 9999999999);

function wpcmtt_remove_tooltips() {
    if (is_user_logged_in()) {
        wp_dequeue_script('tooltip-style-js');
    }
}

Just add this CSS code in your theme:

[data-hasqtip]:after {
    font-family: "FontAwesome" !important;
    content: "\f059" !important;
    color: black;
    font-size: 12px;
    display: inline-block;
    padding: 0px 10px;
    vertical-align: middle;
}

To underline your anchor:

[data-hasqtip] {
    text-decoration: underline;
}

Yes you can. Insert the code below in your functions.php and customize it to your needs:

add_action('wp_enqueue_scripts', 'wpcmtt_custom_script', 9999999999);

function wpcmtt_custom_script() {
    $output = '
jQuery(document).ready(function () {
    jQuery(".wpcmtt").each(function () {
        var outer_tooltip_selector = jQuery(this).attr("data-wpcmtt-selector");
        jQuery(outer_tooltip_selector).qtip("option", 
        {
            "events.visible": function () { 
               console.log("TOOLTIP VISIBLE: " + jQuery(this).attr("id"));
            },
            "events.hidden": function () { 
               console.log("TOOLTIP HIDDEN: " + jQuery(this).attr("id"));
            },
        });
    });
});';

    wp_add_inline_script('tooltip-style-js', $output, 'after');
}

For example, if you use WooCommerce Frontent Manager, you will not be able to click a link in your tooltip. To fix this, add this code in functions.php:

add_action('wp_enqueue_scripts',  'wpcmtt_register_scripts_fix', 10);

function wpcmtt_register_scripts_fix() {
    wp_enqueue_script('jquery-qtip-min-js', plugins_url('assets/qtip/jquery.qtip.js', Codemine_Tooltip_PLUGIN_FILE), array('jquery'), '3.0.3', true);
}

In order to do so, you must create first the shortcode below inside your functions.php:

add_shortcode('htmlAudio', 'htmlAudio_shortcode');

function htmlAudio_shortcode($atts) {
    if(isset($atts["src"])){
        return '<audio controls controlsList="nodownload"><source src="'.$atts["src"].'" type="audio/mpeg"></audio>';
    }
   return '';
}

And then add this shortcode in your tooltip:

[htmlAudio src="https://mysite/wp-content/uploads/file.mp3"]

To do so, add this code inside your functions.php:

add_action('wp_enqueue_scripts', 'wpcmtt_remove_tooltip_scripts', 9999999999);

function wpcmtt_remove_tooltip_scripts() {
    wp_dequeue_style('wpcmtt-hotspot-fontawesome');
    $terms = get_terms(array(
            'taxonomy' => 'tooltip_selector_style',
            'hide_empty' => false,
            'fields' => "ids",
        ));
    foreach ($terms as $key) {
        $googlefonts_url = WPCMTT()->dal->get_googlefonts_urls($key);
            if (!empty($googlefonts_url)) {
                $googlefonts_style = 'wpcmtt-googlefonts-css-' . $key;
                wp_dequeue_style($googlefonts_style, $googlefonts_url, array());
            }
    }
}

In order to do so, you must create first the shortcode below inside your functions.php:

add_shortcode('htmlVideo', 'htmlVideo_shortcode');

function htmlVideo_shortcode($atts) {
    if(isset($atts["src"])){
        return ' <video width="100%" height="auto" controls controlsList="nodownload" disablePictureInPicture >
        <source src="'.$atts["src"].'" type="video/mp4">
      </video> ';
    }
   return '';
}

And then add this shortcode in your tooltip:

[htmlVideo  src="https://mysite/wp-content/uploads/file.mp4"]

What if you have YouTube videos?

You can do the same for YouTube videos. You must create first the shortcode below inside your functions.php:

add_shortcode('youtubeVideo', 'youtubeVideo_shortcode');

function youtubeVideo_shortcode($atts) {
    if(isset($atts["src"])){
        return ' <iframe width="420" height="315" src="'.$atts["src"].'"></iframe>';
    }
   return '';
}

And then add this shortcode in your tooltip:

[youtubeVideo src="https://www.youtube.com/embed/tgbNymZ7vqY"]

Steps to export the hotspots

1. Install and activate WP All Export.
2. Go to All Export > New Export.
3. In Specific Post Type, select Image Hotspot.
4. Click Customize Export File.
5. Click Add All to enter all available fields.
6. Click the

wpcmtt_hotspot_points_meta_hotspot_tooltip 

field and use the PHP function below:

function hotspots_export($value) {
    $value_unserialized = unserialize($value);
    $value_json = json_encode($value_unserialized, JSON_HEX_QUOT | JSON_HEX_TAG);
    return $value_json;
}

Please see the relevant image below

4. Download your CSV.

Steps to import the hotspots to the new site

1. Install and activate WP All Import.
2. Create a new tooltip style. Make sure that you copy the tooltip style ID. You will need it later.
3. In the Images section of your import, make sure that you add the

{wpcmtt_hotspots_meta_basic_image[1]}

Please see the relevant screenshot below

4. Make sure that you add the custom field

wpcmtt_hotspot_points_meta_hotspot_tooltip

and pass it through this function

[hotspots_import({wpcmtt_hotspot_points_meta_hotspot_tooltip[1]})]

5. Also make sure that you add the custom field

wpcmtt_hotspots_meta_basic_image

and pass it through this function

[hotspot_basic_image_import({wpcmtt_hotspots_meta_basic_image[1]})]

6. Also add these PHP functions:

function hotspots_import( $value ){
    $value = json_decode($value, true);
    foreach ($value as $key => $field) {

        // Mapping: 
        $old_wpcmtt_hotspot_points_meta_style = $value[$key]['wpcmtt_hotspot_points_meta_style'];
        $new_wpcmtt_hotspot_points_meta_style = "0"; // Insert your new style ID here
        // Use the if statements below if you want to map old styles to new ones
        if ($old_wpcmtt_hotspot_points_meta_style == "12") {
            $new_wpcmtt_hotspot_points_meta_style = "111";
        } elseif ($old_wpcmtt_hotspot_points_meta_style == "34") {
            $new_wpcmtt_hotspot_points_meta_style = "222";
        } elseif ($old_wpcmtt_hotspot_points_meta_style == "56") {
            $new_wpcmtt_hotspot_points_meta_style = "333";
        }

        $value[$key]['wpcmtt_hotspot_points_meta_style'] = $new_wpcmtt_hotspot_points_meta_style;

        // Compatibility fix for hotspots created with version < 3.0
        if(!isset($value[$key]['wpcmtt_hotspot_points_meta_hotspot_link'] )){
            $value[$key]['wpcmtt_hotspot_points_meta_hotspot_link'] = "";
        }
    }
    return serialize( $value );
}

function hotspot_basic_image_import( $value ){    
    $pieces = explode("/", $value);
    $upload_dir = wp_upload_dir();
    return $upload_dir["url"] ."/" . end($pieces);
}

For steps 4,5 & 6, please see the relevant image below

If you do not plan to use youtube or vimeo tooltips, you can remove the relevant code. Just add the following code inside functions.php:

add_filter('wpcmtt_enqueue_youtube', '__return_false');
add_filter('wpcmtt_enqueue_vimeo', '__return_false');

Sometimes wordpress is not allowing to add iframes inside editors. Just include this code in your functions.php:

add_filter( 'wp_kses_allowed_html', 'custom_wpkses_post_tags', 10, 2 );

function custom_wpkses_post_tags( $tags, $context ) {

    global $post;
    $post_types = array('tooltip_selectors', 'wpcmtt_hotspots');
    if ( 'post' === $context && $post && $post->post_type && in_array($post->post_type, $post_types) ){
        $tags['iframe'] = array(
            'src'             => true,
            'height'          => true,
            'width'           => true,
            'frameborder'     => true,
            'allowfullscreen' => true,
        );
    }

    return $tags;
}

Yes you can. Insert the code below in your functions.php. Make sure you replace the variable hotspot_id with your Image Hotspot id.

add_action('wp_enqueue_scripts', 'wpcmtt_custom_script', 9999999999);

function wpcmtt_custom_script() {
    $output = '
jQuery(document).ready(function () {

    // Apply code only for tooltips of a certain hotspot image 
    var hotspot_id = 1817;

    jQuery(".wpcmtt[data-wpcmtt-id^=\'" + hotspot_id + "_\']").each(function () {
        var outer_tooltip_selector = jQuery(this).attr("data-wpcmtt-selector");

        //Show all tooltips
        jQuery(outer_tooltip_selector).qtip("toggle", true);

        //Tooltips always visible (stop hidding tooltips)
        //Remove this code if you want to show/hide the tooltips
        jQuery(outer_tooltip_selector).qtip("option", 
        {
            "events.hide": function (e) { 
                e.preventDefault();
            },
        });

    });
});';

    wp_add_inline_script('tooltip-style-js', $output, 'after');
}

Yes you can. Insert the code below in your functions.php and customize it to your needs. In this example we add target=”_blank” rel=”noopener noreferrer nofollow” to all links attached to tooltip style 133.

add_filter('wpcmtt_hotspot_link_atts', 'wpcmtt_hotspot_link_atts_custom', 10, 2);

function wpcmtt_hotspot_link_atts_custom($atts, $hotspot_tooltip) {
    // Apply this only for links attached to a certain tooltip style 
    if($hotspot_tooltip["wpcmtt_hotspot_points_meta_style"] == "133"){
            return 'target="_blank" rel="noopener noreferrer nofollow"';
    }
    return $atts;
}