Browser Session or Local Storage

Demo to preview the plugin:

Introduction

Store Data in both Session & Local Storage as plain text or encrypted text.
Place the Browser Storage Element on the page and use the element actions to store, get, and remove data from the browser's storage.

Prerequisites

To use the Browser Session or Local Storage Plugin for Bubble by Zeroqode, ensure the following:
  • You must have an active Bubble account.
Image without caption

How to setup

Step 1: Install the Plugin
Step 2: Setup the Plugin Element

Plugin Element Properties

Browser Storage

Image without caption
Fields:
Title
Description
Type
You can now use the “Element Actions” on this Page.

Element Actions

  • Store Data in Browser: Store Session Data
    • Title
      Description
      Type
      Session Storage will survive a refresh but not a closed browser. Local Storage will survive both refresh and closing. Expiry allows you to program rules to remove or update the record.
      Key
      Key
      Text
      Value Type
      Value Data Type
      App Type
      Value
      Value
      Item representing Value Type
      Storage Type
      Storage Type Available options: Session Storage, Local Storage
      Dropdown
      Expires
      Expires
      Date
      —–ENCRYPTION—–
      Enable Encryption?
      Enable Encryption?
      Checkbox (yes/no)
      Secret Key
      Secret Key
      Text (optional)
      ——————–
  • Get Browser Data: Get Browser Data
    • Title
      Description
      Type
      From Storage
      From Storage Available options: Session Storage, Local Storage
      Dropdown
      Key
      Key
      Text
      —–ENCRYPTION—–
      Is Data Encrypted?
      Is Data Encrypted?
      Checkbox (yes/no)
      Secret Key
      Secret Key
      Text (optional)
      ——————–
  • Remove Data in Browser - Remove Data in Browser
    • Title
      Description
      Type
      Key to Remove
      Key to Remove
      Text
      From
      From Available options: Session Storage, Local Storage
      Dropdown
  • Delete Cookie: Delete Cookie
    • Title
      Description
      Type
      Cookie Name
      Clears the output or data generated by the plugin actions.
      Action
  • Clear Plugins Output - Clear Plugins Output
Title
Description
Type
Clear Output
Cookie Name
Text
  • Get Data as List - Get Data as List
    • Title
      Description
      Type
      List of Keys
      List of Keys:
      Text
      Storage Type
      Storage Type Available options: Session Storage, Local Storage
      Dropdown
  • Store Cookie - Store Cookie
    • Title
      Description
      Type
      Cookie Name
      Cookie Name
      Text
      Cookie Type
      Cookie Type
      App Type
      Cookie Value
      Cookie Value
      Item reperesenting Cookie Type
      Days to Expire
      Days to Expiry
      Number
  • Read Cookie - Read Cookie
    • Title
      Description
      Type
      Cookie Name
      Cookie Name
      Text

Exposed states

Title
Description
Type
Error Message
Error Message
Text
Get Data Output
Get Data Output.
Text
Expiry
Expiry
Date
Get Data as List
Get Data as List
Text
Data as Bubble Date
Data as Bubble date
Date

Element Events

Title
Description
Had an Error Saving
Had an Error Saving

Workflow Examples

  1. Store Data in Browser Storage:
Storing data in the browser refers to saving data locally on a user's device, making it accessible to a web application without requiring a server request
Image without caption
  1. Remove Data in Browser:
Removing data from the browser involves deleting information stored using mechanisms like Local Storage, and Session Storage.
Image without caption
  1. Get Browser Data:
Retrieving data from the browser involves accessing the data stored in Local Storage, Session Storage
Image without caption
Image without caption

Changelogs


Powered by Notaku