Skip to main content

Configure Custom Modules for a Custom/Landing Page (Expert Mode)

Paul Polansky
Updated

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. The new upgraded sites include some great new features:

 

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.

Before you start creating custom/landing pages, it's recommended to add the individual content elements to the Library and then edit the page. This will make editing each page easier, and you won't have to sidetrack to add the content elements while building out your pages.

  

Along with the default pages included, you also have the ability to create custom pages for your website, and standalone landing pages. With these pages, you configure the main header, and then have access to many great modules that you can add to your site for the main content of the page. These modules include the ability to add sections for Rich Text, Stat Lists, Testimonials, Videos, as well as embed HTML or Iframe content, and you can add a contact form as well. You have the ability to add any number of modules to the page to customize it to your vision.

This article is focused on the custom modules, not fully how to create the entire page. There are separate articles focused on creating custom pages for your website, and standalone landing pages.

 

Access

1. Log in to https://agent.kw.com with your KW login credentials.

2. Click to access the Websites Applet, consumer_icon.png, on the left side of the page.


3. On the My Websites tab, click the Edit Agent Site button.

sites new edit agent site.png


4. At the top right of the page, click to access Expert Mode.

sites new expert mode.png
 

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.

site team switcher1.png

  


5. Select either Custom Page or Landing Page to access the modules.

site select custom or landing.png


Now that you are editing a Custom/Landing page, see the sections below to see what is possible with custom modules:

 

Download My App

1.At the bottom left of the page, click + Add Module, then click Download My App Module.

sites custom add download app.png


2. There is no configuration needed. You won't see the QR code populate on the preview, but it will populate on the published page. 

  • The QR code is dynamic, matching the version of the site you publish it on. If you publish on your KW Agent Site, it will be linked to your solo KW App. If you publish on your KW Team Site, the QR code will link to either your generic Team App or team member specific App URL, depending on if they are on your generic Team Site or team member specific Site URL.
sites custom configure download app.png


Once published, you can view your site and test the QR code. When visitors scan the QR code, it will prompt the app to download, prompt the consumer to create an account, and sync you as the agent (after they are logged in to the app).

sites custom app module live.png


Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

Rich Text

1. At the bottom left of the page, click + Add Module, then click Rich Text and select Rich Text Module.

site custom choose rich text.png


2. In the Title section, you can enter text that you want as a title for this section of content. This is optional, you have the option of leaving this blank.

site custom rich title.png


3. In the Rich Text section, enter and format the text of the text in this section. You also have the ability to insert images, a gallery of images, video, and more.

site custom rich text.gif


Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

Stat List

1. At the bottom left of the page, click + Add Module, then click Stat List and select either Stat List A or Stat List B.

  • Stat List A - this version includes larger, more bold text size. This is great for more concise formatting and content
  • Stat List B - this version includes bold numbers and space for longer descriptive words, beneath.
site custom choose stat.png


2. At the top of the module, you have the option of entering a Title and Description for this section of the page. 

site custom stat title descrip.png


3. When you are ready to start adding content, click + Add Stat, in the Stats section.

site custom stat add stat.png


4. Enter a Title for the stat, then enter the Value you want displayed.

site custom stat title and value.png


5. Below the list of stats you have added, click + Add Stat and repeat step 4 above to add up to 4 stats to this section. 

  • You can click the Collapse icon, icon sites custom stat collapse.png, at the top right of your stat list, to get a better view of the stats you have added here.
site custom stat add another stat.png


6. Once you have your stat list created, you can click and drag the stats to reorder as needed.

site custom stat reorder.png


7. Under the stat list, you have the option of adding a Call To Action button below the stats on the page. You can label this button anything you want, and there are two types of links you can link to the button:

  • Internal - type the text you want to appear on the button, then click in the Item field to select an internal page, in the Agent Website Builder, to link to.
  • External - type the text you want to appear on the button, then enter the full web address of the page you want to link to in the URL field.
site custom stats call to action.gif

 

Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

Testimonial List

1. At the bottom left of the page, click + Add Module, then click Testimonial List and select Testimonial Carousel.

site custom choose testimonial.png


2. Next, enter a Title and Description for this section. The Description is like a subtitle for the section, displaying under the Title.

site custom test title and descrip.png


3. Next, choose how you want the testimonials to populate. There are two options: Dynamic or Basic:

site custom test dynamic or basic.png

 

Dynamic - this will have any new testimonials that you publish automatically display, depending on the filters you have set in this section.

  • When a client adds a testimonial on your site, it will be saved as draft until you publish.

3A. When you select Dynamic, choose how you want sort testimonials, the max number to display, and set any filters for testimonials to not show.

consumer site edit home ft dynamic settings.png


3B. Finally, add the testimonials you want to display.

  • Here, you can add a new testimonial, or select a testimonial that you have added or that a client has added through your site.
