The icons can be inserted as HTML in widgets.
For e-mail, try something like this: <a href="mailto:YOUR E-MAIL HERE"><i class="fa fa-envelope-o"></i></a>
For phone number: <a href="tel:###-###-####"><i class="fa fa-phone"></i></a>
You can choose the icons from GP’s built in FontAwesome library here: http://fontawesome.io/icons/
I am missing something. Probably something simple. Do I need to create the fa class or install fontawesome somewhere? I pasted your code into a “Custom HTML” section in a footer widget, and a text section in a footer widget…and the spot where the fontawesome icon is supposed to be is blank. I am using BeaverBuilder. If I paste the code into a regular page, an envelope icon shows up briefly. And then when I publish it disappears.
So. Thanks in advance for your help. And – if FontAwesome is quirky- is there another way to put icons into the contact widget? Thanks! Laura