Layar
Part of the Blippar Group

Blog: layar creator

New “Share Page” Button Lets Users Share Your Content

Chris Cameron May 7, 2013

As we continue our commitment to providing the best interactive print tools and services, today we’ve made some improvements to the Layar Creator that should make a big difference in your experience.

Now Users Can Share Pages
Firstly, we’re making things a bit more social. We already allow users to share items on Facebook, Twitter and Pinterest, but previously they were limited to sharing just the digital content. We found that users are often looking to share the print content they are scanning with their social networks, so now they can do just that!

As a publisher, you can now add a Share Page button, which lets users easily share the original print content they are scanning. This way, others can see these pages and even scan them themselves to join in the interactive print experience.

You can add a caption to the page that appears on Facebook and on a landing page for the image hosted on Layar.com. It’s a great way to help spread your print content the way users are used to sharing digital content already.

Unified Page Uploader
But that’s not all. We’ve also made your lives easier as well with a small change to the page upload process. Previously, to upload a ZIP or PDF file to the Creator, you had to click a separate link within the normal image upload screen.

Now, we’ve unified these two functions, allowing you to use one upload mechanism for all interactive print content. Now JPG, PNG, PDF and ZIP files can all be uploaded from one window. It’s a small change but it should go a long way to making your experience with the Creator a smoother, more user-friendly one.

You can find these new features in the Creator today. Log in now to get started!

We’ve also added some more advanced buttons to the Creator, including a JSON Hotspot Widget and a Custom URI Button. We’ll go into more detail on those here on the blog soon.

Permalink: www.layar.com/news/blog/489

Email this article
 

Add Fun Interactivity with Clickable Image Carousels

Chris Cameron May 6, 2013

Not long ago we added a new dynamic widget to the Layar Creator: the Clickable Carousel. Basically, it works just like the existing Image Carousel widget, but offers the ability to add links to each image so users can tap them to visit various links.

There are several cases in which this widget is very useful and fun for the user, including the example in the video tutorial above which we created. We added various dresses and hats to a model that you can swipe through to mix and match styles, and clicking on the images takes you to the mobile shopping pages for those items. You can try it by scanning the image below.

Other great examples have emerged from the community already! One user added the various body systems (muscles, organs, nerves, etc.) as slides on top of a skeleton image. Click here to view this example and scan with Layar!

This gift guide shows users different colors and styles for a bag by letting users slide through and click the one they like! Scan them with Layar to see how Clickable Carousels can add interactivity to your print content.

To make your own Clickable Carousel, just follow these steps:

  1. Drag the widget onto your page
  2. Click “+” to upload the first image
  3. Add the URL it should link to
  4. Repeat steps 2 and 3 until all images are added, then click “Apply Changes”
  5. Resize and reposition the widget
  6. Test and publish!

Check out the video above or scan the image below to see how it works, and log in to the Layar Creator today to get started making your own! 

Permalink: www.layar.com/news/blog/488

Email this article
 

Thailand Explodes Onto Interactive Print Scene

Chris Cameron March 28, 2013

In February, we saw a huge explosion of activity from Thailand as tens of thousands of people used Layar to view and create interactive print.

Take a look at the chart above, which shows growth in several categories from February. Pageviews had a major spike, growing over 3,000% from January, but what caused so many more people to scan interactive print in Thailand?

It seems a rather popular comedian, Udom Taepanich, was at the center of an interactive print campaign advertising his 10th stand-up special, Deaw 10. Follow this link to check out some footage of one of his previous specials (with English subtitles!). Images on ads around Bangkok and on tickets to the event themselves were augmented using Layar to show a video of Udom coming to life out of the ad.

The campaign has a snowball effect in Thailand, as downloads of the Layar App skyrockets by 515% and thousands of new interactive print campaigns have been published. The shows are still being performed, and more and more people are being made aware of interactive print.

This is a great example of how Layar is, and has been, a very international company. Our users and interactive print Creators come from all over the world from a plethora of use cases, and the growth shown in Thailand recently fits right along that trend. In the end, this shows how interactive print is rapidly expanding across the globe.

