Learn what widgets are, where to download them, and how to add them to your ebook. 

What is a widget? 

Widgets are like miniature apps that your readers can use in your ebook making it interactive. Widgets can be as simple as calculators or as complex as games, serve individual use or collaborative goals, help your readers connect with you, send you messages or participate in polls, and even help your readers connect with the rest of the world, with live videos from Ustream, real-time Instagram galleries, or even real-time Twitter feeds in your ebook. Every day ebook widgets are breaking the boundaries of what defines a book. Books are no longer static, they’ve become dynamic and constantly changing. Your ebook reading experience will never be the same twice.

Where do I get one?

There are thousands of book widgets available online, both free and paid. Two popular ebook widget websites are Bookry and BookWidgets.


           

How do I add the widget?

  1. Download a widget from any website, then come back to Kotobee.
  2. Click the Widget button in the interactive content panel on the right of the Edit Screen.
  3. The Insert/Edit Widget window will open.
  4.  You will have 2 choices for how the widget will appear for your readers. Click on the option you prefer:
     Popup Widget
    Only the widget's icon will appear on the page. After the reader clicks on the icon, the widget will appear in a popup window.

    Page Widget
    The widget itself will appear as part of the page.
  5. Click Add Widget File.
  6. Select the widget's zip file from your computer, then click Open.
  7. After you add the widget file, some optional settings will appear:

    For Popup Widgets  
    Add your own icon
    The widget will come with an icon, but if you want, you can change it.
    Close button position
    You can set the close button to be on the Side, or Top. To remove the close button select None.
    Class
    If you're adding CSS or Java customization, add the class here.
    SCORM
    If you already have objectives set up, select it from the drop-down box.

    For Page Widgets
    Width and Height
    Set the width and height of the app in pixels or as a percent of the original size.
    Margin
    Set the amount of white space (in pixels) that you'd like around your app.
    Text-wrap
    If you're using reflowable layout, which option would you like?
    •  The app alone on a line without any text surrounding it, for that select None. 
    •  The app on the left and text on the right, for that select Push left.  
    •  The app on the right and text on the left, for that select Push right. 
    Class
    If you're adding CSS or Java customization, add the class here.
    Interaction
    If your app is interactive, check this box.
    Scrolling
    If your app is larger than the space allotted for it in your ebook, add scrolling.
  8. Click Create.
    For Popup Widgets The widget's button will appear in the Edit screen.
    For Page Widgets The widget itself will appear in the Edit screen.


To test run your widget, click the Preview button in the bottom right corner of Kotobee Author.



Widgets can be linked to from any part of the ebook, no matter the chapter. For more on how to link to widgets within a chapter go here to add Links.

If you're building your own widget with Adobe Animate or Google Web Designer, then follow these instructions to Add Your Interactive Animation or HTML5 App.