---
title: Contact Box
description: "Show your contact details in a clean, stylish box layout. Highlight phone, email, address, and social links with icons, custom colors, and modern design controls to make communication easy and eye-catching. ## How to Use Contact Box Widget of Easy…"
url: "https://wpeasyelements.com/docs/contact-box/"
updated: "2025-11-25"
category: General Widgets
---

# Contact Box

Show your contact details in a clean, stylish box layout. Highlight phone, email, address, and social links with icons, custom colors, and modern design controls to make communication easy and eye-catching.

## How to Use Contact Box Widget of Easy Elements

### Step 1:

#### Add Contact Box Widget:[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)

Select the Contact Box widget from the left panel, then drag and drop it into your desired area on the canvas.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-161.png)

### Step 2:

#### Contact Box Settings:

1. **Info Type Select**
2. **Icon Enable / Disable**
3. **Box Label**
4. **Box Label Position**: top/bottom
5. **Info Type by Content Field**: email, phone, textarea etc.
6. **Full Box Clickable Enable / Disable**
7. **Box Content Direction**
8. **Box Content Alignment**

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-162.png)

### Step 3:

#### Customize Contact Box Style:

Easily customize your widgets appearance including Contact Box item, icon, label, information — all from the Style and Advance panel.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-163.png)