Trippy Widgets
Want to add the power of Trippy to your website, without messing through API codes and all that? Well we're now introducing widgets, a quick and easy way to embed Trippy into your blog or site.
Mini Widget
Trippy Mini is a widget that is what its name suggests, a miniature version of Trippy. The default version of it allows you to do almost everything the main site does. You can enter a long URL into the text box, hit enter or "Trippify," and get a short trippified URL.
Demo of the Widget
Here's how the widget will look like once you embed it on your site (it is customizable).
The Embed Code
If you were hoping for a WordPress plugin of some sort, you're out of luck. Even though we plan for plugins with various site management systems, the only way you can add the widget to your site is to copy and paste it into the source code of your website. It's just HTML and is just as easy as embedding a YouTube video.
Here is the code:
Customizable Parameters
Customizing the widget does require changing the embed code a bit, but it's not too technical and anyone should be able to do this. Obviously you can simply leave it at the defaults if you don't want anything changed.
Working with variables is easier than you may think. Look through the embed code until you find the part that says http://widgets.myunv.com/trippy/mini?version=1.0. This is the URL the widget is loaded from, and you can tell it to change a few things through parameters, which starts with an ampersand (&), name of parameter, equals sign (=), and then the value of it. You will understand it more once you read on.
Logo
By default, a logo is shown inside the widget which you can click on for the Trippy homepage to open inside a new tab. This is a good way to let people know about Trippy, or just want the cool branded logo on your site. You can remove it however, with the logo parameter. Why? Perhaps you may not like the size or its placement, or just think using the service is fair enough than providing a link to the Trippy homepage.
Add this to the end of the in the widget: &logo=false. With the logo gone, dimensions will need to change as well. Find where it says width="385" height="60" and change this to width="265" height="48".
Logo-less Demo
URL
By default, you are greeted with a text box for entering a URL to shorten. Great, but in most cases this can actually be very useless. With the URL parameter, you can specify the page to shorten and give an immediate trippified link. Tip: You can combine parameters, so if you still want to hide the logo you can put the URL parameter after &logo=false.
Add this to the end of the in the widget: &url=<URL> where <URL> is the actual current URL to the page that should be trippified.
"Already Trippified" Demo
Need Help?
If you need extra help, or further integration into your website with Trippy feel free to contact us at support@myunv.com.
