Skip to main content

Make Your Own Marketing Widgets!

By
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: 240px; height: 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.
9/10/2012 11:06 AM
Post a Comment

Popular posts from this blog

Yum! Tizra Eats Its Dogfood

By
We keep talking about how Agile PDF makes it easy for nontechnical users to do sophisticated online publishing. Well, tell a story like that long enough and people start to wonder why you're not doing it yourself. Besides, any product benefits when its designers and builders are also users. Software developers call it eating your own dogfood . So a few nontechnical members of the Tizra team dug in (with Joya, pictured above, as menu advisor). We did it just they way any publisher would, applying our company branding with the Agile PDF control panel and basic CSS skills, then uploading PDFs . The only difference is we're not actually publishers, so we used files freely available on the web, and of course, we're giving them away rather than selling them. Voila! The New Agile PDF Demo Site Take a look . Then drop us a note , and we'll show how you can do the same—and a lot more—with your content. All of us, except maybe Joya, found it quite the best dogfood we...
Post a Comment
Read more

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

By
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 t...
Post a Comment
Read more

Behind the Screens, Pt. 2--Customizing Site Design in Tizra Publisher

By
If you’ve seen some of the sites created with Tizra Publisher, you know how different they can look. But how does this happen? In this second in our series on the Tizra Publisher web based control panel ( first post here ), we’ll show how easy it is to completely re-skin and restructure an Tizra Publisher site in a matter of hours. First, a little slideshow of some recent results: As in the first post, we’ll use the eat.shop guides from Cabazon Books as our example. Founded by a graphic designer, Cabazon has a strong visual identity and has done a great job reinforcing it across its print and online properties. Step 1: Pick a design While Tizra Publisher does provide pre-made templates for publishers to customize, Cabazon already had a site design they were happy with, and wanted to carry it over to the new online books site they were building on Tizra Publisher. Screens from the preexisting design they wanted to match: Cabazon’s original eat.shop homepage. Origin...
Post a Comment
Read more