Bit smart documents allow you to bring any type of digital content inside of your documents. By accessing Bit's smart widgets you can add any of the following items to your Bit document and make it come alive:

  1. Images
  2. File attachments (Add attachments and file previews)
  3. Rich web embeds (80+ different apps - ex YouTube videos, Google Sheets, etc.)
  4. Visual web links
  5. Tables
  6. Dividers
  7. Math equations
  8. Code blocks
  9. Content library
  10. Cloud integrations (Google Drive, OneDrive, Box, Unsplash, Giphy, etc.)

🎥 Watch this video to learn more👇

How to Add Smart Widgets to Your Bit Document

👉🏼1. Open any Bit document, click on any blank line and activate the (+) circle icon. 

2. 👉🏼 Click the (+) circle icon to activate your widget bar. 

3. 👉🏼 Once activated, you can click on any of the widgets to insert items into your Bit document.

Read on to learn how to add and edit each widget to do more:

✅ 1️⃣Add an IMAGE by uploading it from your desktop.

👉🏼 Once your image has been added to your document, click on the (...) three dots on the top right corner of your image to do more with your image:

  • 👩🏻‍💻Fit in the Editor Container
  • 👩🏻‍💻Make it Full Width
  • 👩🏻‍💻Make it 50% Left Aligned
  • 👩🏻‍💻Make it 50% Right Aligned
  • 👩🏻‍💻Make it 25% Right Aligned
  • 👩🏻‍💻Replace Your Image
  • 👩🏻‍💻Customize Settings - Edit the caption /caption description / add a URL behind the image
  • 👩🏻‍💻Delete Your Image

✅ 2️⃣ Add a FILE by uploading it from your desktop.

👉🏼 Once your file has been added to your document, click on the (...) three dots on the top right corner of your file attachment to do more with your file:

  • 👩🏻‍💻Display the File Attachment in Default View.
  • 👩🏻‍💻Display the File Attachment in Small View.
  • 👩🏻‍💻Customize Settings - Edit the title and description of the file.
  • 👩🏻‍💻Delete Your File

✅ 3️⃣ Add a WEB EMBED by adding a shareable link.

👉🏼 Once your web embed has been added to your document, click on the (...) three dots on the top right corner of your rich embed to do more:

  • 👩🏻‍💻Make it Full Width
  • 👩🏻‍💻Customize Settings - Edit the caption below the rich embed.
  • 👩🏻‍💻Delete Your Rich Embed

✅ 4️⃣ Add a WEBLINK by adding any weblink URL of an article, website, etc.

👉🏼 Once your weblink bookmark has been added to your document, click on the (...) three dots to do more with your visual web link:

  • 👩🏻‍💻Make the visual bookmark medium size
  • 👩🏻‍💻Make the visual bookmark large size
  • 👩🏻‍💻Make the visual bookmark have no image
  • 👩🏻‍💻Turn the visual bookmark into just a weblink
  • 👩🏻‍💻Customize Settings - Edit the title and description of the weblink.
  • 👩🏻‍💻Delete your weblink.

✅ 5️⃣Add a TABLE by clicking the widget.

👉🏼 Once your table has been added to your document, click on any cell to access the toolbar to do more with your table:

  • 👩🏻‍💻Add a Row to Your Table
  • 👩🏻‍💻Add a Column to Your Table
  • 👩🏻‍💻Delete a Row on Your Table
  • 👩🏻‍💻Delete a Column on Your Table
  • 👩🏻‍💻Change Your Table Theme
  • 👩🏻‍💻Delete Your weblink

✅ 6️⃣ Add a DIVIDER by clicking the widget.

👉🏼 Once your divider has been added to your document, click on the (...) three dots on the top right corner of the divider to do more:

  • 👩🏻‍💻Make Your Divider Line Solid
  • 👩🏻‍💻Make Your Divider Line Dashed
  • 👩🏻‍💻Delete Your Divider

✅ 7️⃣ Add a MATH EQUATION by clicking the widget.

👉🏼 Once your math equation placeholder has been added to your document, click on the (...) three dots on the top right corner of the math equation to do more:

  • 👩🏻‍💻Customize Settings - Using LaTex formatting, add the math equation you want to display.
  • 👩🏻‍💻Delete Your Math Equation

✅ 8️⃣Add a CODE BLOCK by clicking the widget.

👉🏼 Once your code block has been added to your document you can start adding code and spaces. To exit the code block with code inside of it, hit 'enter' three times. 

✅ 9️⃣Add CONTENT LIBRARY ASSETS by selecting any piece of content.

👉🏼 Once content has been added from the content library to your document, click on the (...) three dots on the top right corner of your content to do more.

✅ 🔟Add CLOUD FILES by integrating and selecting any digital file.

👉🏼 Once your cloud file has been added to your document, click on the (...) three dots on the top right corner of your content to do more.

🎙 If you have any questions or suggestions, please message us on our in-app chat (click on the [?] on the top bar of Bit's platform and select chat with us) or email us at hello@bit.ai. 

Did this answer your question?