Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

I want to add phone and email icons to my profile box. How do I do that?

Last Updated: Jul 09, 2013  |  3136 Views

Was this helpful? 1   0
A

Answer

Insert the following HTML into your profile, just replace the information in bold with your information when you copy the code into your profile.

A couple of things to keep in mind:

  • The "Contact Info" field only holds a certain number of characters…and it's not enough for this code.

    • So don't add it to that box…it will make the "Customize Profile Box" page and any page that has your profile on it look a little crazy. 
       
  • The "Chat Widget" field does have enough space for the code, but it automatically centers it, so it looks weird. If you're not using this box for a chat widget & you want to add the email/phone contact info there:
    • Use the HTML in the 2nd section in the attached file – labeled "USE THIS IF ADDING TO YOUR CHAT WIDGET BOX"
    • It will ensure the info is left justified, so it doesn't look so weird.
    • This will add your email/phone info just below your picture in your profile.
       
  • Another option is creating an "Additional Field" for your profile for this info. It can hold up to 500 characters, which is more than enough for this HTML, and you can name it whatever you want. (Use the HTML at the top of the attached document.)
    • The only caveat with this field is that it displays at the bottom of your profile box no matter what…it can't be moved.
    • Only admins can add these fields, so if you're not an admin in your system, you'll need to ask them to create it. We have more info on how to add Additional Fields here:  http://help.springshare.com/content.php?pid=99295&sid=745288

HTML:

<p><img style="float:left;margin:2px 10px 0 0;" src="http://bit.ly/1a8n8R1" /><b>Email Us:</b><br />ADD YOUR EMAIL ADDRESS HERE</p><p style="margin-bottom:-15px;"><img style="float:left;margin:2px 10px 0 0;" src="http://bit.ly/ky5zOg" /><b>Call Us:</b><br />ADD YOUR PHONE NUMBER HERE</p>

USE THIS IF ADDING TO YOUR CHAT WIDGET BOX:

<p style="text-align:left !important;"><img style="float:left;margin:2px 10px 0 0;" src="http://bit.ly/1a8n8R1" /><b>Email Us:</b><br />ADD YOUR EMAIL ADDRESS HERE</p><p style="margin-bottom:-15px;text-align:left !important;"><img style="float:left;margin:2px 10px 0 0;" src="http://bit.ly/ky5zOg" /><b>Call Us:</b><br />ADD YOUR PHONE NUMBER HERE</p>

Answered by Talia RichardsBookmark and Share

Other Answers / Comments (2)

  1. Can you use this code with a normal rich text/dynamic content box? I'd like an "Ask a librarian" sort of box with phone and email contact info, but I don't want to use the profile box for it. Is there a way to use this code that way (and insert a hyperlink to our email contact form instead of providing an email address?).
    by Scott Kaihoi on Jul 20, 2012.
  2. Scott - Zinthia here from the training team. You should be able to add the code to a rich text box. Just make sure you are adding it using the "Plain Text Editor" of that box.
    by Zinthia Briceno on Jul 20, 2012.

Need Help?

This site contains FAQs for LibGuides v1 only.

LibGuides v2 Documentation
(You must have a LibApps account to access that site.)

Or click HELP in the orange command bar of your v2 system.

Support:

Follow LibGuidesFAQ on Twitter Follow us on Twitter!
 Your questions, answered!

Browse by Popular Topics

Accounts  –  Admin Area  –  API / Widgets  –  Boxes  –  Catalog / Database Integration  –  CSS  –  Customization  –  E-Reserves  –  Embedding Objects  –  General System Questions  –  Group Management  –  Guides  –  Holiday Closures  –  How To...  –  Images  –  LibGuides CMS  –  Links  –  Mobile  –  Pages / Tabs  –  Profiles  –  RSS  –  Search  –  Security  –  Statistics  –  Subject Categories  –  Survey/Form Tool  –  System Administrators  –  Tags  –  Webinar  
View All Topics

Related content from Springshare v1 Help