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

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> 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:

    [php]
    [popup]<h1>JOIN FOR DISCOUNTS…</h1>[optin-form][/popup]
    <h1>35% OFF ALL LOTS!</h1>
    <hr>
    [/php]

  • Under the ‘Page Tracking Code‘ section enter in:

    [php]
    <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>
    [/php]

  • 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> 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:

    [php]
    [popup-link]<h2>[property-headline]</h2>[property-featured-image]<div class="abutton">VIEW DEAL</div>[/popup-link]
    [/php]

  • 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…

Videos

ID-logo-10
g7rpzaRRsMI

Related Training Modules