Plugin Details
Home / Plug-in market / Contact Us Module
Contact Us Module
Contact Us Module
Overview
Contact Us is a plugin that adds a contact information display module to the admin "Design → Decoration" builder. It presents multiple contact methods such as phone, email, Skype, and business hours in a banner format with a background image and overlay. Perfect for homepage footers, dedicated contact pages, or any area where you need to display contact information – making it easy for customers to reach you.
Key Features
🖼️ Visual Banner Design
| Feature | Description |
|---|---|
| Background image | Separate background images for PC and mobile – adapts to different devices |
| Overlay effect | Adjustable black overlay opacity (0–100%) to ensure text readability |
| Theme colors | Custom background color and theme color (text, icons, divider lines) |
| Module width | Narrow (container) / Wide (container-fluid) / Full width (w-100) |
📞 Contact Method Management
| Feature | Description |
|---|---|
| Drag & drop sorting | Contact list supports drag-and-drop reordering |
| Built-in icons | 12 preset common icons (phone, mobile, email, Skype, business hours, address, WhatsApp, WeChat, live chat, website, Telegram, Facebook) |
| Custom icons | Upload custom icons (recommended 48×48px) – overrides built-in icon |
| Title & content | Multi-language title and rich text content for each contact method |
🎨 Rich Configuration Options
| Option | Description |
|---|---|
| Title | Multi-language support – main module title |
| Short description | Rich text description with formatting support |
| Desktop background image | Recommended size: 2400×656px |
| Mobile background image | Recommended size: 1242×1138px |
| Overlay opacity | Adjustable from 0–100% |
| Icon size | Adjustable from 14px to 80px |
| Background color | Custom module background color (used when no background image) |
| Theme color | Custom text, icon, and divider line colors |
Technical Features
-
✅ Separate backgrounds for desktop & mobile : Different background images for PC and mobile – perfect device adaptation
-
✅ Responsive grid layout : Equal-width columns on PC based on contact count, automatically switches to 2 columns on mobile (1 column on extra narrow screens)
-
✅ Smart dividers : Vertical dividers on PC, automatically switches to horizontal dividers on mobile
-
✅ Built-in icon font : Independent of theme icon libraries – includes Bootstrap Icons subset to ensure icons display correctly
-
✅ Custom icon support : Upload local icons to replace built-in icons – flexible and adaptable
-
✅ Adjustable overlay opacity : Fine-tune black overlay to balance background image and text readability
-
✅ Any theme compatible : Frontend views are plugin-bundled, unaffected by theme changes
-
✅ Full design editor support : Real-time preview – WYSIWYG
Use Cases
-
Homepage footer contact section
-
Dedicated contact us page
-
Sidebar contact information display
-
Store location information showcase
-
Customer service / support center entry
Built-in Icons
| Icon Name | Key |
|---|---|
| Phone | telephone |
| Mobile | phone |
| envelope | |
| Skype | skype |
| Business hours | clock |
| Address | geo-alt |
| Live chat | chat-dots |
| Website | globe |
| Telegram | telegram |
