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

Princeton University Press Partners with Tizra to Take Einstein Papers Online

By
Unprecedented project will make nearly 30 volumes of Albert Einstein's papers available throughout the world. October 9, 2013 (Providence, RI) -- Princeton University Press has selected Tizra as the digital publishing platform it will use to make The Collected Papers of Albert Einstein available online.  One of the most ambitious publishing ventures ever undertaken in the documentation of the history of science, The Collected Papers will ultimately comprise more than 14,000 papers selected from all phases of Einstein's career and fill nearly 30 volumes. The online version hosted by Tizra will provide easy, searchable access to the full archive, and will offer features including: Powerful, bilingual search, with page-specific search results. Links between German text and corresponding English translations. Persistent, page-specific URLs to facilitate citation, referencing and discussion. Easy online viewing in all common web browsers, including those on the most p...
1 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