CDBaby Widget
From HostBaby Wiki
We host plenty of CD Baby artists here at HostBaby. The folks at CD Baby have developed a really neat Widget to put a mini-store on your site! There's some pretty good documentation on how to make this widget, but this document will discuss how best to insert this widget onto your site here at HostBaby.
Things to consider
When inserting ANY embeddable content on your site (widgets, button links, purchase links, etc), you'll want to consider two major things.
- Spacing : This widget requires at least 410 pixels in width on your site to look proper. So this will NOT fit well into the "Widgets" section of most sites making use of our Site Builder.
- Room on Page: This widget is designed to fill in as much horizontal space as possible, wherever you paste this in, so make sure you either give it PLENTY of room, or make that the ONLY object on a page; your site might get a bit busy, content wise, otherwise.
- Color: The Widget maker gives you a pretty wide variety of color schemes to choose from; be sure to pick a combination that works well with your existing website!
How to embed
This section of our documentation assumes you've already created your CDBaby widget from CDBaby per [their instructions].
The key now is to get this embed code on your site somewhere!
For this example, we'll put the widget on a Home page.
- Click on the HTML Source Editor tool, which will open up the HTML Source Editor in a new window; keep this open, you'll need in in a sec.
- Grab your Widget Code from the CDBaby Widget Maker
- Paste that code into the HTML Source Editor, click on Update to apply the widget code
- After you click on Update, you may notice that it's almost like nothing appeared; don't fret, the widget IS there if you clicked on update; it doesn't render in the Site Builder.
- Notice how the scroll bar on the right is expanded now; the widget is there! Click on Add/Update, and check out the results on your site
