The Section Address widget displays the property's location details, including street address, postal code, city, state, country, and area. It is useful for giving visitors a clear and structured overview of where the property is located.
How to Add the "Section Address" Widget
- Open your Property Detail Page template in Elementor.
- From the Elementor sidebar, drag the Section Address widget into your layout.
- The widget will automatically pull in the address data from the property details.
Configuration Options
Content Tab
- Section Header: Enable or disable the display of the section header.
- Section Title: Enter a custom title for the section (default is "Address").
- Data Columns: Choose how the address details are displayed (1 Column, 2 Columns, or 3 Columns).
- Line Height: Adjust the spacing between lines of text.
- Address Data: Select which property fields to display:
- Property Address
- Property Country
- Property State
- Property City
- Property Area
- Property Zip/Postal Code
- Titles: Customize the labels for each field (e.g., change "Zip/Postal Code" to "ZIP").
Style Tab
- Section Style:
- Background type (solid color, gradient, or image).
- Border type, color, radius, and padding for the section box.
- Section Title: Customize the color and typography of the title.
- Meta Titles: Set the styling for labels (e.g., "Address", "City").
- Meta Values: Control the typography and color of the actual values (e.g., "Chicago").
- Border: Configure borders between address elements (type and color).
Best Practices
- Keep the number of columns consistent with your page layout for readability.
- If your site is multi-lingual, customize the field titles to match the chosen language.
- Ensure address fields are correctly filled in for each property in the backend, otherwise the widget will display empty rows.
- Use contrasting colors for titles and values to improve legibility.
Notes
- The widget automatically pulls data from the property listing, so accuracy depends on correctly entered information in the property backend.
- Hiding unused fields is recommended to keep the layout clean.
Comments
0 comments
Article is closed for comments.