Embed Google Sheets

Demo to preview the plugin:

Introduction

Embed your Google Sheets into your Bubble application and allow your users to directly access and edit them.
Image without caption

How to setup

  1. Publish Your Google Sheet
      • Open your Google Sheet.
      • Click File > Share > Publish to web.
        • Image without caption
      • Copy the link provided.
        • Image without caption
      • Or: Click Share, then set access to "Anyone with the link can view".
  1. Add the Embed Element
      • In the Bubble Design tab, search for:
        • Embed Sheet – to show the full embedded sheet.
        • Embed Sheet (View) – to show a simplified read-only view.
        • Image without caption
      • Drag the element onto your page.
  1. Set the Google Sheet URL
      • Select the element on the page.
      • In the property editor, paste your published Google Sheet URL into the Google Sheet URL field.

Plugin Element Properties

Embed Sheet

Element properties → Embed Sheet.
Element properties → Embed Sheet.
Fields:
Title
Description
Type
Sheet ID
Specify the Sheet ID
Text

Embed Sheet (View)

Element properties → Embed Sheet (View).
Element properties → Embed Sheet (View).
Fields:
Title
Description
Type
Sheet ID
Specify the Sheet ID
Text
Image without caption

Changelogs