How to Change (at) to @ in the Footer of your Predesigned Site

By on October 05, 2011

We’ve been asked several times how to change the “(at)” in your footer to an @ and make your email address clickable. Here’s the rundown for those that want to do it.

1. Navigate to the widgets section of your dashboard (underneath appearance)

2. Find the “Footer” area within the widget areas on the right and expand it

3. Remove the “Contact Info” widget with a generic text widget. Click the “contact info” widget and drag it to the center of the screen. Click the generic “text” widget in the center module of the available widgets into the same location that the “contact info” widget used to reside in.

4. Place all your contact information inside the text widget in the following format (this is example code from the text widget in Kurt Maier’s footer):

<ul>
<li>Kurt Maier, Realtor</li>
<li>11155 East Ocean Air Drive</li>
<li>San Diego, CA 92130</li>
<li>CA DRE #: 01872851</li>
<li>P: 858.692.3704</li>
<li>E:  <a href="mailto:Kurt@kurtmaier.com">Kurt@kurtmaier.com</a></li>
</ul>

5. Click “Save”

Hope this helps!

Category: Predesigned How Tos

2 Comments on “How to Change (at) to @ in the Footer of your Predesigned Site”

Evan Johnson October 6th, 2011 2:46 pm
Drew, you guys are the experts here and chose the non
clickable display of the email address.
I assume this is for spam purposes.
If this is the case, how bad do you feel the negative impact will
be? I always had the opinion of making
it as easy as possible for prospective clients to reach me and for the past 10
years, have had my email address in and clickable. Any thoughts?
Drew Meyers October 6th, 2011 6:25 pm
Was done for spam prevention, and it’s a design issue. With the at in there, it looks cleaner to the eye.

We think if someone wants to email you, they will email you. They aren’t going to not email you just because they can’t click the email address.