Hosted iFrame - Getting Started

Tutorial: Installing and Getting Started with Hosted iFrame


1

tildee tutorial imageINSTALL APP: To install the app go to the Hosted iFrame tab on our page: https://www.facebook.com/getlandable/app_208209315900235 and click the icon you want to install.

2

tildee tutorial imageSELECT PAGE: You can then select the page you want to install the app onto. Select the page from the dropdown and click Install.

3

tildee tutorial imageCONGRATS! At this point the app is installed and you are redirected to your page. Click the Welcome tab to see your new iFrame. Next it's time to configure by clicking the App Settings button.

4

tildee tutorial imageSETTINGS: On this page you will enter your content and click Publish when you are done. The content boxes accept HTML, CSS, and Javascript. See screenshot below for details on each of the available fields. 

PLEASE NOTE: If you are not familiar with HTML, you will want to use a WYSIWYG Editor such as Dreamweaver (there are also some great free ones out there) to create your page and then copy and paste the HTML into the settings. If you want to learn HTML check out this great series of tutorials from NetTuts (these guys rock at teaching!):http://net.tutsplus.com/sessions/web-design-from-scratch/

5

tildee tutorial imageFILE HOSTING! Hosted iFrame lets you upload and store up to 25MB of images and stylesheets for free! To upload you can drag and drop your files onto the File Upload Box, or just click the box to select your file. After the progress bar goes away (file upload completes) you can click the refresh link to refresh your list of files. The list will show you the Url to copy and paste to use your files...

6

tildee tutorial imageFILE MANAGEMENT: Once you upload a few files your screen will look like this screenshot. If you are running out of available space you can click the Delete icon to remove unused files and free up space. You can highlight and copy the Urls for each image. Optionally, just click the Copy button to copy directly to your clipboard (requires Flash to work).

NOTE: Our Urls currently start with "//" instead of "http://" or "https://" which you may be more familiar with. The "//" is actually a little trick which allows the image to load correctly under both secure and non-secure browsing. Facebook is planning on going all SSL later this year so we may eventually change our Urls to simply start with "https://". But this should work well for now :D

Feedback and Knowledge Base