Help Center Contact
Figma Component: 23347-187646
Contact options section displaying support availability, contact methods (email, WhatsApp, phone), and office visit information. Includes title, description text, and multiple call-to-action buttons.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display remote contact section | Shows section title, office hours text, and three contact buttons (email, WhatsApp, phone). |
| system | Display office visit section | Shows section title, availability text, and location button with address. |
| system | Display contact buttons with icons | Each button has icon (email, WhatsApp, phone, location) and label text. Buttons have outlined style with border. |
| editor | Configure section titles | Set title for remote contact section and title for office visit section. |
| editor | Configure contact information | Set office hours, support availability text, email address, WhatsApp number, phone number, and physical address. |
| editor | Configure button links | Set mailto link for email, WhatsApp URL, phone tel link, and Google Maps link for location. |
| user | Contact support remotely | Clicks email, WhatsApp, or phone button to initiate contact via preferred method. |
| user | Visit office | Clicks location button to view address on map and plan visit during office hours. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |