Install Buying Buddy on IMAGEPRO

Get Your Plugin Code:

1. In your Buying Buddy dashboard go to Menu Widgets > Installation and Setup
2. Select your website and ensure it's set as an IMAGEPRO site on the "Get Ready" tab
3. Go to the "Add Plugin" tab and copy the JavaScript code

Stay logged in and keep this page open in a browser tab while you now go to your IMAGEPRO admin area.

You need to create 2 key pages for your Buying Buddy account:

• Results Page (which will show the "Results" widget)
• Property Details Page (which will show the "Property Details" widget)

Plus, you will also need to add a Search Form widget on any other page for testing.

Create Search Page and Add to Menu:

1. Open a new browser tab and login to your IMAGEPRO dashboard
2. In IMAGEPRO control panel, click "Menu" at the top and go to "Manage Custom Pages"
   
3. Create your new Custom Page:
   • Ensure "Select Page" is set as "New Custom Page"
   • Give it a title like "Home Search".
   • Click the "Source" button to paste in code
   • Paste the Buying Buddy script you copied in step 2
   • Add the search form widget code below the script:

<bb-widget data-type="SearchForm"></bb-widget>

4. Click "SAVE CHANGES"

Add Search Page to Site Menu:

1. In your IMAGEPRO dashboard, click "Menu" then "Edit MENU"
2. Drag "Custom Page" from the left list to the right list
3. Click the small EDIT button on the new item
4. Change the "Label" to "Home Search"
5. Click EDIT in the bottom panel, select the page you just created, then click "Done"
6. Click OK, then click "Save Changes"

Create Results and Details Pages:

You'll need to add custom JavaScript to these pages so results and property details are fully shown and not cut off. This is the EXPAND PANEL JavaScript code to use:

<script>
$(document).ready(function(){
    $('#colno3').css('height', 'auto');
});
</script>

Repeat this sequence twice to create your Results page and Property Details page:

1. In IMAGEPRO control panel, click "Menu" then "Manage Custom Pages"
2. Ensure "Select Page" is set as "New Custom Page"
3. Give appropriate titles like "Results" and "Details"
4. Click "Source" button and paste the Buying Buddy script (same script for all pages)
5. Add the appropriate widget code below the script

For the Results page:

<bb-widget data-type="ListingResults"></bb-widget>

For the Property Details page:

<bb-widget data-type="SearchDetails"></bb-widget>

On each page, after the widget code, also paste the EXPAND PANEL JavaScript shown above.

Get Page Links:

After saving each page, note the "Direct Links - Link #1" shown in the top section. Do NOT add these pages to the menu. However, the Link address (URL) is required for your Buying Buddy account setup.

Make a note of "Link-1" for each page (e.g., /102/9983).

Configure Foundation Page Settings:

1. In your Buying Buddy dashboard, navigate to Menu Widgets > Plugin Installation and Setup
2. Click the "Foundation Pages" tab
3. Check the page names shown and update them if needed
4. Change these to match your actual page addresses from IMAGEPRO (e.g., 102/2983 and 102/2985)

To allow visitors to share properties from your website on Facebook and other social media platforms with the correct listing photos and details, you'll need to set up a "bb" subdomain for your domain.

Next Step:

Note: Your Buying Buddy dashboard has customized instructions for your domain in the Installation and Setup section (Social Share Settings tab) of your Buying Buddy account.Widgets - Installation and Setup : Social Share tab
Menu Widgets > Plugin Installation and Settings > Social Share tab