Advance

Appearance

Installation ​

Add Advance Enquiry form to your website ​

To enable the Advance Enquiry form on your website, insert the loader script into each listing landing page. This script initiates the loading of the complete Advance Enquiry form. It is essential to use the loader script as shown below to ensure proper functionality of the enquiry form.

Where to add it ​

Add this script to EVERY listing landing page on your website. The script should be placed just before the closing </body> tag.

html
<script>
(function(w,d,P,e,o,x,s) {
	w[o]=Object.assign(w[o]||{},{init:function(method,args){var a=Array.from(arguments);return new P(function(rs,rj){w[o].q.push({rs,rj,method,args})})},q:[]});
	s=d.createElement(e);s.async=1;s.src=x;d.body.appendChild(s)
})(window, document, Promise, 'script', 'AdvanceSDK', 'https://advancecdn.stepps.com.au/scripts/dist/advance-sdk.umd.js');

AdvanceSDK.init('mount', {
    component: 'EnquiryButton',
    buttonText: 'Send Enquiry',
})
</script>

Example placement in HTML: ​

html
<!DOCTYPE html>
<html>
<head>
    <title>Your Listing Page</title>
    <!-- Your head content -->
</head>
<body>
    <!-- Your page content -->
    
    <!-- Advance Enquiry Form Script goes here -->
    <script>
    (function(w,d,P,e,o,x,s) {
        // ... script content ...
    })

    AdvanceSDK.init('mount', {
        component: 'EnquiryButton',
        buttonText: 'Send Enquiry',
    })
    </script>
</body>
</html>

This script will load the Advance Enquiry form on the page.

Read the full documentation on how to use the Enquiry Button component here.

Facebook Pixel Integration ​

Enable Facebook Pixel on your website. This will be utilised as a custom audience to target user who have visited or interacted with your website.

Where to add it ​

Add this script to ALL pages of your website. Place it in the <head> section of your HTML.

html
<script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window,document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '327561302917195'); 
    fbq('track', 'PageView');
</script>

<noscript>
<img height="1" width="1" src="https://www.facebook.com/tr?id=327561302917195&ev=PageView&noscript=1"/>
</noscript>

Example placement in HTML: ​

html
<!DOCTYPE html>
<html>
<head>
    <title>Your Website</title>
    
    <!-- Facebook Pixel Code -->
    <script>
        !function(f,b,e,v,n,t,s)
        // ... pixel code ...
    </script>
    <noscript>
        <img height="1" width="1" src="..."/>
    </noscript>
    <!-- End Facebook Pixel Code -->
    
    <!-- Your other head content -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Your page content -->
</body>
</html>