Description

Note: This plugin requires PHP 5.4 or higher

Beautifully display social media and contact information on your website with simple, easy-to-use widgets.

Contact Information

Display your contact information including email address, phone number, fax and physical address (including a map).

Social Media Profiles

Display your social media profiles in an attractive, intuitive way.

30 Languages Supported

English – Dansk – Deutsch – Ελληνικά – Español – Español de México – Suomi – Français – हिन्दी – Bahasa Indonesia – Italiano – 日本語 – 한국어 – मराठी – Bahasa Melayu – Norsk bokmål – Nederlands – Polski – Português do Brasil – Português – Русский – Svenska – ไทย – Tagalog – Türkçe – Українська – Tiếng Việt – 简体中文 – 香港中文版 – 繁體中文

Support

If you run into a problem, post your question in the plugin support forum and we would be happy to help. Remember, the more information you can provide up-front, the easier it is for us to verify the problem and the faster we can help!

Screenshot(s) – How-to guide
Name and version of your theme – Video tutorial
List of all active plugins on your site – Video tutorial
Steps taken or details we should know to reproduce and verify the problem

Contributing

Development of this plugin is done on GitHub. If you believe you have found a bug, or have a killer feature idea, please open a new issue there. Pull requests on existing issues are also welcome!

Screenshots

Contact widget
Social widget
Twenty Sixteen theme showing both widgets
Social widget block settings and icons
Contact widget block settings
Contact widget block rendered

Blocks

This plugin provides 2 blocks.

contact-widgets/social-block: Social Profiles
contact-widgets/contact-block: Contact Details

FAQ

How do I add additional fields to the Contact Information widget?

Adding additional fields to the Contact Information widget is as simple as adding a WordPress filter.

Here is an example:

add_filter( 'wpcw_widget_contact_custom_fields', function ( $fields, $instance ) {

  $fields['cellphone'] = [
    'order'       => 2,
    'label'       => __( 'Cellphone:', 'YOURTEXTDOMAIN' ),
    'type'        => 'text',
    'description' => __( 'A cellphone number that website visitors can call if they have questions.', 'YOURTEXTDOMAIN' ),
  ];

  return $fields;

}, 10, 2 );

How do I add additional fields to the Social Media Profiles widget?

The Social Media Profiles widget requires a different set of options but follows the same principle as above.

Here is an example:

add_filter( 'wpcw_widget_social_custom_fields', function ( $fields, $instance ) {

  $fields['scribd'] = [
    'icon'      => 'scribd', // See font-awesome icon slug
    'label'     => __( 'Scribd', 'YOURTEXTDOMAIN' ),
    'default'   => 'https://www.scribd.com/username',
    'select'    => 'username',
    'sanitizer' => 'esc_url_raw',
    'escaper'   => 'esc_url',
    'social'    => true,
    'target'    => '_blank',
  ];

  return $fields;

}, 10, 2 );

If using Font Awesome v5, ‘solid’ & ‘regular’ icons require a ‘prefix’ value when defining the custom icon. If excluded, the default prefix added to icons is ‘fab’, for the Font Awesome brand icons. If you are adding an icon that is not a brand icon, you will need to add a prefix. For example, if you wanted to add a graduation cap icon you would need to add 'prefix' => 'fas' to the attributes array.

Here is an example of adding a ‘fas’ (Solid) icon to the social profiles.

add_filter( 'wpcw_widget_social_custom_fields', function ( $fields, $instance ) {

  $fields['lattes'] = [
    'icon'      => 'graduation-cap', // See font-awesome icon slug
    'prefix'    => 'fas', // See font-awesome icon prefix
    'label'     => __( 'Service Name', 'YOURTEXTDOMAIN' ),
    'default'   => 'https://example.com/username',
    'select'    => 'username',
    'sanitizer' => 'esc_url_raw',
    'escaper'   => 'esc_url',
    'social'    => true,
    'target'    => '_blank',
  ];

  return $fields;

}, 10, 2 );

Where are the Font Awesome files served from?

Out of the box the Font Awesome files are bundled in Contact Widgets and served locally. However, we have included a filter to allow Font Awesome files to be loaded from MaxCDN.

To force the plugin to load the files from MaxCDN you can return a true value in the filter wpcw_social_icons_use_cdn.

add_filter( 'wpcw_social_icons_use_cdn', '__return_true' );

Reviews

bulletrainy April 29, 2020

This plugin is very user friendly and fast. Thanks!

mjcs0 October 31, 2019

I installed this plugin as part of a very very basic 2 page wordpress site. I installed WordPress through Godaddy C-panel app install and picked one of the 7 default themes. This plugin came with it. I configured the site and then tested the contact form. It goes nowhere. I googled and googled and checked and re-checked settings. Could not find any settings for this plugin. No documentation about how to troubleshoot this. I downloaded a plugin called check email to test whether the site could send e-mail. It passed. I tried filling in 3 different e-mail accounts. 2 Office365 and 1 gmail. It showed up nowhere. I installed a mail test plugin. It was able to send me a test. The form still doesn't work. I tried installing a 3rd party smtp plugin. I twas able to send me a test. Contact form still doesn't work. Have been on 90 minute chat session with godaddy support. Form still doesn't work. They claim that they ran a script test and it works. The contact form still doesn't work. They seem to have no ideas about how to troubleshoot it. My frsutration is the lack of functioning and the lack of any useful info for troubleshooting or settings or anything. I can see if I was doing massive customizing but I'm not. I simply installed WordPress using Godaddy isntallers, picked one of the default themes and ended up with this contact form that is of no use to me. Also, this whole experience has devalued my opinion of Godaddy support.

iedimee March 24, 2019

This contact widgets was really helpful in my last projects. Thank you for your hard work and such a great tool.

شهرآهن March 12, 2019

very helpful for every wp site

piiather March 1, 2019

Plugin is really user friendly and simple in use, but at the same time so helpful in daily website usage.

flabarese January 31, 2019

This is really nice widget very helpful for every wp site.

Read all 14 reviews

Contributors & Developers

“Contact Widgets” is open source software. The following people have contributed to this plugin.

“Contact Widgets” has been translated into 13 locales. Thank you to the translators for their contributions.

Translate “Contact Widgets” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.7.0 – February 20th, 2018

Fix: WordPress 5.3 compatibility fixes. (Replaced $ in favor of jQuery)
Tweak: Removed all references of PHP array shorthand syntax. (Replaced [] in favor of array())

1.6.2 – February 20th, 2018

Tweak: Adjust the contact block dependencies.

1.6.1 – December 9th, 2018

Tweak: URI Encode the contact map address.

Props @EvanHerman

1.6.0 – December 6th, 2018

New: Introduce Contact Details block.
New: Introduce Social Profiles block.

Props @EvanHerman

1.5.2 – June 18, 2018

New: Introduce filter wpcw_social_icons_fontawesome_5 (default: false) to use Font Awesome 5 in Contact Widgets.
New: Introduce filter wpcw_social_icons_use_cdn (default: false) to load Font Awesome v4.7.0 files from MaxCDN.
New: Introduce filter wpcw_social_icons_cdn_url to alter the default Font Awesome CDN URL.
Tweak: Revert back to Font Awesome 4.7.0 with the option to force load Font Awesome v5.0.13 via filter (see above).

Props @EvanHerman

1.5.1 – June 14, 2018

Tweak: Added a Font Awesome 5 config file with showMissingIcons set to false, to prevent conflicts with plugins and themes using Font Awesome v4.
Tweak: Filter the social profile fields array before localizing into admin.js, fixing custom social profile icons.

Props @EvanHerman