< Back to User Guide

How To Create A Custom Property Listing Page Using The Merge Post Feature

To create a custom property listing page, that automatically displays property listings as your properties move into the ‘Complete Ready To Sell’ status you first need to create a custom blog page. Here’s how…

Step 1- Create A Custom Blog Page

  • Go to Customize Site> Custom Pages and Posts
  • Click the ‘Create Custom Page’ button
  • Under ‘Page Type’ select “Blog Page”
  • Under ‘Page Status’ select “Public”
  • Give your custom page a name under the ‘Page Title’ field
  • Under ‘Page Menu’ select “Selling Site Menu”
  • Under the ‘Page Content’ section click the ‘Source’ button so it is highlighted in a dark grey color and then enter in the following text:
    [popup]<h1>JOIN FOR DISCOUNTS...</h1>[optin-form][/popup]
    <h1>35% OFF ALL LOTS!</h1>
    <hr>
    
  • Under the ‘Page Tracking Code’ section enter in:
    <style>
    	h1{
    		text-align: center;
    		font-size: 3.2vw;
    	}
    	.listing{
    		float:left !important;
    		width: 33.3%;
    		clear: none !important;
    		padding: 0px 0px 15px !important;
    	}
    	.listing h2{
    		padding: 15px;
    		font-size: 1.2vw;
    	}
    	.page-popup-open-button{
    		color: #333 !important;
    	}
    	.page-popup-open-button:hover{
    		text-decoration: none !important;
    	}
    	.pager{
    		clear: left !important;
    	}
    	.content:after {
    		content: "";
    		display: table;
    		clear: both;
    	}
    	.listing img{
    		width: 100%;
    		height: auto;
    	}
    	.abutton{
    		margin: 0px 15px !important;
    	}
    	.listing.abutton:after {
    		content: "";
    		display: table;
    		clear: both;
    	}
    	@media only screen and (max-width: 480px) {
    		.listing{
    			width: 100%;
    		}
    		.listing h2{
    			font-size: 4vw;
    		}
    	}
    </style>
    
  • Select the ‘Selling Site Logo’ option under the ‘Logo’ option
  • Select the ‘Selling Site Banner’ under the ‘Banner’ option
  • Select ‘Yes’ under ‘Show Banner Text’
  • Enter in some text under the ‘Banner Text’ field
  • Click the blue ‘Add’ button to save the custom page.

Step 2- Create A Custom Merge Post And Attach It To Your Custom Blog Page

  • Go to Customize Site> Custom Pages and Posts
  • Click the ‘Create Custom Post’ button
  • Under ‘Post Type’ select “Merge Post”
  • Under ‘ Post Status’ select ‘Public’
  • Give your post a name under the ‘Post Title’ field
  • Under the ‘Add To Page’ option select the page that you created in Step 1
  • Under the ‘Merge List’ option select ‘Land Deals’
  • Under the ‘Record Status’ option select both ‘Open Escrow – Detailed Research’ and ‘Complete/ Ready To Sell’
  • Under the ‘Post Content’ section click the ‘Source’ button so it is highlighted in a dark grey color and
    enter in:

    [popup-link]<h2>[property-headline]</h2>[property-featured-image]<div class="abutton">VIEW DEAL</div>[/popup-link]
    
  • Click the blue ‘Add’ button to save the custom merge post

To review your new page click on the link under the ‘Page URL’ column…