We're thrilled to be bringing you the most powerful release of Agent Sites to date. The reimagined Agent Sites are packed with innovative features built to perform above and beyond the platform you already know, so you can streamline your workflow and boost productivity.
|
Before you start customizing your new KW Agent Site, you first need to ensure you Upgrade to the New Agent Site Experience. Once you upgrade, you will see a new navigation in the Consumer Applet, in Command, and you will be able to follow along with this article. If you are on a team and have created your KW Team Site, team members with Enhanced or Unlimited permissions have the ability to manage their KW Team Site. |
As you start editing your site, you might need to create an entirely new top navigation. You have the ability to do this, adding direct links to internal site pages or external pages, creating drop-downs of clickable links, and generally customizing the experience.
To fully customize the navigation for your KW Agent or Team Site:
Access
1. Log in to https://agent.kw.com with your KW login credentials.
2. Click to access the Websites Applet, , on the left side of the page.
3. On the My Websites tab, click the Edit Agent Site button.
4. At the top right of the page, click to access Expert Mode.
|
If you are on a team and have created your KW Team Site, team members with Enhanced or Unlimited permissions have the ability to manage their KW Team Site. To switch to your Team Site, click your name, at the top of the page, select your team from the drop-down and follow along below. |
5. At the top of the page, click the Add Content icon (plus sign), , next to the search bar, then select Page Navigation from the drop-down.
6. Give the navigation set you are about to build an Internal Name. This is for organization purposes, so you can select it later, and will not be shown to the public.
|
As you are working on this Page Navigation set, you will need to save manually until you publish the first time. I would recommend publishing early, which will make the system auto-save all of your work. The new Navigation won't actually show on your site until you select it in Site Settings (see the last section of the article).
|
Add a Top Navigation Menu Item
This first level to set up is the top navigation menu. Here you can set up clickable links that go to site pages/external pages, or just text items that you can then build drop-downs off of (we'll cover that in the next section).
1. In the Items section, click the Add drop-down to start adding top navigation menu items, then select Simple Navigation Item:
- Don't select Social Navigation Item, it is not currently configurable. If you want to add a social link, you will be able to add a direct social link, for any social platform, using the Simple Navigation option.
2. Click in the Title drop-down and select whether you want this to be a clickable Navigation Link, or non-clickable Navigation Text.
- Navigation Text is generally the option to use if you want to build a drop-down of links for the Navigation Menu Item.
|
If you selected Navigation Text: Enter the text you want displayed (ignore Agent Card Title and Agent Card Subtitle), then skip to the next section in the article to learn how to build a navigation drop-down menu for this item. |
3. If you selected Navigation Link, enter the Navigation Link Text, which will display on the top navigation menu.
4. Click in the Link field and select the type of link you want to use for this menu item:
- Internal - this option will have you select an existing page associated with your site, such as the property search page, testimonial capture page, or any other default/custom page.
- External - this option will have you manually enter any web address you want.
5A. If you selected Internal, click in the Item field and select the site page you want to link to this menu item (ignore the Call to Action Button Text field).
- If you want to link the property search page, select "Search Results Page."
5B. If you selected External, enter the full web address of the page you want to link the navigation menu item to (ignore the Call to Action Button Text field).
- Make sure to include the "https://" of the web address.
6. In the Link settings section, click the Advanced tab, then select if you want the link to open in the Same Window/Tab or a New Window/Tab.
7. Finally, go to the top of the Navigation Item and click on the Styles tab. On this tab, there are a few options for how you want this Navigation Item to show up in general, and on other devices than a desktop:
- Should this nav item show up as a button? - by default, Navigation Items just show as a word, across the top of the site. This allows you to turn this into a dark blue button, with bold white lettering.
- Should this nav item show up on mobile? - when the screen size shrinks to the size of a phone, if you have more than 2 Navigation Items some won't have room to show. This gives you the ability to choose which items will be hidden when viewed on a phone, or similar sized screen.
- Should this nav item show up on tablets? - when the screen size shrinks to the size of a tablet, if you have more than around 4 Navigation Items, some won't have room to show. This gives you the ability to choose which items will be hidden when viewed on a tablet, or similar sized screen.
- Should this nav item be hidden from the hamburger menu? - when viewed on a smaller device, you will see a hamburger menu appear, at the top left of your homepage. This gives you flexibility to say remove all top menu items on mobile, and rely on the hamburger menu instead.
There are many different strategies to building out custom navigation, I would recommend creating all of your top level menu items, and then making sure it looks just how you want it on all device types. Then you can move on to building out any drop-downs from there.
Create a Drop-Down for a Navigation Menu Item
Now that we learned how to configure an individual Navigation Item, let's look at how to create a drop-down menu for one of these items:
1. Find and click on the Navigation Item you wan to add a drop-down to, then click the Sub-Navigation Tab. Click Add and you will see several options to choose from:
- Dynamic Org Site Sub Navigation Item - this option adds non-indented, non-clickable text to the drop-down list. To configure, add the Title you want displayed.
- Grouped Sub Navigation Item - this option starts with a non-indented and non-clickable title, which you then build an indented list of clickable links underneath, in the drop-down list. To configure, enter the Title, then add the links (internal or external) you want in the indented list below the title.
- Navigation Link - this adds a non-indented, clickable link to the drop-down list. To configure, enter the Title and then add the link (internal or external).
- Social Navigation Item - it's not recommended to use this option, as the text doesn't display correctly. If you want to link to your social profile, you can use the Navigation Link option and add the direct link.
2. If you added a good number of items to the drop-down list, you have the ability to break those into columns, to make it easy for site visitors to see everything in the list. Click the Styles tab and use the corresponding drop-down to choose how many navigation drop-down columns you would like.
Reorder the Top Menu and Drop-Down Items
Once you get all of the menu items created, you can reorder these by pulling up the list you want to reorder and then drag/drop them in the correct order:
Select the Navigation for the Live Site (Make it Live)
1. At the top left of the page, click the Menu icon, , ensure the Admin section is open, and select Organization Site.
2. Click the Navigation Provider drop-down and select Custom Org Site Navigation Provider.
3. Click in the Navigation drop-down, then select the Navigation set you just created.
4. Click Save, at the top right of the page. That will make it live on your site, you can immediately go to your site, refresh, and see the changes.