site custom test dynamic add.gif


Basic - this puts you in full control of adding, removing, and ordering testimonials on your site.

consumer site edit home ft basic.png


Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

Video

1. At the bottom left of the page, click + Add Module, then click Video and select Video Module.

site custom choose video.png


2. Click in the Video field to select the video you want to add to the page. From here, you can select a video you have already added to the content library, or use the create option to add and label a YouTube or Vimeo video using the video URL.

site custom video add video.gif


3. Next, you can add a Title and Description that will appear above the video. These will auto-populate based on what you entered when adding the video, though you can edit this here.

  • You can also use the corresponding toggle buttons to hide the Title or hide the Description.
site custom video title and description.png

 

Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

Contact Form

The Form module is used when you want to add the standard contact form to the custom/landing page. The form isn't customizable, but will include information from your KW Marketing Profile and space for the visitor to enter their contact information:

1. At the bottom left of the page, click + Add Module, then click Additional Modules and select Form.

site custom choose form.png


2. Next, click in the Shared field and select Contact Me.

site custom add form.gif
 

You have the ability to edit the header text for the contact form, but that will change the text for the header on every contact form on your site. To learn how to edit the header text for your site's contact forms, click here.

consumer site edit contact.png

  

 

Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

HTML Embed (Custom or Mortgage Calculator)

One module that provides a ton of flexibility is the HTML Embed module. This allows you to take HTML from an outside source and add it to a custom/landing page.

  • Keep in mind, HTML is static and won't change until you edit it. If there is a more dynamic element you want to add to your site, see the iFrame section below.
  • If there are images in the HTML you are adding, ensure that the images are hosted online somewhere and that the image link in the HTML is pulling from that cloud storage.

1. At the bottom left of the page, click + Add Module, then click Additional Modules and select HTML Embed.

site custom choose html.png


2. If you want to use the out-of-the box Mortgage Calculator (made by www.mortgagecalculator.org), click in the Shared field and select HTML Mortgage Calculator.

site custom html mortgage.gif


3. If you want to add custom HTML, click in the Shared field and select Create New.

  • This will have you give the HTML content an Internal Name and then you can paste the HTML in the space provided.
  • Publish the HTML content, at the top right of the page, then you can select it in the module.
site custom html.gif

 

Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

Home Value Search Component

A module that offers a great lead capture opportunity is the Home Value Search Component module. Here, site visitors can enter their home address, along with lead capture information, to pull a home value estimate. You will get lead information, along with the address of their home and value estimate information, in Command Contacts (as well as notifications to let you know).


1. At the bottom left of the page, click + Add Module, then click Additional Modules and select Home Value Search Component.

site custom choose home value.png


2. At the top of the module, you have the option of entering a Title and Description for this section of the page. 

site custom home value title and description.png

 

Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

Iframe Embed

Another great module that provides a ton of flexibility is the Iframe module. This allows you to enter a web address and add that page to a custom/landing page. That iframe section will then automatically update with any changes made to that page in the future.

  • Be careful with iframe on a custom page. If the iframe page has a header, it will appear on your custom page, along with the header from your KW Agent Site. That could lead to visitors being taken out of your website experience.


1. At the bottom left of the page, click + Add Module, then click Additional Modules and select HTML Embed.

site custom choose iframe.png


2. If you want to add custom a custom iframe, click in the Shared field and select Create New.

  • This will have you give the iframe content an Internal Name and then you will paste the full URL of the page you want to iframe, in the URL field.
  • If you need to make adjustments to the sizing, you can use the iframe Height and iframe Width fields to do this.
    • To adjust iframe Height, enter the pixel height you want displayed.
    • To adjust iframe Width, enter the percentage of the container you want covered by the content (100% is the default).
  • Publish the iframe content, at the top right of the page, then you can select it in the module.
site custom iFrame.gif

 

Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

My Preferred Vendors

The My Preferred Vendors module allows you to showcase Preferred Vendors on this page, along with their contact information. This also includes a good lead capture opportunity for site visitors who want to learn more about these vendors.


1. At the bottom left of the page, click + Add Module, then click Additional Modules and select My Preferred Vendors.

site custom choose vendors.png


2. Add vendors to the vendor platform, using the list at the top of the section, then enter a Title & Description. The vendors will display once added, without you having to publish every time.

  • You must have an agent role for vendors to appear. If you have no vendors added, this section still appear, with a link to a contact form.
site custom vendors title and description.png
 

If you don't add vendors, and choose to keep the module displayed on the page, you can click the No Vendors tab, then enter a Title and Description for the section, which will also include a contact form button.

site custom vendor no vendors.png

  

 

Once you are ready, you can save this, add more custom modules, or you can publish as is.

 

Related articles