/ Plugin Category

/ Communication & Messaging

/ Transactional Email

/ Speed Contact Bar

Speed Contact Bar

By Kybernetik Services

Communication & Messaging / Transactional Email

Speed Contact Bar Review - In-Depth Analysis

Speed Contact Bar helps your website visitors easily access your contact information. It displays a visible contact bar with your details and social media links.

Performance Overview

WPS Score

6.65/10

User Rating

4.6/5 (based on 56+ reviews)

Active Installations

5,000+

Update Frequency

Below Average It is calculated using the weighted average of same category plugins.

Security Score

1 / 10 (Very Low Risk) It is calculated using the weighted average of all versions.

What It Does

Speed Contact Bar helps your website visitors easily access your contact information. It displays a visible contact bar with your details and social media links.

The plugin is available in multiple languages and complies with GDPR regulations. It allows customization of contact data and design options to fit your website's needs.

Visitors can quickly reach you through clickable phone numbers and email links. The design is responsive, ensuring it looks great on all devices.

Other Notable Features

Here are a few other notable features of this free Speed Contact Bar plugin.

Contact bar

Contact information

Social media links

Screenshots

FAQ

In most themes, the Speed Contact Bar works fine without any conflicts. Only if the theme comes with an own fixed top bar there can be a source of design conflicts with a fixed Speed Contact Bar.

In that case, you can try to set the position of the Speed Contact Bar at the bottom of every page. That will avoid the conflict.

The following function does two things:

it adds a list item with the content ‘Hello World’ as the first item
and it changes the order of the list items.

In the end, the function returns the changed list.

// Passed parameter: an array of personal contact data as list items function change_speed_contact_bar_data ( $list_items ) {      // Adds an item as first item in the list via array_unshift()     // The content has to be surrounded by the LI element     array_unshift( $list_items, '<li>Hello World</li>' );      // Re-orders the list items and returns the new list     // Here: ( a, b, c, d ) =&gt; ( c, d, a, b )     return array(         $list_items[ 2 ],         $list_items[ 3 ],         $list_items[ 0 ],         $list_items[ 1 ],     );  } // Let the function work add_filter( 'speed_contact_bar_data', 'change_speed_contact_bar_data' );

The following function appends the email address ‘[email protected]’ with a dark 30 x 30x px icon to the list. At the end the function returns the changed list.

// Passed parameter: an array of personal contact data as list items function add_speed_contact_bar_mailaddress ( $list_items ) {      $email_address = antispambot( '[email protected]' );      $list_items[] = sprintf(         '<li class="scb-email"><a rel="nofollow" href="%s"><img src="%sassets/images/email_%s.svg" width="%d" height="%d" alt="%s" /><span>%s</span></a></li>',         esc_url( 'mailto:' . $email_address, array( 'mailto' ) ),         '/wp-content/plugins/speed-contact-bar/public/',         'dark',         30,         30,         esc_attr__( 'Email', 'speed-contact-bar' ),         esc_html( $email_address )     );      return $list_items;  } // Let the function work add_filter( 'speed_contact_bar_data', 'add_speed_contact_bar_mailaddress' );

The following function does two things:

it appends a list item with the content ‘Foo Bar’ at the end of the list,
and it inserts a list item with a standard WordPress search form at a desired position in the list.

At the end the function returns the changed list.

// Passed parameter: an array of social media icons as list items function change_speed_contact_bar_icons ( $list_items ) {      // Add an item as last item in the list, via $array[]     // The content has to be surrounded by the LI element     $list_items[] = '<li>Foo Bar</li>';      // Adds an item at any position in the list via array_splice()     // Way of thinking: the new item should be the x-th element:     // so is x - 1 the parameter value for the position     // Example: if 4th element then parameter value is 4 - 1 = 3     // You can find more tipps for array_splice() at      // http://php.net/manual/en/function.array-splice.php     // The content has to be surrounded by the LI element     // In this example the LI element is extended by an ID attribute     // to have an exact selector for CSS     array_splice(         $list_items, // array to change         3, // position: array index where to insert the new item         0, // number of items to replace         // content of new item:         '<li id="spc-search-form">' . get_search_form( false ) . '</li>'      );      // Returns changed list     return $list_items; }  // Let the function work add_filter( 'speed_contact_bar_icons', 'change_speed_contact_bar_icons' );

The following function appends some Cascading Style Sheets code for the search form inserted by the previous function.

In the end, the function returns the changed CSS code.

// Passed parameter: a string of CSS function change_speed_contact_bar_style ( $css_code ) {      // Adds style for search form, appends it to existing code with '.='     // The content has to be surrounded by the STYLE element     $css_code .= "<style type='text/css'>\n";     $css_code .= "#spc-search-form form { display: inline; }\n";     $css_code .= "#spc-search-form input { width: 7em; }\n";     $css_code .= "</style>\n";      // Returns changed CSS     return $css_code;  }  // Let the function work add_filter( 'speed_contact_bar_style', 'change_speed_contact_bar_style' );