Help Center Contact
Figma Component: 23347-187646
Last modified with commit 062d974 on
by Sara Deric.
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 |  |