Permalink: www.layar.com/news/blog/474

Email this article
 

Layar Enhances 2013 FIPP World Report

Chris Cameron March 19, 2013

FIPP, the world’s most high profile magazine media association with over 700 member companies in 60 countries, has added Layar’s interactive print to its fourth annual Innovations in Magazine Media World Report.

The association represents companies and individuals involved in all parts of the magazine media industry, providing business strategies and emerging trends in an effort to improve industry skills worldwide. Each year it publishes its World Report focusing on the top magazine innovations, and this year, the entire report has been enhanced with the most exciting of these innovations: interactive print from Layar.

In the report, readers can see pages come alive with videos, social media links, interactive image carousels, Twitter feeds and even an embedded survey to vote for the most innovative ad. Check out the video above – featured as an ad on the inside back cover of the report – to see the interactive print elements of this year’s World Report.

“We’re very thrilled to be working with FIPP to bring the added value of interactive print to the 2013 Innovations in Magazine Media World Report,” said Layar CEO Quintin Schevernels. “As new print innovations increasingly gain momentum, interactive print is emerging as the leading way to engage readers and generate revenue opportunities that the print industry has never seen before.”

Permalink: www.layar.com/news/blog/471

Email this article
 

HTML Week - Walkthrough Tutorial

Chris Cameron March 15, 2013

Catch up with HTML Week!

Welcome to HTML Week here on the Layar blog where we’ll be taking a look at some of the great ways you can bring print alive with HTML widgets in the Layar Creator. We’ll provide a closer look at how each example was built, and provide you with some resources to add similar techniques to your own projects. Each example we feature can be found in the completely refreshed and updated LAYARED Magazine! Get yours today and see how interactive print is creating more engaging reader experiences!

It’s the final day of HTML Week here on the Layar blog, and we saved a really great example for last!

In the very middle of LAYARED Magazine – pages 16 and 17 – a two page spread advertises the Layar Creator, including the quick steps to making interactive print. The illustrated spread provides a great overview of what it takes to use the Layar Creator, but scanning the page takes this to a whole new level.

Using some of the same basic HTML tricks we’ve been featuring throughout HTML Week, we created an engaging, animated walkthrough of using the Creator. Readers are directed to tap through the various steps of uploading pages, adding augments and publishing a campaign. Just follow along and tap the “Tap Here” buttons and you’ll be a pro at the Layar Creator in no time.

It’s a great example of how the HTML Widget in the Creator can be used to provide an immersive experience for readers. Here’s more about this widget:

  • Uses similar jQuery techniques from other HTML Week examples.
  • Uses the FlexSlider plugin for the slideshow at the beginning.
  • The steps are a series of screenshots from the Layar Creator.
  • Includes a “View in Fullscreen” button so users can follow the tutorial without needing to hold their device over the page for an extended period of time.

Again, this example seems more complex than it actually is. Using the FlexSlider plugin mentioned above, we created a few basic slides to introduce the walkthrough widget. When a user taps on a step to enter the tutorial, the slider fades away.

The green “Tap Here” buttons are very simple as well. It’s essentially three different elements that fade in and out on top of one another to produce a nice effect that encourages the user to tap the icon. Using timing and opacity options, the inner circle first fades in, followed by the outer rings. Then the inner circle fades out leaving the rings to guide the user.

The rest of the widget is simply fading from one screenshot to another, triggered by the user tapping the icons. It’s a very simple implementation but in this case it goes a long way toward educating readers of LAYARED Magazine about how the Layar Creator actually works.

After running through the 6 steps, readers are then familiar with how to create interactive print and are ready to hit the ground running when they use the Creator on the Web for the first time. This same widget could be used for any of a variety of purposes, from an app tutorial to instructions on constructing your new furniture. As with all HTML widgets, the possibilities are only limited by your imagination.

And that wraps it up for this example and HTML Week. Follow the links above to review all of our widget breakdowns from this week!

Permalink: www.layar.com/news/blog/469

Email this article
 
We use cookies to improve our services. Don’t worry, they don’t store personal or sensitive information and you can disable them at any time in your browser settings.