Skip to main content

Make Your Own Marketing Widgets!

How LAB-AIDS is using the new widgets.
Tizra now offers a Widget viewing mode that lets you embed your content in just about any standard web page just by inserting a little blob of HTML code.  It's great for letting users "leaf through" samples of your content without interrupting what they're doing...whether that's perusing your online book catalog, reading a review, or as you'll see below, enjoying a fascinating blog post like this!  It enables you to disseminate promotional samples widely via viral or conventional marketing campaigns, and to make the online shopping and buying experience as seamless and integrated as possible.

For example, say you were a well-known Tizra customer like LAB-AIDS. You could give bloggers a simple snippet of code that would let them show their readers a thumbnail-sized sample of one of your beautiful books like this...


All that's needed to embed the above sample is a little blob of code like this...
<iframe src="http://s75327680-sample.tizrapublisher.com/3lv4ul/82?zoomFactor=0.255" style="background-color: white; border: 1px solid black; height: 326px; overflow: hidden; width: 240px;"></iframe>
The web monkeys among you will immediately recognize it as plain old HTML that'll work just about anywhere.  This means it's easy for anyone with minimal web skills to spread the word about your content.

It also means web designers can customize the widgets without learning anything new.  With a few tweaks, samples can be made bigger, smaller, given decorative borders, or otherwise tailored to fit their surroundings.  Say you wanted to distribute a bigger sample, like this from Goodheart-Willcox, and frame it in orange...



Cooking Up Your Own Widgets

To create one of these blobs of code, you start with a pair of standard iframe tags, like this...
<iframe></iframe>
To indicate which content you want included in the sample, you use a special version of the Tizra URL for that content (to open up access to the content, you'll need admin privileges on a Tizra account and knowledge of the basic access control tools).  The URL is similar to the ones used to preview content in the private staging area of a Tizra site, but with a slight twist.  If the staging variant looked like this...
http://s45273646-preview.tizrapublisher.com/UT4_SE/3
...the version to use in your widget would look like this...
http://s45273646-sample.tizrapublisher.com/UT4_SE/3
...with the only difference being that "sample" is used in place of "preview."

Once you have the URL, you stick it into the iframe markup like this...
<iframe src="http://s45273646-sample.tizrapublisher.com/UT4_SE/3"></iframe>
From here, it's all about tweaking the cosmetics.  First you'll probably want to set the size of the iframe (essentially the window inside which your content will be displayed).  You can do that through standard HTML.  For example, you'd set it to 240 pixels wide by 326 pixels wide like this...
<iframe src="http://s45273646-sample.tizrapublisher.com/UT4_SE/3" style="width: 240pxheight: 326px;"></iframe>
You can change the size of the page images that appear inside the iframe by adding a zoom factor to the end of the URL like this...

<iframe src="http://s45273646-sample.tizrapublisher.com/UT4_SE/3?zoomFactor=0.255" style="width: 240px; height: 326px;"></iframe>
Increment the number up for bigger, down for smaller.  

Then you can decorate to your heart's content, say by adding a white background to bleed out to the edge of the iframe, and a nice crisp black border...

<iframe src="http://s45273646-sample.tizrapublisher.com/UT4_SE/3?zoomFactor=0.255" style="width: 240px; height: 326px; background-color: white; border: 1px solid black;"></iframe>


Comments

David McKnight said…
This is excellent. Great for content marketing, promoting events, a new publication, just about any content. With Tizra controlling access you can event share "member only" content without worrying about if the the promo gets shared...matter of fact...you would want it to so more learn about the great content you have and the value of membership.

Popular posts from this blog

What Einstein Taught Us About Searching Inside Publications

When the Collected Papers of Albert Einstein went live on Tizra a few years ago, it was a huge step forward. Suddenly, anyone anywhere could search and access the output of one of the 20th Century’s great minds…from love letters to breakthrough articles that changed how we think about the nature of time and space. But the project also showed the limits of traditional tools for searching within large, complex publications. These limits sparked a collaboration with Princeton University Press and Einstein Papers Project editors, which this year resulted in a dynamic new search interface, which we’ll be demonstrating in a  Webcast Friday, December 15 at 1pm ET . The interface not only makes it easier for Einstein researchers to home in on relevant content on both mobile devices and desktops, it points the way toward faster, better searching within a wide range of publication types, from reference books to periodicals, technical documentation and standards to textbooks. Click To Re

Using XML to Create a Better Online Reading Experience for the American Payroll Association

Congrats to the American Payroll Association on their recent launch of XML-based publications on Tizra!  Thanks to this collaboration, APA's authoritative books for payroll professionals are now available in crisp, reflowable HTML, creating a user experience that feels like a truly digital native product, rather than a conversion from print. XML-based publishing also creates a better mobile reading experience, supports more precise search and navigation, and opens the door to better accessibility for users with low vision and other disabilities. Our partners at  Scribe  did a great job supporting APA through the process of producing the XML for loading into Tizra, and we’d definitely recommend them to anyone interested in such a transition. It’s hard to overstate what a big step forward this is for Tizra as a platform and a company. XML has long been planned for in the product's architecture, but now for the first time, we have a working example that demonstrates the pow

Behind the Screens, Pt. 1--Creating a Site With the New Tizra Publisher Control Panel

Now that it's public , we're excited to show the new Tizra Publisher web control panel in a bit more detail. To provide a real-world example, we'll show it in use building the eat.shop guides site for Cabazon Books, which went live a few weeks ago. While in practice the process is quick—with initial online selling capability available in a matter of minutes—there's a lot to the software, so we'll break it up over a few posts. 1. Upload a Document When you open your Tizra Publisher account, you're presented with the control panel homepage in your web browser. The cog dropdown provides quick access to key tasks from anywhere in the system. Start by using it to upload a PDF. In this case, it's the full 132 illustrated spreads for eat.shop nyc. Note how the progress bar informs you as the system imports the file, extracts metadata, breaks the PDF into individual pages, and indexes it for full-text searchability. Apart from the upload, which of cours