{"id":1380,"date":"2023-10-31T14:53:02","date_gmt":"2023-10-31T14:53:02","guid":{"rendered":"https:\/\/wpshortcode.org\/?p=1380"},"modified":"2023-10-31T14:53:03","modified_gmt":"2023-10-31T14:53:03","slug":"wp-visitors-widget","status":"publish","type":"post","link":"https:\/\/wpshortcode.org\/wp-visitors-widget\/","title":{"rendered":"Live Visitor Counter Shortcode"},"content":{"rendered":"\n

Below, you’ll find a detailed guide on how to add the Live Visitor Counter Shortcode<\/strong> to your WordPress website, including its parameters<\/strong>, examples<\/strong>, and PHP function code<\/strong>. Additionally, we’ll assist you with common issues that might cause the Live Visitor Counter Plugin shortcode not to show or not to work correctly.<\/p>\n\n\n\n

Before starting, here is an overview of the Live Visitor Counter Plugin and the shortcodes it provides:<\/p>\n\n\n

\n
\n \n
\n \"Plugin\n <\/div>\n \n
\n \n\n \n Live Visitor Counter <\/a>\n\n\n \n

\n "Live Visitor Counter is a WordPress plugin that displays real-time website traffic. The wp-visitors-widget tracks and showcases the number of active users on your site, enhancing user engagement." <\/p>\n <\/div>\n <\/div>\n\n \n

\n \n \u2605\u2605\u2605\u2605\u2729<\/span> (11)\n <\/span>\n \n Active Installs<\/strong>: 5000+\n <\/span>\n \n Tested with<\/strong>: 6.2.3 <\/span>\n \n PHP Version<\/strong>: 5.0 <\/span>\n <\/div>\n\n \n
\n Included Shortcodes:<\/strong>\n
    \n
  • [visitors_widget]<\/li> <\/ul>\n <\/div>\n <\/div>\n <\/p>\n\n\n\n
    <\/div>\n\n\n\n

    Live Visitor Counter [visitors_widget] Shortcode<\/h2>\n\n\n\n

    The wp-visitors-widget shortcode is used to display visitor statistics on a WordPress site. It generates a widget showing the number of visitors today, total visitors, and live visitors. It also provides the ability to customize the widget’s appearance, including type, colors, and shadow. The shortcode is: [visitors_widget].<\/p>\n\n\n\n

    Shortcode<\/strong>: [visitors_widget]<\/code><\/p>\n\n\n\n

    <\/div>\n\n\n\n

    PHP Function Code<\/h3>\n\n\n\n

    In case you have difficulties debugging what causing issues with [null]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n

    Shortcode line<\/strong>:<\/p>\n\n\n\n

    add_shortcode('visitors_widget', 'wvw_visitors_widget');<\/code><\/pre>\n\n\n\n
    Shortcode PHP function<\/strong>:<\/p>\n\n\n
    \nfunction wvw_visitors_widget($atts, $content = null)\n{\n    global $wpdb;\n\n    $widget_rand = rand(999, 10000);\n\n    $out = '<input type="hidden" class="random_prefix_val" value="' . $widget_rand . '" \/>';\n\n    $type = $atts['type'];\n    $colors = $atts['colors'];\n    $shadow = $atts['shadow'];\n    $initial_value = (int)$atts['initial_value'];\n\n    if (in_array($type, ["3", "5"])) {\n        add_Action('wp_footer', function () {\n            ?>\n            <script type="text\/javascript" src="https:\/\/www.gstatic.com\/charts\/loader.js"><\/script>\n            <link href="https:\/\/fonts.googleapis.com\/css?family=Exo+2" rel="stylesheet">\n            <?php\n        });\n    }\n\n    $data_1_param = $atts['data_1'];\n    $data_2_param = $atts['data_2'];\n    $data_3_param = $atts['data_3'];\n\n\n    $visitors_stat = 'visitors_stat';\n    $visitors_stat = $wpdb->prefix . $visitors_stat;\n\n    $logo_image = plugins_url('\/images\/logo-dark-copy-2.png', __FILE__);\n    $plugin_url = 'https:\/\/visitorplugin.com\/';\n\n    \/\/ get visitors per day\n    $current_timestamp = current_time('timestamp', false);\n    $beginOfDay = strtotime("midnight", $current_timestamp);\n    $endOfDay = strtotime("tomorrow", $beginOfDay) - 1;\n\n    $all_today_visitors = $wpdb->get_var("SELECT COUNT(*) FROM $visitors_stat WHERE time BETWEEN $beginOfDay AND $endOfDay ");\n\n    \/\/ get all visitors total\n    $all_total_visitors = $wpdb->get_var("SELECT COUNT(*) FROM $visitors_stat ") + $initial_value;\n\n    \/\/ get last active users\n    $start_time = $current_timestamp - 5 * HOUR_IN_SECONDS;\n    $end_time = $current_timestamp;\n    $all_active_users = count($wpdb->get_col("SELECT DISTINCT ip FROM $visitors_stat WHERE time BETWEEN $start_time AND $end_time "));\n\n\n    \/\/ graph info\n\n    $out_graph = "";\n    switch ($data_1_param) {\n        case "visit_today":\n            $text_1 = __('Visitors Today', "wvw");\n            $data_1 = $all_today_visitors;\n            $out_graph = wvw_get_graph_array("visit_today", $widget_rand);\n\n            break;\n        case "visit_total":\n            $text_1 = __("Total Visitors", "wvw");\n            $data_1 = $all_total_visitors;\n            $out_graph = wvw_get_graph_array("visit_total", $widget_rand);\n            break;\n        case "visit_live":\n            $text_1 = '<div class="pulsing_overlap_small"><div class="pulsating-circle"><\/div><\/div>' . __("Live visitors", "wvw");\n            $data_1 = $all_active_users;\n            $out_graph = wvw_get_graph_array("visit_live", $widget_rand);\n            break;\n    }\n    switch ($data_2_param) {\n        case "visit_today":\n            $text_2 = __('Visitors Today', "wvw");\n            $data_2 = $all_today_visitors;\n\n            break;\n        case "visit_total":\n            $text_2 = __("Total Visitors", "wvw");\n            $data_2 = $all_total_visitors;\n            break;\n        case "visit_live":\n            $text_2 = '<div class="pulsing_overlap_small"><div class="pulsating-circle"><\/div><\/div>' . __("Live visitors", "wvw");\n            $data_2 = $all_active_users;\n            break;\n    }\n    switch ($data_3_param) {\n        case "visit_today":\n            $text_3 = '<div>' . __("Visitors", "wvw") . '<\/div> <div>' . __("Today", "wvw") . '<\/div>';\n            $data_3 = $all_today_visitors;\n\n            break;\n        case "visit_total":\n            $text_3 = '<div>' . __("Total", "wvw") . '<\/div> <div>' . __("Visitors", "wvw") . '<\/div>';\n            $data_3 = $all_total_visitors;\n            break;\n        case "visit_live":\n            \/\/$text_3 = '<div>Live<\/div> <div>visitors<\/div>';\n            $text_3 = '<div class="pulsing_overlap_small"><div class="pulsating-circle"><\/div><\/div>' . __("Live visitors", "wvw");\n            $data_3 = $all_active_users;\n            break;\n    }\n\n\n    \/\/ graph info\n    $out .= $out_graph;\n\n    switch ($type) {\n        case "1":\n            $out .= '\n\t\t\t<style>';\n            if ($shadow) {\n\n                switch ($colors) {\n                    case "light":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_1.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "light_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_1.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "dark_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_1.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 15px 40px 0 rgba(42, 64, 145, 0.35);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                }\n\n\n            }\n\n            switch ($colors) {\n                case "light":\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "light_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "dark_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#f4f6fc';\n                    $border_color = '#171717';\n                    break;\n                default:\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n            }\n\n\n            $out .= '\n\t\t\t.widget_type_1{\n\t\t\t\tborder:1px solid ' . $border_color . ';\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tmax-width:176px;\n\t\t\t\tbackground-color: ' . $bg_color . ';\n\t\t\t\tposition:relative;\n\t\t\t}\n\t\t\t.widget_type_1 .type_1_big{\n\t\t\t\tfont-family: "Exo 2", sans-serif;\n\t\t\t\t  font-size: 42px;\n\t\t\t\t  font-weight: 300;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\t  line-height: normal;\n\t\t\t\t  letter-spacing: normal;\n\t\t\t\t  text-align: center;\n\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t  margin-top:30px;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\t\t\t.widget_type_1 .type_1_small{\n\t\t\t\tfont-size: 11px;\n\t\t\t\t  font-weight: 600;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\t  margin-bottom: 50px;\n\t\t\t\t  letter-spacing: 0.8px;\n\t\t\t\t  text-align: center;\n\t\t\t\t  color: #b7c0cd;\n\t\t\t\t  text-transform:uppercase;\n\t\t\t}\n\t\t\t.widget_type_1 .bottom_branding{\n\t\t\t\tposition:absolute;\n\t\t\t\tbottom:0px;\n\t\t\t\tleft:0px;\n\t\t\t\tright:0px;\n\t\t\t\tpadding:5px;\n\t\t\t\ttext-align:center;\n\t\t\t}\n\t\t\t<\/style>\n\t\t\t<div class="visitor_widget widget_type_1">\n\t\t\t\t<div class="type_1_big">' . $data_1 . '<\/div>\n\t\t\t\t<div class="type_1_small">' . $text_1 . '<\/div>\n\t\t\t\t<div class="bottom_branding">\t\t\t\t \n                    <a href="' . $plugin_url . '">\n                        <img src="' . $logo_image . '" width="80" \/>\n                    <\/a> \t\t\t \n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t';\n            break;\n        case "2":\n            $out .= '\n\t\t\t<style>';\n            if ($shadow) {\n\n                switch ($colors) {\n                    case "light":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_2.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "light_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_2.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "dark_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_2.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 15px 40px 0 rgba(42, 64, 145, 0.35);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                }\n\n\n            }\n\n            switch ($colors) {\n                case "light":\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "light_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "dark_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#f4f6fc';\n                    $border_color = '#171717';\n                    break;\n                default:\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n            }\n            $out .= '\n\t\t\t.widget_type_2{\n\t\t\t\tborder:1px solid ' . $border_color . ';\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tmax-width:176px;\n\t\t\t\tbackground-color: ' . $bg_color . ';\n\t\t\t\tposition:relative;\n\t\t\t\tfont-family: "Exo 2", sans-serif;\n\t\t\t}\n\t\t\t.widget_type_2 .type_2_row_1{\n\t\t \n\t\t\t\t  font-size: 36px;\n\t\t\t\t  font-weight: 300;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\t  line-height: normal;\n\t\t\t\t  letter-spacing: normal;\n\t\t\t\t  text-align: center;\n\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t\tmargin-top:20px;\n\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\t\t\t.widget_type_2 .type_2_row_2{\n\t\t\t\tfont-size: 11px;\n\t\t\t\tline-height: 11px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-stretch: normal;\n\t\t\t\ttext-transform:uppercase;\n\t\t\t\tletter-spacing: 0.8px;\n\t\t\t\ttext-align: center;\n\t\t\t\tcolor: #b7c0cd;\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\t\t\t.widget_type_2 .type_2_row_3{\n\t\t\t\tfont-size: 20px;\n\t\t\t\t  font-weight: 300;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\t  line-height: normal;\n\t\t\t\t  letter-spacing: normal;\n\t\t\t\t  text-align: center;\n\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t}\n\t\t\t.widget_type_2 .type_2_row_4{\n\t\t\t\tfont-size: 11px;\n\t\t\t\t  font-weight: 600;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\t  letter-spacing: 0.8px;\n\t\t\t\t  text-align: center;\n\t\t\t\t  color: #b7c0cd;\n\t\t\t\t  margin-bottom:40px;\n\t\t\t\t  text-transform:uppercase;\n\t\t\t}\n\t\t\t.widget_type_2 .bottom_branding{\n\t\t\t\tposition:absolute;\n\t\t\t\tbottom:0px;\n\t\t\t\tleft:0px;\n\t\t\t\tright:0px;\n\t\t\t\tpadding:5px;\n\t\t\t\ttext-align:center;\n\t\t\t}\n\t\t\t<\/style>\n\t\t\t<div class="visitor_widget widget_type_2">\n\t\t\t\t<div class="type_2_row_1">' . $data_1 . '<\/div>\n\t\t\t\t<div class="type_2_row_2">' . $text_1 . '<\/div>\n\t\t\t\t<div class="type_2_row_3">' . $data_2 . '<\/div>\n\t\t\t\t<div class="type_2_row_4">' . $text_2 . '<\/div>\n\t\t\t\t<div class="bottom_branding">\n                    <a href="' . $plugin_url . '">\n                        <img src="' . $logo_image . '" width="80" \/>\n                    <\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t';\n            break;\n        case "3":\n            $out .= '\n\t\t\t<style>';\n            if ($shadow) {\n\n                switch ($colors) {\n                    case "light":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_3.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "light_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_3.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "dark_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_3.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 15px 40px 0 rgba(42, 64, 145, 0.35);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                }\n\n\n            }\n\n            switch ($colors) {\n                case "light":\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "light_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "dark_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#f4f6fc';\n                    $border_color = '#171717';\n                    break;\n                default:\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n            }\n            $out .= '\n\t\t\t.widget_type_3{\n\t\t\t\tborder:1px solid ' . $border_color . ';\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tmax-width:176px;\n\t\t\t\tbackground-color: ' . $bg_color . ';\n\t\t\t\tposition:relative;\n\t\t\t}\n\t\t\t.widget_type_3 .type_1_big{\n\t\t\t\tfont-family: "Exo 2", sans-serif;\n\t\t\t\t  font-size: 42px;\n\t\t\t\t  font-weight: 300;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\t  line-height: normal;\n\t\t\t\t  letter-spacing: normal;\n\t\t\t\t  text-align: center;\n\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t  margin-top:10px;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\t\t\t.widget_type_3 .type_1_graph{\n\t\t\t\toverflow: hidden;\n\t\t\t\theight: 80px;\n\t\t\t}\n\t\t\t.widget_type_3 .type_1_graph #chart_div{\n\t\t\t\theight: 100px;\n\t\t\t}\n\t\t\t.widget_type_3 .type_1_small{\n\t\t\t\tfont-size: 11px;\n\t\t\t\t  font-weight: 600;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\t  margin-bottom1: 40px;\n\t\t\t\t  letter-spacing: 0.8px;\n\t\t\t\t  text-align: center;\n\t\t\t\t  color: #b7c0cd;\n\t\t\t\t  text-transform:uppercase;\n\t\t\t}\n\t\t\t.widget_type_3 .bottom_branding{\n\t\t\t\tposition:absolute;\n\t\t\t\tbottom:0px;\n\t\t\t\tleft:0px;\n\t\t\t\tright:0px;\n\t\t\t\tpadding:5px;\n\t\t\t\ttext-align:center;\n\t\t\t}\n\t\t\t<\/style>\n\t\t\t<div class="visitor_widget widget_type_3">\n\t\t\t\t<div class="type_1_big">' . $data_1 . '<\/div>\n\t\t\t\t<div class="type_1_small">' . $text_1 . '<\/div>\n\t\t\t\t<div class="type_1_graph"> <div id="chart_div_' . $widget_rand . '"><\/div><\/div>\n\t\t\t\t<div class="bottom_branding">\n                    <a href="' . $plugin_url . '">\n                        <img src="' . $logo_image . '" width="80" \/>\n                    <\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t';\n            break;\n        case "4":\n            $out .= '\n\t\t\t<style>';\n            if ($shadow) {\n\n                switch ($colors) {\n                    case "light":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_4.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "light_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_4.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "dark_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_4.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 15px 40px 0 rgba(42, 64, 145, 0.35);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                }\n\n\n            }\n\n            switch ($colors) {\n                case "light":\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "light_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "dark_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#f4f6fc';\n                    $border_color = '#171717';\n                    break;\n                default:\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n            }\n            $out .= '\n\t\t\t.widget_type_4{\n\t\t\t\tborder:1px solid ' . $border_color . ';\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tmax-width:176px;\n\t\t\t\tbackground-color: ' . $bg_color . ';\n\t\t\t\tposition:relative;\n\t\t\t\tfont-family: "Exo 2", sans-serif;\n\t\t\t}\n\t\t\t.widget_type_4 .type_4_row_1{\n\t\t \n\t\t\t\t\tfont-size: 11px;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-stretch: normal;\n\t\t\t\t\ttext-transform:uppercase;\n\t\t\t\t\tletter-spacing: 0.8px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tcolor: #b7c0cd;\n\t\t\t\t\tmargin-top:30px;\n\t\t\t\t\t \n\t\t\t}\n\t\t\t.widget_type_4 .type_4_row_2{\n\t\t \n\t\t\t\t\tfont-size: 32px;\n\t\t\t\t\tline-height: 32px;\n\t\t\t\t\t  font-weight: 300;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t \n\t\t\t\t\t  letter-spacing: normal;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t\t \n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t}\n\t\t\t.widget_type_4 .type_4_row_3{\n\t\t \n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t  font-weight: 300;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t  line-height: normal;\n\t\t\t\t\t  letter-spacing: normal;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t\tmargin-top:5px;\n\t\t\t\t\tmargin-bottom: 0px;\n\t\t\t}\n\t\t\t.widget_type_4 .type_4_row_4{\n\t\t \n\t\t\t\t\tfont-size: 10px;\n\t\t\t\t\t  font-weight: 600;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t  text-transform: uppercase;\n\t\t\t\t\t  letter-spacing: 0.5px;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: #b7c0cd;\n\t\t\t\t\tmargin-top:0px;\n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t}\n\t\t\t.widget_type_4 .type_4_row_5{\n\t\t \n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t  font-weight: 300;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t  line-height: normal;\n\t\t\t\t\t  letter-spacing: normal;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t\tmargin-top:5px;\n\t\t\t\t\tmargin-bottom: 0px;\n\t\t\t}\n\t\t\t.widget_type_4 .type_4_row_6{\n\t\t \n\t\t\t\t\t font-size: 10px;\n\t\t\t\t\t  font-weight: 600;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t  text-transform: uppercase;\n\t\t\t\t\t  letter-spacing: 0.5px;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: #b7c0cd;\n\t\t\t\t\tmargin-top:0px;\n\t\t\t\t\tmargin-bottom: 50px;\n\t\t\t}\n\t\t\t \n\t\t\t.widget_type_4 .bottom_branding{\n\t\t\t\tposition:absolute;\n\t\t\t\tbottom:0px;\n\t\t\t\tleft:0px;\n\t\t\t\tright:0px;\n\t\t\t\tpadding:5px;\n\t\t\t\ttext-align:center;\n\t\t\t}\n\t\t\t<\/style>\n\t\t\t<div class="visitor_widget widget_type_4">\n\t\t\t\t<div class="type_4_row_1">' . $text_1 . '<\/div>\n\t\t\t\t<div class="type_4_row_2">' . $data_1 . '<\/div>\n\t\t\t\t<div class="type_4_row_3">' . $data_2 . '<\/div>\n\t\t\t\t<div class="type_4_row_4">' . $text_2 . '<\/div>\n\t\t\t\t<div class="type_4_row_5">' . $data_3 . '<\/div>\n\t\t\t\t<div class="type_4_row_6">' . $text_3 . '<\/div>\n\t\t\t\t \n\t\t\t\t<div class="bottom_branding">\n                    <a href="' . $plugin_url . '">\n                        <img src="' . $logo_image . '" width="80" \/>\n                    <\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t';\n            break;\n\n        case "5":\n            $out .= '\n\t\t\t<style>';\n            if ($shadow) {\n\n                switch ($colors) {\n                    case "light":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_5.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "light_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_5.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "dark_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_5.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 15px 40px 0 rgba(42, 64, 145, 0.35);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                }\n\n\n            }\n\n            switch ($colors) {\n                case "light":\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "light_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "dark_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#f4f6fc';\n                    $border_color = '#171717';\n                    break;\n                default:\n                    $bg_color = '#ffffff';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n            }\n            $out .= '\n\t\t\t.widget_type_5{\n\t\t\t\tborder:1px solid ' . $border_color . ';\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tmax-width:176px;\n\t\t\t\tbackground-color: ' . $bg_color . ';\n\t\t\t\tposition:relative;\n\t\t\t\tfont-family: "Exo 2", sans-serif;\n\t\t\t}\n\t\t\t.widget_type_5 .type_5_row_1{\n\t\t \n\t\t\t\t\tfont-size: 11px;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-stretch: normal;\n\t\t\t\t\ttext-transform:uppercase;\n\t\t\t\t\tletter-spacing: 0.8px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tcolor: #b7c0cd;\n\t\t\t\t\tmargin-top:30px;\n\t\t\t\t\t \n\t\t\t}\n\t\t\t.widget_type_5 .type_5_row_2{\n\t\t \n\t\t\t\t\tfont-size: 32px;\n\t\t\t\t\tline-height: 32px;\n\t\t\t\t\t  font-weight: 300;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t \n\t\t\t\t\t  letter-spacing: normal;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t\t \n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t}\n\t\t\t.widget_type_5 .type_4_row_3{\n\t\t \n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t  font-weight: 300;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t  line-height: normal;\n\t\t\t\t\t  letter-spacing: normal;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t\tmargin-top:10px;\n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t}\n\t\t\t.widget_type_5 .type_5_row_4{\n\t\t \n\t\t\t\t\tfont-size: 10px;\n\t\t\t\t\t  font-weight: 600;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t  text-transform: uppercase;\n\t\t\t\t\t  letter-spacing: 0.5px;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: #b7c0cd;\n\t\t\t\t\tmargin-top:0px;\n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t}\n\t\t\t.widget_type_5 .type_5_row_3{\n\t\t\t\toverflow: hidden;\n\t\t\t\theight: 100px;\n\t\t\t}\n\t\t\t.widget_type_5 .type_5_row_3 #chart_div_5{\n\t\t\t\theight: 100px;\n\t\t\t}\n\t\t\t.widget_type_5 .type_5_row_5{\n\t\t \n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t  font-weight: 300;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t  line-height: normal;\n\t\t\t\t\t  letter-spacing: normal;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t\t\tmargin-top:5px;\n\t\t\t\t\tmargin-bottom: 0px;\n\t\t\t}\n\t\t\t.widget_type_5 .type_5_row_6{\n\t\t \n\t\t\t\t\t font-size: 10px;\n\t\t\t\t\t  font-weight: 600;\n\t\t\t\t\t  font-style: normal;\n\t\t\t\t\t  font-stretch: normal;\n\t\t\t\t\t  text-transform: uppercase;\n\t\t\t\t\t  letter-spacing: 0.5px;\n\t\t\t\t\t  text-align: center;\n\t\t\t\t\t  color: #b7c0cd;\n\t\t\t\t\tmargin-top:0px;\n\t\t\t\t\tmargin-bottom: 50px;\n\t\t\t}\n\t\t\t \n\t\t\t.widget_type_5 .bottom_branding{\n\t\t\t\tposition:absolute;\n\t\t\t\tbottom:0px;\n\t\t\t\tleft:0px;\n\t\t\t\tright:0px;\n\t\t\t\tpadding:5px;\n\t\t\t\ttext-align:center;\n\t\t\t}\n\t\t\t<\/style>';\n\n            $out .= '\n\t\t\t<div class="visitor_widget widget_type_5">\n\t\t\t\t<div class="type_5_row_1">' . $text_1 . '<\/div>\n\t\t\t\t<div class="type_5_row_2">' . $data_1 . '<\/div>\n\t\t\t\t<div class="type_5_row_3"><div id="chart_div_' . $widget_rand . '"><\/div><\/div>\n\t\t\t\t \n\t\t\t\t<div class="type_5_row_5">' . $data_2 . '<\/div>\n\t\t\t\t<div class="type_5_row_6">' . $text_2 . '<\/div>\n\t\t\t\t \n\t\t\t\t<div class="bottom_branding">\n                    <a href="' . $plugin_url . '">\n                        <img src="' . $logo_image . '" width="80" \/>\n                    <\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t';\n            break;\n        case "6":\n\n            switch ($data_1_param) {\n                case "visit_today":\n\n                    $text_1 = '<div>' . __("Visitors", "wvw") . '<\/div> <div>' . __("Today", "wvw") . '<\/div>';\n                    $data_1 = $all_today_visitors;\n\n                    break;\n                case "visit_total":\n\n                    $text_1 = '<div>' . __("Total", "wvw") . '<\/div> <div>' . __("Visitors", "wvw") . '<\/div>';\n                    $data_1 = $all_total_visitors;\n                    break;\n                case "visit_live":\n\n                    $text_1 = '<div>' . __("Live", "wvw") . '<\/div> <div>' . __("visitors", "wvw") . '<\/div>';\n                    $data_1 = $all_active_users;\n                    break;\n            }\n\n            $out .= '<style>';\n\n            if ($shadow) {\n\n                switch ($colors) {\n                    case "light":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_6.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "light_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_6.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 25px 46px 0 rgba(51, 59, 69, 0.15);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                    case "dark_transparent":\n                        $out .= '\n\t\t\t\t\t\t.widget_type_6.visitor_widget{\n\t\t\t\t\t\t\tbox-shadow: 0px 15px 40px 0 rgba(42, 64, 145, 0.35);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t';\n                        break;\n                }\n\n\n            }\n\n            switch ($colors) {\n                case "light":\n                    $bg_color = '#f5f8fa';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "light_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n                case "dark_transparent":\n                    $bg_color = 'transparent';\n                    $fontcolor = '#f4f6fc';\n                    $border_color = '#171717';\n                    break;\n                default:\n                    $bg_color = '#f5f8fa';\n                    $fontcolor = '#354052';\n                    $border_color = '#e6eaee';\n                    break;\n            }\n            $out .= '\n\t\t\t.widget_type_6{\n\t\t\t\toverflow:hidden;\n\t\t\t\tborder:1px solid ' . $border_color . ';\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tmax-width:176px;\n\t\t\t\tbackground-color: ' . $bg_color . ';\n\t\t\t\tposition:relative;\n\t\t\t\tfont-family: "Exo 2", sans-serif;\n\t\t\t}\n\t\t\t.widget_type_6 .left_col{\n\t\t\t\twidth:50%;\n\t\t\t\tfloat:left;\n\t\t\t}\n\t\t\t.widget_type_6 .right_col{\n\t\t\t\twidth:50%;\n\t\t\t\tfloat:left;\n\t\t\t\tpadding-top: 2px;\n\t\t\t}\n\t\t\t.widget_type_6 .left_col .count_num{\n\t\t\t\tfloat:left;\n\t\t\t\t margin-right: 5px;\n\t\t\t\t     padding: 5px;\n\t\t\t\t  font-size: 14px;\n\t\t\t\t  font-weight: 300;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\t  line-height: normal;\n\t\t\t\t  letter-spacing: normal;\n\t\t\t\t  text-align: left;\n\t\t\t\t  color: ' . $fontcolor . ';\n\t\t\t}\n\t\t\t.widget_type_6 .left_col .count_text{\n\t\t\t\t\tfont-size: 8px;\n\t\t\t\t  font-weight: 500;\n\t\t\t\t  font-style: normal;\n\t\t\t\t  font-stretch: normal;\n\t\t\t\ttext-transform:uppercase;\n\t\t\t\t  letter-spacing: 0.8px;\n\t\t\t\t  text-align: left;\n\t\t\t\t  color: #b7c0cd;\n\t\t\t}\n\t\t\t<\/style>\n\t\t\t<div class="visitor_widget widget_type_6">\n\t\t\t\t<div class="left_col">\n\t\t\t\t\t<div class="count_num">\n\t\t\t\t\t\t' . $data_1 . '\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class="count_text">\n\t\t\t\t\t\t' . $text_1 . '\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class="right_col">\n                    <a href="' . $plugin_url . '">\n                        <img src="' . $logo_image . '" width="80" \/>\n                    <\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t';\n            break;\n    }\n\n    return $out;\n}\n<\/pre><\/div>\n\n\n
    Code file location<\/strong>:<\/p>\n\n\n\n
    wp-visitors-widget\/wp-visitors-widget\/modules\/shortcodes.php<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Conclusion<\/h2>\n\n\n\n
    Now that you’ve learned how to embed the Live Visitor Counter Plugin shortcode<\/strong>, understood the parameters, and seen code examples, it’s easy to use and debug any issue that might cause it to ‘not work’. If you still have difficulties with it, don’t hesitate to leave a comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Below, you’ll find a detailed guide on how to add the Live Visitor Counter Shortcode to your WordPress website, including its parameters, examples, and PHP function code. Additionally, we’ll assist you with common issues that might cause the Live Visitor Counter Plugin shortcode not to show or not to work correctly. Before starting, here is […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"name":"Live Visitor Counter","slug":"","version":"2.2","author":"Adam Z","icons":"https:\/\/ps.w.org\/wp-visitors-widget\/assets\/icon-256x256.png?rev=2178611","plugin_tags":"{\"click-counter\":\"click counter\",\"marketing\":\"marketing\",\"wordpress-visitor-counter\":\"wordpress visitor counter\"}","author_profile":"https:\/\/profiles.wordpress.org\/liveplugins\/","requires":"4.0","tested":"6.2.3","requires_php":"5.0","rating":86,"num_ratings":11,"active_installs":5000,"downloaded":45503,"last_updated":"2023-06-20 10:26am GMT","added":"2019-02-26","homepage":"http:\/\/visitorplugin.com","short_description":"Wordpress Live Visitor Counter allows you to display how many times a page has been viewed with this simple, fast and easy to use the plugin.","description":"\"Live Visitor Counter is a WordPress plugin that displays real-time website traffic. The wp-visitors-widget tracks and showcases the number of active users on your site, enhancing user engagement.\"","shortcodes":"[\"visitors_widget\"]","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1380","post","type-post","status-publish","format-standard","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/1380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/comments?post=1380"}],"version-history":[{"count":1,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/1380\/revisions"}],"predecessor-version":[{"id":1667,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/1380\/revisions\/1667"}],"wp:attachment":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/media?parent=1380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/categories?post=1380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/tags?post=1380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}