Installing and activating the flexmls IDX plugin will make several new widgets available for you to use in your WordPress site. The following are the areas in WordPress where you can add these widgets…

 

 

 

 

Gutenberg

After updating to WordPress 5.0, you’ve probably noticed the new page and post editor – Gutenberg.
We’ve added Gutenberg blocks for each widget in version 3.8

On the top-left of the page, click on the add block icon  and scroll down to the Flexmls section or type in the name of the widget you wish to apply…

Flexmls section – Widget Blocks…

Once you’ve selected a widget block, you will be able to edit the widget settings in the right column of the Gutenberg Page/Post editor…

When you’ve finished entering your widget options, click Publish on the top-right of the page to save changes.

Please see our Widgets page for more information on each widget option.


Classic Editor

pages-posts-wp-menuYou can include flexmls IDX widgets in your blog posts or pages by using what are called short codes.  Short codes are bracketed text that tells WordPress to display one of the flexmls IDX widgets.  We’ve tried to make inserting these short codes easy by including a short code generator in the Visual editor included in WordPress for pages and posts.  When on the Visual editor tab, you will see an icon with the flexmls logo that, when clicked, will open the short code generator.

You use the short code generator as you are writing your blog post or creating a page.  For example, if you’re writing a market analysis, you can insert a market stats graph in the post

.

  • Make sure the cursor is placed in the page where you want the graph or other widget to be inserted.
  • Click on the flexmls IDX icon;
  • Select the widget you want and complete the form for that widget; and
  • Click the Insert Widget button.

A short code will then be inserted where you had your cursor in the post or page.

An example short code looks like this:

[market_stats title="Home Price Trends" width="400" height="300" type="price" display="SoldMedianListPrice,SoldMedianSoldPrice" property_type="A"]

Now that you have the short code entered in your post, you can edit it by changing the values to what you want or you can delete the entire short code and use the short code generator to create a new one with different settings.

Sidebars

Depending on the theme of your WordPress site, you likely will have one or more sidebars available.  You can install the flexmls IDX widgets to your sidebars by:

  • Click on the Appearance menu option in WordPress; and
  • Click on the Widgets option under the Appearance menu.

appearance-widgets

You will now be on the widgets screen and you can drag and drop widgets from the left side of the screen onto one or more of your sidebars on the right side of the screen.  To help you find the flexmls widgets, they are all labeled starting with flexmls.

Some of the best widgets for use in your sidebars are:

  • IDX Search — Provides your customers an introductory search form.
  • 1-Click Location and Custom Searches — Include panels of 1-click search links in your sidebars to highlight for your visitors the popular locations (cities, zips, or map overlays you’ve created in flexmls Web) or searches (e.g., foreclosures).
  • Contact Me — This widget is a form that asks for name and email from your customer and will create an entry directly in your flexmls contact manager.
  • My Listings Slideshow — Use the slideshow widget to highlight your listings.

WPBakery

WPBakery is a WordPress third-party page builder, the flexmls IDX WordPress plugin has been compatible with WPBakery since version 3.10.

WPBakery features two page builder interfaces to edit pages and posts,  Backend and Frontend editor.

In either one of the two interfaces you will find an Add Element button, in fact, there are two of them…

 

Click on FlexMLS and select a widget to apply to the page…

 

Please see our Widgets page for more information on each widget option.

 


Elementor

Elementor is a WordPress third-party page builder, the flexmls IDX WordPress plugin has been compatible with WPBakery since version 3.10.

In your default WordPress page editor click on the Edit with Elementor button…


In the left column there are two ways to get to the flexmls IDX widgets.

 

1.) You can scroll down and click on the flexmls line…

2.) You can type flexmls into the search field at the top…

Drag and drop a flexmls widget to the Add Element box.The widget settings will appear in the left column.

Please see our Widgets page for more information on each widget option

 


Other Third Party Page Builders

If your third party page builder is not listed above, there may still be a way to add the flexmls IDX Widgets to your site.

Most page builders will offer a block or element that accepts widget shortcodes. Our plugin includes a Shortcode Generator in the Classic Editor.
If you do not have the classic editor, you could install the Classic Editor plugin to your site.
Activate the Classic Editor, generate the shortcode widget
Copy the shortcode
Deactivate the Classic editor and/or switch to your third party page builder
Find the shortcode block – it may be titled something different like  “Text” or “HTML”.
Paste the shortcode into the block or element
Save changes

Next: Details on each of the widgets and their settings.