Agent Call Button (Agent Profile Page)

The Agent Call Button widget allows you to display a clickable button for direct phone calls on the Agent Profile page. Visitors can quickly connect with the agent by tapping the button, which is particularly effective for mobile users since it initiates the call automatically.

How to Add the "Agent Call Button" Widget

1. Navigate to Houzez → Theme Builder → All and edit the Agent Profile page with Elementor.
2. In the Elementor panel, search for Agent Call Button.
3. Drag and drop the widget into the desired section of the agent profile.
4. Customize the button label, icon, and styles from the sidebar options.

Configuration Options

Content Tab

• Label – Define the text displayed on the button (default: Call).
• Show Number as Text – Toggle to display the agent's phone number as text on the button.
• Button Icon – Select the default call icon or choose a custom one.

Style Tab

• Position – Align the button left, center, right, or justified.
• Typography – Customize font size, style, weight, and spacing for the label.
• Text Shadow – Add a shadow effect to the button label.
• Text Color – Set normal and hover text colors.
• Background Type – Configure button background color or gradient.
• Color – Define hover/active background color.
• Border Type & Radius – Style button borders and adjust corner roundness.
• Box Shadow – Add shadow for better visibility.
• Padding – Set spacing inside the button.

Best Practices

• Always ensure the phone number is added in the Agent Profile settings; otherwise, the button won't function.
• Use the Show Number as Text option to make the phone number visible for users who prefer dialing manually.
• Keep the button label simple, e.g., Call Now or Call Agent.
• Use contrasting colors so the button stands out on the page.
• Position the Call Button close to other contact options (WhatsApp, Email, Contact Form) for better UX.

Notes

• On mobile devices, clicking the button will open the phone dialer app with the number prefilled.
• On desktop browsers, it may attempt to open a calling application (such as Skype or FaceTime, depending on the OS).
• If the agent has multiple phone numbers, ensure the correct number is selected in the agent profile.