Last week I shared some basic information about what widgets are and how you can use them to enhance the functionality of your Zibbet shop. In review, a widget is a small program that, once installed, will run automatically on a web page. Games, clocks, currency converters, badges and advertisements are just a few examples of the many types of widgets available for you to choose from. You can also feed updates from your blog and Twitter account to your shop’s FP.
A recent Google search for “widget” found “about 79,000,000″ web pages. The possibilities are virtually endless! As you browse the web for widgets to install in your Zibbet Premium shop, it’s important to stay focused and select widgets that will improve the buying experience for individuals visiting your shop.
I encourage you to include badges in your shop for the social networking sites where you spend time. I’ve found it to be a bit of a challenge at times to find the starting place for creating the badge code that I need on those sites. So to help you “cut to the chase” here is some basic information to get you started.
Twitter “follow” buttons are available directly from Twitter (you’ll be prompted to log in if you aren’t already) as well as from a variety of other online sources including TwitterButtons and TwitterIcon. Search Google for twitter button to find even more! Visit the official Twitter Help Center for more information about Twitter badges and widgets.
If you are a member of Zibbet’s Community Hub, log in and scroll to the bottom of any page. There you will find the Badge link. And if you are a Zibbeter and you’ve not yet joined ZCH, there’s no time like the present!
If you are a member of Indiepublic, log in and scroll down the Main page. The badge link is on the lower right side of the page.
If you are a member of My Craft Corner, log in and scroll down to the bottom of any page. There you will find the Badge link.
Here are some links to sites that provide widgets that will add functionality to your Zibbet Premium shop:
Bravenet offers a variety of free and subscription-based tools and services, including mailing lists to facilitate the sending of newsletters. Installing a mailing list widget in your shop will make it easy for your customers to subscribe to your newsletter if they choose.
If you have a Flickr account, you may like this really cool Flickr widget to share your photos. Placing a Flickr widget on your blog is a great way to share photos of your items to potential customers. Although you can add a music widget to your shop, before you do be sure to read 10 Reasons Why Websites Should Not Play Music.
WidgetBox is a popular source for a variety of widgets, including those for sending your blog’s RSS feed to your Zibbet shop. WidgetBox has created a video, titled What’s a Widget? which provides a quick overview of widgets. I think that you’ll find this video to be a nice review of the information you’ve learned about widgets.
Many of the widgets discussed here can be customized in a variety of ways. For your widget to be displayed properly, make sure that it will fit in the space allowed. Widgets placed in the right column of your shop’s FP cannot be wider than 205 pixels. Widgets placed at the bottom of the page cannot be wider than 880 pixels.
Now that you know where to find some really useful widgets, it’s time to learn how to actually add or install a widget in your Premium Zibbet shop. I’ve used Facebook as an example. However, each widget source will follow a slightly different process for actually generating the widget code. Most are very straight forward and easy to follow. Once you have the code, the instructions for adding a widget to your shop are the same for all widgets.
To create a badge for your Facebook business page:
Click the Create a Profile Badge link on the lower left side of your Facebook profile page.
On the Profile Badges page click Page Badges.
A list of all of the pages that you administer will appear. Click the Other button for the page that you want to create a badge.
A box containing the code for your badge will appear. Click once in the box containing the code to select it. To copy the code, choose Copy from your browser’s Edit menu or press Ctr-C (PC) or Command-C (Mac) on your keyboard.
If you want to customize the appearance of your badge, click the Edit this Badge link before you create and copy the code.
When you’re happy with the appearance of your badge, click Save.
Click Other to generate your badge code and then select and copy the code.
To install your Facebook badge (or any widget for that matter) in your shop:
Log in to your Zibbet Premium shop if you aren’t logged in already. On your My Zibbet page, click Customize Your Shop. Click the Widgets tab.
Scroll to the bottom of the page and click the +Add New Widget link.
A blank widget box will appear. Click in the box labeled Widget Code. Paste your Facebook badge code into this box. To paste the code, choose Paste from your browser’s Edit menu or press Ctr-V (PC) or Command-V (Mac) on your keyboard. Adding a title is optional.
You have the option of having your widget appear on the right side or bottom of your shop’s FP. Select the desired location from the Position drop down menu.
When you have completed your widget’s set up, click the Save Changes button. To see your widget, click your shop’s URL in the upper right corner of the page.
Your widget should now be visible on your shop’s FP.
Please note that there are three widgets pictured in the screen shot above. The first two are clock widgets-one showing LOC Design Studio Time and the other showing Zibbet Time. For both clock widgets, I entered a title in the widget set up. I left the title blank for the Facebook badge. What you see for all three widgets is the execution of the code that was pasted into the Widget Code boxes.
To reorder your widgets, return to your Widgets page and click and drag the gray bar on the right side of the widget that you want to move. Drop the widget in the desired location. In the screen shot below, you can see that I have moved the Facebook badge to appear between my two clock widgets.
After saving this change, my shop FP now looks like this:
To delete a widget, click the Delete link for that widget. Don’t forget to click the Save Changes button before leaving your widget page!
I hope that you now have a better understanding of widgets–what they are, where to find them and how to add them to your Premium Zibbet shop. I also hope that you will take some time to customize your shop with the addition of a widget or two!
Best wishes for much success on Zibbet!
Tags: Badge, Clock widget, Currency converter, Customize, Facebook, Flag Counter, Gadget, Google, Indiepublic, My Craft Corner, shop customization, Success on Zibbet, Twitter, Widget, WidgetBox, Zibbet's Community Hub