Installing the Liff App

Adding the Liff App to your website or mobile app has two options; both very simple.

  1. Direct Link
  2. IFrame

Direct Link

A direct link is an easy and quick solution for installing the lost and found page. Simply add your Liff App URL to a button or navigation on your website or mobile app.

For example:

IFrame

A small snipet of HTML and you can frame another website or app into your web properties.

Pros: an IFrame typically has increased user trust as the initial interaction with lost and found is on the organizations’ website

Cons: IFrames tend to have poor user experience on mobile and require some adjustment on install for fit.

For example the <iframe src=”https://event42.liff.dev/” style=”border:0px #ffffff none;” name=“liffapp” scrolling=”yes” frameborder=”1″ marginheight=”0px” marginwidth=”0px” height=”1000px” width=”1000px” allowfullscreen></iframe> becomes (added a shadow to show the frame):

PS: just the development environment, so we’re regularly breaking it. Don’t be alarmed.