BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Contact Info List Free

How to set up and style the Contact Info List widget in Elementor.

Contact Info List shows your address, phone numbers, email, opening hours and website as a tidy list with icons. Phone numbers and email addresses become clickable links on their own, so visitors can call or write with one tap.

Part of: Bright Addons (free).

Set it up

  1. Drag the Contact Info List widget onto the page.

  2. In Contact Details, add one item per detail and pick its Type.

  3. Fill in the Label and Details. Keep Link on Automatic for phone, email and website.

  4. In Layout, choose Columns, Icon Position and how the Label shows.

  5. Switch on Lines Between Items if you like.

  6. Style the icons and text in the Style tab.

Content options

Contact Details

Option What it does
Details The list of contact items.
Type Address, Phone, Email, Opening hours, Website or Other. Sets the icon and the automatic link.
Label A short label such as Call us.
Link Automatic, My own link, or No link.
Link Address Your own link when Link is My own link.
Icon Your own icon instead of the type icon.

Layout

Option What it does
Columns One to four columns.
Icon Position Left or top.
Label Above the details, before the details, or hidden.
Lines Between Items Draws a thin line between items.
Alignment Left, center or right when the icon is on top.
Bright Addons Pro

Like this free widget? Get 80 more with Pro

Pro adds 80 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Items

    space between items, background, padding, border, radius, shadow and line color.

  • Icons

    color, background color, icon size, box size, border radius and space next to the icon.

  • Text

    label and details colors and typography, and the hover color of linked details.

Tips

  • Automatic links remove spaces and symbols from phone numbers, so +1 (555) 010 0100 still dials correctly.

  • An address is not linked automatically. Set Link to My own link and paste a map address if you want one.

  • Opening hours can use line breaks in Details, one line per day or group of days.

Questions and answers

Are phone numbers clickable?

Yes. Phone items link with tel: and email items with mailto: when Link is Automatic.

Can I link the address to a map?

Yes. Set Link to My own link and paste the map address in Link Address.

Can I hide the labels?

Yes. Set Label to Hidden in the Layout section.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides