Browser Cookies

Demo to preview the plugin:

Introduction

This plugin allows you to create, read and delete browser cookies within your app.
You can save certain information for a user, without him/her being logged in. For example, if your app has a dark mode, you can specify the user’s preference as a cookie.
This plugin allows you to not use the “Current User” within a workflow. This might be useful if you want to set a cookie without really affecting the current user if he/she is logged in. You also have the ability to set the expiration date of the cookie.
Image without caption

How to setup

  1. Add the Cookies element to your page
      • Go to the Design tab in the Bubble editor.
      • Search for and drag the Cookies element into the page where you want to manage cookies.
      • This element must be present for any cookie action or event to work.
        • Element → Cookies
          Element → Cookies
  1. Create a Cookie
      • Go to the Workflow tab.
      • Choose the “Create Cookie A Cookies” action.
      • Set:
        • Name: The name of the cookie to create.
        • Value: The value to store in the cookie.
        • Expiration: Number of days until the cookie expires.
          • Workflow action → Create a Cookie.
            Workflow action → Create a Cookie.
  1. Read a Cookie
      • In the Workflow tab, choose the “Read Cookie A Cookies” action.
      • Set:
        • Cookie name (the name you used when creating it).
      • The plugin will look for the cookie and trigger the "A Cookies Cookie Ready" event when done.
      • Inside this event, you can access the value via the element's state (e.g., Cookies's Cookie value).
        • Workflow action → Read a Cookie.
          Workflow action → Read a Cookie.
  1. Delete a Cookie
      • Use the “Delete Cookie A Cookies” action.
      • Set the cookie name you want to delete.
      • This removes the cookie from the browser.
        • Workflow action → Delete a Cookie.
          Workflow action → Delete a Cookie.

Plugin Element Properties

Cookies

Element properties → Cookies.
Element properties → Cookies.

Element Actions

Create Cookie

Create a new Cookie.
Workflow action → Create Cookie.
Workflow action → Create Cookie.
Title
Description
Type
Name
Give the cookie a name. This name will be used to read the value.
Text
Value
Give the cookie a value.
Text
Expiration
Specify the number of days until the cookie expires.
Number

Read Cookie

Read the value of a cookie.
Workflow action → Read Cookie.
Workflow action → Read Cookie.
Title
Description
Type
Name
Enter the name of the cookie you want to read. After running this action you will have access to this cookie via the Cookie Value state.
Text

Delete Cookie

Delete a cookie that was created.
Workflow action → Delete Cookie.
Workflow action → Delete Cookie.
Title
Description
Type
Name
Enter the name of the cookie you want to delete.
Text

Exposed states

Title
Description
Type
CookieValue
This will show the current value of the cookie AFTER the “Read Cookie” is triggered.
Text

Element Events

Title
Description
Cookie Ready
Triggered when cookie value is ready in state.
Image without caption

Changelogs