Spark Editor: Blocks - Listing

Showcase your Listings easily.

To add this block, select the Add Block button, then select Listing from the categories.

image-png-Sep-04-2023-08-12-24-3798-PMimage-png-Sep-04-2023-08-13-50-5115-PM

There are a few block styles you can choose from, we will break down each.

image-png-Sep-04-2023-08-16-14-1068-PM

Features:

  • Title/Title Look Like (h1, h2, h3, etc.)

  • IDX Shortcode

Title/Title Look Like (h1, h2, h3, etc.)

IDX Shortcode

image-png-Sep-04-2023-08-19-17-5522-PM

ShowcaseIDX

Note: If you notice a shortcode already in place, and you're using ShowcaseIDX, simply replace it with the desired hotsheet code or put [showcaseidx] to display your complete MLS feed. For example:

downloads - 2023-11-30T194548.879

AgentFire IDX

For AgentFire IDX, place the code from a saved search:

Style 2 - Listings Slider

Options:

  • Background Color

  • Title/Title Look Like (Size - h1,h2,h3, etc.)

  • Source

  • Button Label (Text) / Button Link

Background Color

Title/Title Look Like (Size - h1,h2,h3, etc.)

Source

Button Label (Text) / Button Link

image-png-Sep-04-2023-08-27-12-2121-PM

You will notice as you collapse the source, it will show the source options.

image-png-Sep-04-2023-08-33-02-3468-PM
This option will appear as you select the source. You can adjust to show listings depending on their status.

image-png-Sep-04-2023-08-34-13-8901-PM-1

Example:

image-png-Sep-04-2023-08-35-44-0348-PM

Style 3 - Custom Listing Slider

This style can work similarly as the Style 2, but it can offer a lot more. A few key differences you can add here:

  • Background

  • Custom Listing Feed Setup (multiple sources)

This block is split into 2 sections:

image-png-Sep-04-2023-08-46-51-4707-PM

Background

You can set the background to have an image, or a solid color.

image-png-Sep-04-2023-08-48-41-3823-PM

Note: If you select Image as a background, you can add additional overlays to it.

Content

For content, you can add and adjust:

  • Title

  • Listing Source

  • Listings Status/Hotsheet/Custom URL

  • Button/Button Link

image-png-Sep-04-2023-08-54-14-7605-PM

Key Info: As you collapse the Source Tab, you will notice there are multiple source options you can choose from. This includes AF Listings V3, Showcase Hotsheet, AgentFireIDX and Diverse Custom URL.

image-png-Sep-04-2023-08-55-31-0803-PM

As you change the source, you will notice the field (box) below the source will change accordingly, depending on which source is active.

This example is for AF Listings V3 as a source

image-png-Sep-04-2023-08-56-46-5000-PM

This one is for Showcase Hotsheets (custom searches which are created in the Showcase admin area):

image-png-Sep-04-2023-08-57-34-9380-PM

The Showcase Hotsheet will populate the list of Custom Searches that are created in your Showcase account.

And this one is for AgentFireIDX (custom saved searches which are created through your IDX landing page):

Content Settings

Lastly, the Settings tab allows you to adjust the Background, Title Size and Color, Text Color, and as well enable Advanced Button Styling, which will grant you more options to customize your buttons. Arrows can also be stylized by enabling Advanced Arrow Styling. (Mostly coloring options for both Buttons and Arrows)

image-png-Sep-04-2023-09-08-39-0819-PM

You can also set the background to have an image, or a solid color.

image-png-Sep-04-2023-08-48-41-3823-PM (1)

Note: If you select Image as a background, you can add additional overlays to it.


Example:

image-png-Sep-04-2023-09-05-21-1676-PM

Further Education about the Spark Editor and Spark Pages: