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.

1. Get a widget.

There are thousands of book widgets available online, both free and paid. Two popular and successful ebook widget websites are: Bookry and BookWidgets. Download the widget you like, 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:

    Popup Widget:  The widget's icon will appear in the ebook.  After the reader clicks on the icon, the widget appears in a popup window.

    Page Widget: The widget will appear as part of the ebook page.

    Select the one you prefer.

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 depending on how you want the widget displayed.

    for Popup Widgets  

        a.  Add your own icon. The widget will come with an icon, but if you want, you can change it.

        b.  Close button position. You can set the close button to be on the Side, or Top.To remove the close button select None.

        c.  Class. If you're adding CSS or Java customization, add the class here.

        d.  SCORM.  If you already have objectives set up, select it from the dropdown box.

for Page Widgets

        a.  Width and Height.  Set the width and height of the app in pixels or as a percent of the original size.

        b.  MarginSet the amount of white space (in pixels) that you'd like around your app.

        c.  Text-wrap.   If you're using reflowable layout, which option would you like?  

App alone on a line without any text surrounding it, select None. 

App on the left and text on the right, select Push left.  

App on the right and text on the left, select Push right.  

        d.  Class. If you're adding CSS or Java customization, add the class here.

        e.  Interaction:  If your app is interactive, check this box.

        f.  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 HTML5 App will instantly 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.