Skip to content

wpmudev/contact-widget

Repository files navigation

Contact Widget

INACTIVE NOTICE: This plugin is unsupported by WPMUDEV, we've published it here for those technical types who might want to fork and maintain it for their needs.

Translations

Translation files can be found at https://github.com/wpmudev/translations

Contact Widget is a simple yet powerful contact form for use in any widgetized area of your site.

Help your visitors get in touch with you using this quick and easy contact solution.

Contact Widget

Offers a clean and simple contact form.

Contact Widget is easy to use

Don't waste time trying to figure out complex contact forms. Simply install and activate Contact Widget and drag-and-drop the contact form onto any widgetized area of your site. Whether you're running a single blog or a Multisite installation, Contact Widget provides a simple contact form that does it all:

  • Widget title – Label your contact form with a personalized title
  • Subject, from and message labels – customize your contact form
  • Admin email – Choose which email address you would like the form to forward messages to
  • Success message – Thank your visitors for their message
  • Text after the form – Personalise your contact form
  • Custom CSS – Customize the look and feel of your contact form
  • Captcha – Enable Captcha and fight spam

Add a contact form to any widget area on your site and give your users a fast way to ask questions, make a suggestion or get more information.

Usage

To Get Started

Start by reading Installing plugins section in our comprehensive WordPress and WordPress Multisite Manual if you are new to WordPress.

Once installed go to Plugins in the network admin dashboard and Network Activate the Users Widget plugin.

To Use:

Once activated, just go to Appearance > Widgets in the admin area of your site, where you’ll now see the Contact Widget.

Contact Widget - widgets section

Simply drag the widget to an available sidebar and you’ll be presented with several settings.

Contact Widget - widget settings

You can optionally enter a Widget Title. Enter a Subject label to be used for the email. Enter a From label to be used for email address the email is sent "from". Or you can tick the 'Use generic "from" address' option, which will display a few additional options for the "from" address.

Contact Widget - from address

Options available when Enabled.

Enter a Message label for the email. Enter the text you would like to use for the Send Message button text. Optionally, you can specify an Admin email. The plugin will use the default admin email otherwise. Enter a Success message that will be displayed when the user successfully sends a message. Optionally, you can also add some content to the form by adding content to the Text after the form field. You can also add your own CSS to style the contact form by entering your code in the Custom CSS field. The plugin uses a class of wp-contact-form for the form. So for example, you could use the following CSS to display input fields in a block format:

wp-contact-form input {display: block;}

CAPTCHA options

Contact Widget provides a feature to include a CAPTCHA form utilizing Google's free reCAPTCHA service. You'll need to create a Google account to access their API in order to use this feature. A link is provided to easily set that up. Ticking the Enable CAPTCHA option will enable the use of the CAPTCHA features. Enter your Public key. Enter your Private key. Optionally, enter a link you'd like displayed for the 'Refresh CAPTCHA link'. Also option, you can enter a message you'd like displayed for the 'Refresh CAPTCHA message'. This is the message displayed when a user moves their mouse over the CAPTCHA image. Tick the Compact mode option to enable a special mode where the form fields are neatly Press the Save button to ensure your changes are saved.

User Experience

When you view your site you will now see the widget displayed in your sidebar. Here’s an example of how it could look using Twenty Twelve theme.

Contact Widget - front-end

Here's how it could look with the Compact mode enabled.

Contact Widget - compact mode