Contact Form 7 – Social Media Icons

Check the Use HTML content type option and try adding:

<a target="_blank" href="https://facebook.com/facebook-username"><img title="Follow on Facebook" alt="Follow on Facebook" src="/wp-content/uploads/path/to/icon-facebook.png"></a>
<a target="_blank" href="https://twitter.com/twitter-username"><img title="Follow on Twitter" alt="Follow on Twitter" src="/wp-content/uploads/path/to/icon-tweet.png"></a>
<a target="_blank" href="https://plus.google.com/Google+-username"><img title="Follow on Google+" alt="Follow on Google+" src="/wp-content/uploads/path/to/icon-gplus.png"></a></li>

Though keep in mind that some mail clients block images in email.

Thanks barnez, but is your code meant to be used when a person receives an email confirmation?

If so, I’m sorry if I wasn’t clear…what I wanted is for the social media icons to appear right underneath the confirmation message (“Thank you for your message. It has been sent.”) after the submit button has been pressed. Hope that makes sense.

Ah, yes I misread your original post. Well, anything is possible, but that would require some custom coding as there is no default option for this in the plugin documentation.

The css class for the conformation message is .wpcf7-mail-sent-ok, so you would need to play around with Chrome’s Inspector or Firebug for Firefox and explore how you can go about inserting the icons and their links into that field, and then style them.

If this is beyond your skills base or range of skills you’d like to develop then you could always post a custom coding request on https://jobs.wordpress.net/ or https://www.upwork.com/

Thanks for the info.