The Agency Call Button widget provides a quick way for users to directly contact an agency by phone. It is displayed as a clickable button that either shows the agency's phone number or simply a call-to-action label, depending on configuration. Use this widget to improve accessibility and encourage instant communication.
How to Add the "Agency Call Button" Widget
- In the Elementor editor, search for Agency Call Button in the widget panel.
- Drag and drop the widget into the desired section of the Agency Profile Page.
- The button will automatically display the phone number saved in the agency's profile settings.
Configuration Options
Content Tab
- Label: Customize the text displayed on the button (e.g., "Call Now", "Contact Agency").
- Show Number as Text: Toggle ON to display the actual phone number alongside the label. If disabled, only the button label will be shown.
- Button Icon: Choose an icon to display next to the button label (e.g., phone, handset, etc.).
Style Tab
- Position: Adjust alignment (left, center, right, justified).
- Typography: Customize font family, size, weight, and style for the button text.
- Text Shadow: Apply shadow effects for emphasis.
- Text Color: Define the text color for normal and hover states.
- Background Type/Color: Set the background color or gradient for the button.
- Border Type: Choose border style (solid, dashed, dotted, none).
- Border Radius: Add rounded corners to the button.
- Box Shadow: Apply shadow to make the button stand out.
- Padding: Define internal spacing for better button sizing and readability.
Best Practices
- Use clear and action-oriented labels such as "Call Now" to encourage interaction.
- If targeting mobile users, enable Show Number as Text to make the number easily recognizable.
- Ensure button colors contrast well with the page background for accessibility.
- Keep the design consistent with other CTA buttons on your website.
Notes
- The phone number displayed by this widget is pulled directly from the agency's profile settings. Make sure the agency's contact details are updated in the backend.
- On desktop, clicking the button may trigger applications like Skype or FaceTime; on mobile, it will directly initiate a call.
Comments
0 comments
Article is closed for comments.