Embed your favorite project in your blog or website

We released a feature that enables to embed a la youtube the project of your choice into your blog or website.

To embed the project you like just go to the project page and copy the code that appears in the ‘embed’ box below the map on the right of the page. Next paste that piece of code into your blog or website and voilà, you’ll get something like this:

If you know some basic HTML you can customize the look and feel of this box.

To embed a list of projects, like the most recent projects uploaded to urbArAmA, go to the page of your choice and copy&paste the code in the ‘embed’ box on the right below the map.



You can also embed a map view of the projects, using the optional argument "view=map" to the copied embed code.


With this feature we want to help you to take your content everywhere you want. Also to helps spread the word about urbArAmA.

Getting Started

Embed a project:

<iframe frameBorder="0" src="http://www.urbarama.com/embed/project/parc-guell?color=000" width="500" height="330"><a href="http://www.urbarama.com/project/parc-guell" title="Parc Güell">Parc Güell</a><a href="http://www.urbarama.com" title="Atlas of Architecture">powered by Urbarama</a></iframe>

Embed recent projects submited at urbArAmA:

<iframe frameBorder="0" src="http://www.urbarama.com/embed/recent?count=5" width="500" height="330"><a href="http://www.urbarama.com" title="Atlas of Architecture">powered by Urbarama</a></iframe>

Embed an user projects list:

<iframe frameBorder="0" src="http://www.urbarama.com/embed/user/DeConstrumatica?count=5" width="500" height="330"><a href="http://www.urbarama.com/user/DeConstrumatica" title="DeConstrumatica's profile">DeConstrumatica's profile</a><a href="http://www.urbarama.com" title="Atlas of Architecture">powered by Urbarama</a></iframe>

Embed recent projects submited at urbArAmA using a map view:

<iframe frameBorder="0" src="http://www.urbarama.com/embed/recent?view=map" width="500" height="330"><a href="http://www.urbarama.com" title="Atlas of Architecture">powered by Urbarama</a></iframe>

Optional arguments

&count={...}

  • Number of projects to retrieve.
  • Project count integer.
  • Default: 5, Maximum: 100.

&fontfamily={...}

  • Default: Tahoma.

&fontsize={...}

  • Default: 12.

&fontcolor={...}

  • Default: 000 (black).

&backgroundcolor={...}

  • Default: fff (white).

&bordercolor={...}

  • Default: 808080.

&linkcolor={...}

  • Default: 005296.

&view={...}

  • list (default value)
  • map
  • optional arguments when using "view=map": lat=...(latitude), lng=...(longitude), z=...(zoom from 1-17), height=...(default: 290)

You can also use our API to extend the possibilities of what can be done with the content in urbArAmA.

Requirements

Every project displayed in your site should include Urbarama's name or our logo.

Terms of Use

The embed feature is free for both commercial and non-commercial purposes that don't exceed the restrictions. However Urbarama reserves the right to charge fees for some kind of commercial applications and over certain bandwidth limits.

Questions

If you have any doubt of suggestions, feel free to contact us at support [@] urbarama.com