Embed a Search Widget on your Site

To embed a search widget on your site:

Access your Ylopo widgets' code by typing in your search domain name and adding "/widgets" at the end of the URL. 

Copy the set of codes that are located in the “Script Configuration” section.

Open up your SquareSpace site. 

Click on the arrow on the top left of your webpage to access the navigation pane.

Then click on Settings

Then click on Advanced

Afterwards, click on Code Injection.

Paste the copied code into the Footer Section.

Go back to your Ylopo widget site.

Copy the set of codes that are located in the “Autocomplete Configuration” section.

Go to your SquareSpace branded site and return to the home page by clicking on the return arrow twice. 

Click on Pages

Click on Home

Click on Edit

Click on Add a Box

Choose Code option

Erase the example code.

Paste the copied code.

Drag and move the widget to the desired location on the page.

Apply & Save changes.

Refresh the page to show changes. 

Go back to your Ylopo widget site.

Scroll to the “Gallery Configuration” section of the widget page and click Edit Search. 

Search for  the specific listings location that you want to display on your site. 

Add any other desired filters. (I.e. beds, baths, etc.)

Add a value for Listing Display Limit (Recommendation of 6-9 listings).

Click See Listings. 

Copy the code that is populated. 

Go to Squarespace Site. 

Click on Add a Box. 

Choose Code option. 

Erase the example code.

Paste the copied code.

Drag and move the widget to the desired location on the page.

Apply & Save changes.

Refresh the page to show changes. 

 

Still need help? Contact Us