Contact Widget

Overview

The Contact widget lets you display your contact details on any page you build with Elementor. A widget is a small building block in Elementor that adds one specific feature to your page. In this case, it adds a list of contact entries, each with its own title, icon, text, and link.

Say you're building a custom landing page for your summer trekking season. You want travelers to see your email and phone number right away, before they even scroll down. This widget puts that information where they'll notice it.

What you'll need before you start

You'll need one thing ready:

• Elementor installed and active on your WordPress site

How to add the Contact widget to a page

Contact settings

The settings appear on the left side of the Elementor editor when you click on the Contact widget. Here's what each option does.

Contact list

Each contact entry in the list has the following fields:

• Title - the name or label for the contact, like Email or Phone
• Text - the text that shows on the page, like hello@yoursite.com or +977-1-234567
• Link - a clickable link for the contact. For email, use mailto: followed by the address (like mailto:hello@yoursite.com). For phone, use tel: followed by the number (like tel:+9771234567)
• Icon - a small picture shown next to the contact. You can turn it off, upload your own image, or pick one from the Elementor icon library
• Duplicate button - makes a copy of the current contact entry, including all its settings. This saves you time when you're adding several similar contacts, like an email and a phone that share the same layout

Add item

You can repeat these steps for each contact you want to show. Most tour operators add an email and a phone number at minimum.

Contact direction

This controls whether your contact items line up across the page or stack one below the other:

• Row (Horizontal) - items appear side by side
• Column (Vertical) - items stack on top of each other

If you're placing the widget in a wide section across the top of your page, a row works well. In a narrow sidebar, a column makes more sense so the items don't get squished together.

Content direction

This controls how the icon and text sit within each contact entry:

• Row (Horizontal) - the icon and text appear side by side
• Column (Vertical) - the icon appears above the text

Most contact bars look best with the icon and text side by side. But if you're going for a clean, stacked look, the column option works too.

That covers the layout options. If your icons aren't showing up after setting everything up, the next section walks you through fixing that.

Troubleshooting missing icons

Once Font Awesome 4 support is on, your icons should appear. That's everything the Contact widget can do. Add your details, pick a layout, and your travelers will always know how to reach you.