The Agency Contact widget allows you to display detailed contact information for a real estate agency, including address, phone numbers, email, website, and social media links. It ensures potential clients can easily reach out to the agency directly from the profile page. Use this widget whenever you need to provide comprehensive agency contact details in a professional and accessible layout.
How to Add the "Agency Contact" Widget
- Open the Agency Profile Page in Elementor.
- From the Elementor panel, search for Agency Contact.
- Drag and drop the widget into the desired section of the page.
Configuration Options
Content Tab
- Show Title: Toggle the visibility of the "Contact" section title.
- Map: Enable or disable the embedded map (requires Google Maps configuration in Houzez settings).
- Address: Show or hide the agency's full address.
- Phone: Show or hide the agency's office phone number.
- Mobile: Show or hide the agency's mobile phone number.
- Fax: Display or hide the agency's fax number.
- Email: Show or hide the agency's contact email.
- Website: Show or hide the agency's website link.
- Social Links: Show or hide the agency's social media links (set in the agency's profile).
Style Tab
- Box: Customize the background color, padding, border, and radius for the contact box.
- Section Title: Style the title (color, typography, spacing).
- Address: Customize text color and typography for the address.
- Contact Info: Adjust text, labels, and icon styles for phone, email, and website.
- Social: Change the appearance of social media icons (color, hover, spacing).
Best Practices
- Always keep the email and phone numbers visible for maximum accessibility.
- Include a map if the agency has a physical office clients may visit.
- Limit the number of displayed social links to the most relevant platforms.
- Ensure that all contact details are up to date in the agency's backend profile.
Step-by-Step Example
- Drag the Agency Contact widget into your Agency Profile page.
- Enable the Map, Phone, and Email toggles for client accessibility.
- Go to the Style Tab → Box to match the background color with your site's branding.
- Under Social, adjust icon colors to fit your theme's color palette.
- Update and preview the page to verify the contact section displays correctly.
Notes
- The map requires proper configuration of Google Maps API in Houzez → Settings.
- If the agency does not have certain contact methods (e.g., fax), simply toggle them off for a cleaner layout.
Comments
0 comments
Article is closed for comments.