Speed Contact Bar

Screenshots

The plugin is available in English, German (Deutsch) and Polish (Polski). Quick contact to you Speed Contact Bar enables your visitors to get in contact with you quickly. The plugin shows a colored bar with your contact data and social media URLs on the top of every page of your website. The bar design is responsive and thus ready for smartphones and tablets. The social media icons are included already. Each icon appears if you set its target URL in the option page. The phone icons and numbers are clickable to trigger a phone call. The e-mail is clickable to open a mail client. What users said “This plugin is the only one in the whole repository that really provides what I want.” in WordPress.org Support by stepheniryna on July 14, 2017 “the BEST customer service I have received in 2016!” in WordPress.org Support by chrissavid33 on December 31, 2016 “100% recommended. Saved my time” in WordPress.org Reviews by ramarao on August 20, 2016 “Exactly what I needed” in WordPress.org Reviews by wineisallforme on May 23, 2016 Number 8 in Top 9 WordPress Free Contact Forms by The Night Marketer on May 29, 2015 Number 23 in 24 Best Free & Premium WordPress Notification Bars Plugin 2015 by Himanshu on May 8, 2015 “Absolutely fantastic. Was exactly what I was looking for and looks brilliant on my website.” in WordPress.org Reviews by tydem00 on April 15, 2015 “It’s one of my favorites, and easily one of the best for social buttons.” in WordPress.org Support Forum by aleos97 on April 25, 2015 “Easy Peasy Lemon Squeezy!” in WordPress.org Reviews by Beefy on February 10, 2015 What you can configure There are some options you can set to let the contact bar fit to your needs. You can set your contact data URLs to your social media pages and profiles and many design options like colors View the video Installation & Configuration of Speed Contact Bar WordPress Plugin on Youtube by WordPress Support on August 19, 2015. Available contact data options You can show these three personal contact data: Headline, can be a link with an optional URL Postal address, can be a link with an optional URL Phone number, automatically linked to open an available phone application, can be displayed with a text of your choice Cell phone number, automatically linked to open an available phone application, can be displayed with a text of your choice E-Mail address, automatically linked to open an available mail client, can be displayed with a text of your choice any further content you wish by using the filter hook speed-contact-bar-data Supported social media platforms Speed Contact Bar supports links to these social media platforms, as ordered alphabetically: Facebook Flickr Google Plus IMDb Instagram LinkedIn Pinterest Skype SlideShare Snapchat SoundCloud Tumblr Twitter Vimeo Xing Yelp Youtube any further content you wish by using the filter hook speed-contact-bar-icons. See Other Notes More social media plattforms will come in future. Design options under your fingertips You can set the design of the contact bar easily, fast and safe to be suitable to the design of your website: Position of the bar: You can place the bar at the top or bottom on every page Fixed position: You can set whether it should scroll with the content or stay fixed Horizontal padding of the contact bar Vertical padding of the contact bar Space between bar and page content if the bar is fixed Background color of the contact bar or a transparent bar Text color Link color Lightness of icons: You can select between dark or bright icons Content alignment within the bar Font size of the texts and links Icon size Headline visibility: switch the headline on or off Headline text Headline HTML tag Headline URL to make the headline a link Shadow under or above the bar for a chic 3D effect Link target of all links to open a contact link in the same window or in a new window Show contact data on small displays instead of showing icons only any further style you wish by using the filter hook speed-contact-bar-style Do you miss some options? We will add it! Please write your request in the plugin’s support forum at wordpress.org. We will try to take a look and answer as soon as possible. See Other Notes for examples using hooks. Available Languages The user interface is available in English German (Deutsch) Polish (Polski), kindly drawn up by Marcin Mikolajczyk Further translations are welcome. If you want to give in your translation please leave a notice in the plugin’s support forum. Add and re-order list entries by using hooks Repeatedly users ask for special things to be included in the contact bar. Of course, if you know how to code with PHP, HTML and CSS you can change the plugin’s code and insert whatever you want. But changing the plugin’s code is not a good idea. Every upgrade of the plugin will delete your inserted code. Luckily there is a solution: hooks offered by this plugin. You can change the content and design of the contact bar with your own functions. And you can be sure that they will not be overwritten by future plugin’s upgrade when you place your function in the functions.php of your theme or in a self-written plugin. Use the hooks: speed_contact_bar_data for altering the personal contact informations list speed_contact_bar_icons for altering the social media icons list speed_contact_bar_style for altering the style of the contact bar You can place the code in your functions.php of your theme or in your own plugin. Lets look at the following examples. Add an item to the personal contact information list 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. At 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' ); Add an item to the icon list 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' ); Add style sheets for the search box The following function appends some Cascading Style Sheets code for the search form inserted by the previous function. At 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' );