This plugin includes a single element that allows you to easily embed and edit CodePen projects directly within your Bubble app.
Step-by-Step Setup

1. Add the CodePen Element:

   Drag the "Code pen" element from the editor
   panel into your Bubble page.

2. Fill Out the Required Fields:

   Username: Enter the CodePen username associated
   with the project you want to embed. This should be
   the profile name where the Pen is hosted.

   Pen ID: Enter the unique ID of the Pen you want to
   embed. The Pen ID can be found in the URL of the
   CodePen (e.g., if the URL is
   https://codepen.io/username/pen/abc123, the Pen ID is
   abc123).

3.Set the Element Height (Optional):

   Height: You can specify the height of the embedded
   CodePen in pixels. If left blank, the plugin will use a
   default height of 400px.