Posted on 36 Comments

Contact Form 7 Widget WordPress Plugin

UPDATE: You can now use the Contact Form 7 shortcodes in text widgets. This plugin is no longer needed. If you’re looking for an easier alternative to Contact Form 7, try Formidable. If you’re using this widget for the styling, please note you can also use the Formidable shortcode in place of the Contact Form 7 shortcode.

The Contact Form 7 Widget plugin includes many widget options and must be used alongside either Formidable or Contact Form 7 plugin. We only support the widget plugin and Formidable, but not Contact Form 7. For help and support for the Contact Form 7 plugin, click here.

Installation

  1. Download Formidable or Contact Form 7 plugin.
  2. Download the Contact Form 7 Widget plugin.
  3. Activate both plugins.
  4. A new menu is now beneath the regular menu items. Copy the form shortcode at the top of the page ie [ formidable id=2] or [contact-form 1 “Contact form 1”]
  5. Go to “Widgets” in the “Appearance” menu.
  6. Find “Contact Form 7 Widget” and drag it to your sidebar.
  7. Update the settings and paste the right shortcode in the “Contact Form 7 Tag” line.

note: rounded corners do not work in Internet Explorer… Surprise!

another note: Use 6 digit hex colors for better results

Download Now

36 thoughts on “Contact Form 7 Widget WordPress Plugin

  1. thanks

    nice plugin

  2. Hi, I tried to install this plugin and works perfectly fine. just one question though, I have customized it and added my own header(image file) and when I left the “title” blank and saved it, the word “contact us” still appears as the title. Hope you can help where i can remove this?

    THanks in advance.

    1. You can change line 7 to
      $title = apply_filters(‘widget_title’, empty($instance[‘title’]) ? ” : $instance[‘title’]);

      (Just remove the phrase ‘Contact us’)

  3. Hi Steph,

    Where did all you ‘bright’ people come from? I am on such a steep learning curve and am eternally grateful to people like you who have been there before me and can help. Thank you for your widget that helps one to put the Contact Form 7 into the sidebar.

    Kind regards,
    Tuan

  4. Hello,
    thank for the plugin, it works great and it used automatically the WPCF configs.
    Thanks
    G.

  5. i just installed it on my site and its working great. thanks for the wonderful plugin.

  6. Great widget! Just looking to find out how to reduce/get rid of spam comments or have some sort of captcha mechanism to control for people submitting comments to us. Thank you!

    Trent

  7. If your question is regarding the Contact Form 7 plugin, please ask your question at
    http://contactform7.com/support/

    If you are using this widget with Formidable, you can find instructions for enabling spam protection at
    http://formidablepro.com/add-spam-protection/

  8. Does anyone know how to give the text fields a fixed width? The reason i ask is because u contact form widget it bigger than my sidebar and i would like to make it fit. where would i change this?

    thanks

  9. Hi Steph,

    The CF7 widget does not display the ReCAPTCHA that is displayed when I place the same comment form directly on a page. Is there a workaround?

    Thanks!

  10. Hi, How do I colour it!

    #cc3333; does not work

    red does not work

    #cc3333 does not work

    cc3333 does not work

    im wondering – is it my template over-riding or what?

    a few instructions wouldn’t go amiss

  11. Hi Steph,
    Wondering if you can help?
    I need to reduce the width of the text boxes on the widget as they are over running the side of the page

  12. I can not get the form to change colors and like Stuart above I have tried all combos. Also With Dan Allen – if you have an answer for changing the text box widths that would be great! Had to increase my sidebar width for a temporary fix.
    Thanks!

  13. nice form.. thanks a lot.. brilliant! 😀 cheers!

  14. Hello,
    Yes these guys are right, The BG color for buttons doesn’t work, + the width of the form goes over the width of the side bar, somebody figured it out?

  15. I fixed it by following ….

    File Name: contact-form-7-widget/contact-form-7-widget.php

    This Line:

    $widget_id = ‘widget-‘ . $this->id_base . ‘-‘ . $this->number;

    Change To:

    $widget_id = $this->id_base . ‘-‘ . $this->number;

    Worked 🙂

  16. I’m currently using the contact form 7 widget plugin on all my site pages and would now like to start tracking goals in G analytics by measuring traffic to thank you pages from these filled in contact pages- is there a best practice to set this up?

  17. http://www.lifecall.com/

    Can you help me with the styling on this form? None of the styling
    options work, as you can see …

    Many thanks,
    Marcia

  18. The “Thank You” prompt is not working on the widget in my footer. The “Error” prompts are working just fine, however. Both prompts are working for the contact form that is in a normal page and not included in the sidebar_footer, which leads me to believe it’s an issue with the widget. If you could help me sort this out I would appreciate it!

  19. Hi Steph,..
    its really excellent nd great work done by you….
    i faced a problem that as i installed it in my theme all its text boxes disappeared…plz help…
    thanks alot for your wonderful plugin…

  20. I downloaded the plug-in and installed it, added it to my tool bar, pasted in my contact 7 form and it displays A form (the default form, I believe) but not MY form.

    Same shortcode works fine on a regular page.

    Any ideas?

  21. This is a test site. My form is too wide and I am not getting any colors displayed correctly, the styling isn’t working – any ideas on fixing this would be so greatly appreciated!

  22. Hi, great plugin! Is there any way to track when a user submits an enquiry other than the email receipt itself ..such as Analytics? I’m trying to analyze user click through’s. Thanks.

  23. Can’t seem to get the colors to change either. I’ve tried all the combinations as well. Any help would be greatly appreciated.

    Thanks!

  24. is it possible to add a field to the widget? I’m trying to add a required phone number field.

  25. sir .. i using cf7 form plugin .. and a widgit contact form 7 widgit .The form shown in sidebar correctly but when i add a color in contact form7 widgit area then it did not work for me ?
    Please suggest me …

  26. Hello,
    Is there a way to remove the field “Subject”? I see how to add additional fields but not how to remove one.

    Thanks
    Scott

  27. This is a awesome contact-form-7-widget plugins. Thank’s to share this effective plugins.

  28. Hi,

    We’re trying to use this contact form in conjunction with an auto-reply on our email server. Problem is, it sees the return-path as coming from the website.

    Is there any way to populate the return-path for our server with the “Email” field in the form (it seems to populate the “From” line in emails ok)?

  29. thanks a lot

  30. I just installed this and I tried to get it to go live it is showing properly in the back end but not in the front end? Please help, thank you.

  31. Its Really work. But i get only ref. from this site.
    Millions of Thank You.

  32. nice plugin
    but i have a contact form 7 multi-step better

    you can refence plugin by keyword contact form 7 multi-step.

  33. Thanks for the great article
    I also have a completely plugins to add to your collection that is plugins contact form 7 multi-step
    Anyone using Contact Form 7 Multi-Step here https://wordpress.org/plugins/cf7-multi-step
    How I can hide the button BACK in the first step?

  34. Tried and succeeded in breaking my multi-field contact form into 3-4 steps https://wordpress.org/plugins/cf7-multi-step/

Comments are closed.