Air Whiteboard

• Real-time Collaboration – Every change made by one participant is broadcasted to all others in just a few seconds, ensuring everyone stays on the same page.

• Unlimited Boards – Create and manage as many whiteboards as your project needs. Each board operates independently, ideal for different teams or sessions.

• Team Sharing – Invite collaborators to your boards easily. Share access with teammates, clients, or friends for quick feedback and idea exchange.

• Easy Setup – The plugin is designed to be beginner-friendly, requiring minimal configuration while remaining powerful for advanced use cases.

• Perfect for SaaS Apps – Integrate whiteboarding directly into your platform to increase engagement and collaboration.

• Go to the Plugin Tab
• Open your Bubble Editor.
• Navigate to the Plugins tab on the left panel.

• Add Plugins
• Once in the Plugins tab, click the Add Plugins button.

• Search for the Plugin
• Use the search bar to type Air Whiteboard.



• Locate the plugin in the search results.

• Install/Buy
• If the plugin is free, click Install to add it to your application.
• For a paid plugin, click Buy and follow the purchase instructions.

• Payment Information (For Paid Plugins)
• If the plugin is a paid one, fill in your payment details and make payment.

• Charges will be added to your Bubble billing account.

• Remember, if you unsubscribe from the plugin shortly after installation, charges will be prorated based on the days used.

• Plugin Installed
• Once installed, the plugin will appear under the Installed Plugins list in your Bubble Editor.

• Open the Design tab in your Bubble editor.
• Search for the Wonderful whiteboard element in the Elements panel.

• You’ll see two options:
• Wonderful whiteboard

• Drag and drop the element onto your page.

• Log in to your Whiteboard account - Open the Whiteboard app and sign in with your developer or admin account.

• Open the Developers area - From the left sidebar, click Developers (or Settings → Developers) to open the developer console.

• Create a new application - Click Create Application (or Create App) to start a new developer app.
• Enter an App Name - In the Create App form, enter a descriptive name (e.g., MyWhiteboardApp or WonderfulWhiteboard-Prod). This will identify the app in the console.
• Accept the Terms - Tick the checkbox to accept the Developer Terms or API terms of use (if present), then click Save to create the app.

• View your App credentials - fter saving, the app details page will display your Client ID and Client Secret. Copy both values now — you’ll need them for plugin configuration.

• Client ID – A unique identifier for your whiteboard instance. This ID links your Bubble app to the whiteboard service and ensures that all participants connect to the same workspace.

• Board Code – The unique code or ID for a specific whiteboard session. This allows you to dynamically load and join a particular board (for example, by using a board ID from the page URL or database).

• Role – Defines the user’s permissions on the board. Common roles include editor (can draw and make changes) and viewer (can only view the board).

• Display Name – The participant’s display name shown to other collaborators on the board. This is often linked to the Current User’s name for personalized identification during collaboration.

• Tool – Specifies the currently active drawing tool, such as pen, arrow, or other supported whiteboard tools.

• API-Key – Insert your Client Secret in the API Key fields of the plugin.

json
{
  "data": {
    "id": "text",
    "name": "text",
    "code": "text",
    "createdDate": "undefined",
    "lastUse": "undefined",
    "lastChange": "undefined"
  },
  "totalCount": "number"
}

json
{
  "name": "text",
  "code": "text",
  "createdDate": "undefined",
  "lastUse": "undefined",
  "lastChange": "undefined",
  "shareType": "number",
  "members": {
    "id": "text",
    "joinedDate": "text",
    "isActive": "yes/no",
    "role": "text"
  }
}

json
{
  "id": "text",
  "name": "text",
  "createdDate": "undefined",
  "lastUse": "undefined",
  "lastChange": "undefined",
  "members": {
    "id": "text",
    "joinedDate": "undefined",
    "isActive": "yes/no",
    "role": "text"
  }
}

json
{
  "status": "image"
}

• Bubble Plugin Page Update (Logo).

• Marketing update (minor change).

• Minor update (Marketing update).

• Minor update (Marketing update).

• Minor update(Marketing update).

• Acquired by Zeroqode.

• Updated Description.

• Updated Documentation.

• Update to responsive engine.

• Updated Description.

• Updated Description.

• Updated Demo Page.

• Minor Fix.

• New Details.

• Added a new API Call .

• 1- First Release.