Your listings, on your website.

One line of code puts your team’s active listings on your own site, with search and filters. It stays up to date on its own, and every inquiry comes to you. Free, like everything else here.

Make it yours

Pick a theme, choose what it shows, and copy the code.

Theme
Adjust the colors

Preview, with sample listings

<script src="https://spacexploration.com/embed.js" data-spacexploration-team="your-code" async></script>

Add it to your site

  1. 1 On your dashboard, press Get the code beside “Show your listings on your website”. It is also in Settings, then Teams, under your team.
  2. 2 Press Copy code.
  3. 3 Paste the code into your website where the listings should appear. On Squarespace, Wix or WordPress, use a Code or Custom HTML block.

The code looks like this, with your team’s name:

<script src="https://spacexploration.com/embed.js" data-spacexploration-team="your-code" async></script>

How it works

  • It shows every active listing of everyone on your team, newest first.
  • Visitors can search by address or city, and filter by property type and by sale or lease.
  • Each listing opens its full page on SPACEXPLORATION in a new tab. Inquiries sent from there go to your email and your leads inbox.
  • New, changed and withdrawn listings show up on your site within about five minutes. You never touch the code again.
  • It sits apart from the rest of your page: your site’s styles can’t break it, and it can’t change your site.

Show only some listings

Want a page for your leases and another for your sales? Add one of these to the code on each page. Visitors can still search and use the remaining filters.

<script src="https://spacexploration.com/embed.js" data-spacexploration-team="your-code" data-listing-type="lease" async></script>
AddValues
data-listing-typesale, lease
data-property-typeindustrial, retail, office, land, multifamily

Change how it looks

The widget uses your website’s font on its own. For anything more, hand this section to whoever builds your site: it is plain CSS, added anywhere on the page.

Colors and shape

Set any of these on the widget:

spacexploration-listings {
    --sx-text: #12324a;
    --sx-border: #d6dde3;
}
VariableDefaultWhat it changes
--sx-text#1c1b17Main text
--sx-muted#6b6a63Labels, city lines and the listing count
--sx-border#e4e3dcLines and borders
--sx-bgtransparentWidget background
--sx-field-bg#fffSearch box and menu background
--sx-card-bgtransparentListing cards
--sx-pricesame as textThe price
--sx-accent#1c1b17Keyboard focus ring
--sx-radius12pxHow round the corners are
--sx-padding0Space around the widget

Parts

To restyle a piece of the widget, name its part with ::part(). Only these pieces can be styled; the rest stays as it is.

spacexploration-listings::part(price) {
    color: #c0392b;
}

spacexploration-listings::part(card) {
    background: #fff;
    border-radius: 4px;
}
PartWhat it is
rootThe whole widget
filtersThe row holding search and the menus
searchThe search box
selectThe property type and sale/lease menus
countThe "4 listings" line
listThe list of listings
cardOne listing (it is a link)
photoThe listing photo, or its placeholder
metaType, sale or lease, and cap rate
addressThe street address
placeCity and state
priceThe price
suitesSuite sizes on a lease
emptyThe message when nothing shows
creditThe line linking to your team page

FAQ

Questions about the widget

Every question, answered
Can I show my listings on my own website?

Yes, free. Paste one line of code where you want them, and your website shows your team’s active listings with search and filters. Press Get the code on your dashboard, or find it in your team’s settings. The widget guide walks through it.

Do I have to update my website when my listings change?

No. The widget reads your listings from SPACEXPLORATION each time someone opens the page. A new, changed, or withdrawn listing shows up on your site within about five minutes.

Where do inquiries from my website widget go?

To you, the same as any other inquiry. Each listing in the widget opens its page on SPACEXPLORATION in a new tab, and the message form there sends the inquiry to your email and your leads inbox.

Can I change how the widget looks?

Yes. It uses your website’s font on its own. Your web designer can set its colors and restyle parts of it, like the price or each listing, with a few lines of CSS. Your site’s other styles can’t reach it, so it won’t break. The widget guide lists everything you can change.