1. STEP 1 – CREATE THE CORRECT INFRASTRUCTURE
For the website to run correctly, we recommend using a light theme. If you are committed to the theme you always use, just remember that the theme is just a necessity from a WordPress dev perspective, but it does not necessarily create the infrastructure you will need to build a real estate website. All elements, including the header and footer, are created in Elementor, hence there is no need to use a complex theme.
2. STEP 2 – BUILD OUT YOUR PAGES AND MENUS.
As with any website, you will have to build out the content first. Build and design your pages in Elementor and leave spaces for your listings display. We will be implementing a listing grid in places where you want to display the listing preview cards. You can refer to other parts of our blog to learn how to build Elementor pages and complete a real estate website in Elementor.
3. STEP 3 – BUILDING OUT PROPERTY AND AGENT POST TYPES
Go to JetEngine> Post Types > Add New
- First, you will create a Property Post Type.
- Under the Property Post Type you will add all of the property meta fields like Price, SF, Rooms, and Bedrooms. This has to include each field that you want to feature inside of each listing. Expand the screenshot below to see all of the fields we have included. The meta field must be assigned the proper Field Type. You will have many options, but remember, if you want that field to have a slider in the filter, you will have to use a number field.
- For your Photo Gallery, we have included a screenshot – you want to select “Gallery” and for Value Format “Media URL”. The majority of your other fields will be text fields (like City, address, etc.).
- Do not include fields that you want to use as taxonomies (These may include the following listing status: active, sold; state or country, listing type: single family, condo, etc.). In the next step, we will create taxonomies.
