Embed Codes

Embed Codes

RealtyZapp is designed to be the ultimate real estate marketing place.

​We want you to be in the spotlight, not us, we are perfectly fine taking a backstage role. With that being said, we want to enable you with all of technology we can muster so that you can promote you, your business and your properties. Embed codes are just one of the many tools we provide to do just that. 

This artcle is intended for the techies out there who know a bit about HTML, CSS, etc.

First, let us say that our implementation of embed code is not the only approach by which you can get information from RealtyZapp to show up somewhere else but we believe it is a pretty good approach that works good for most cases and requires no extra javascript coding. Just paste the embed code into your website's HTML.

Our approach is to use an explicitly sized div wrapper around a iframe. Not rocket science. As you probably already know, you can achieve fixed and responsive results from this approach depending what you do with the wrapper div.

The cool stuff is the url that is the source of the iframe and this url's set of parameters. As you play with the Share tool you can get a feel for how the options are implemented as query string parameters in the url. 

From their inception, both the agent profile page and the listing page were designed to be embedded. 

Look at the first parameter, action=e where e means embed. This strips off the RealtyZapp header and footer, etc. and gives you an almost chromeless result. All of the other parameters show/hide or configure what is displayed.

Another noteworthy parameter is the live=1|0 parameter. If live=1 then the result is alive with active links etc. If live=0 then link's and clickability is disable primarily by masking the entire display with a no-click div. You are probably familiar with that approach.

Regarding links and going to other pages, when embedded, almost all links will open up a new tab and are displayed from the full RealtyZapp.com site as we assume that you don't want your visitors getting lost in other pages inside the embedded iframe.

You are probably wondering how this whole thing would work if you used your own javascript or curl to get the HTML content. Free free to do so but know that RealtyZapp is chock full of javascript, css, etc. It makes use of javascript, Bootstrap and Angular JS. You will have to deal with stripping out the good stuff from all the fluff.

    • Related Articles

    • Share

      Share and Embed your content all over the Internet With your RealtyZapp subscription, you can share and embed your profile, listings, map, and lead capture pages. RealtyZapp is a system that encourages you to share your content wherever you want and ...

    • Basics of Sharing

      Sharing is a broad topic and RealtyZapp is chock full of sharing features. Many that everyone can use and some that are special just for our registered users and subscribers. The notion of sharing something with someone or somewhere is paramount with ...

    • Sharing a Scout

      Did you know a property scout could be shared with other users or your clients? For example, let us pretend you are a real estate agent and you have a new client, John, who is looking for a property. You can go to the RealtyZapp.com Find page and ...

    • I am new, what do I do first?

      Answer First and foremost, welcome to RealtyZapp. Here are some tips for getting started based on what you are wanting to do... I am just looking for properties and/or an agent or broker to help me with my real estate needs You may want to register ...

    • Designs - Creating Templates

      You can create your own templates In Designs you can create templates. The notion of a template is something that is reusable or can be a pattern for multiple purposes i.e. Blasts, Listing Flyers, Share and Embed, etc. Did you know Designs employ a ...