Learn what widgets are, where to download them, and how to add them them in your ebook. Widgets are small apps that make your ebook interactive. You can download customizable widgets online, then add them in your ebook to engage your readers .

What is a widget? 

Widgets are like miniature apps that your readers can use in your ebook. 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 experience is never the same reading 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 be appear on the page. After the reader clicks on the icon, the widget appears 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, select None. 
    •  The app on the left and text on the right, select Push left.  
    •  The app on the right and text on the left, 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 you 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.


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.