Skip to main content
Version: FINAL-1.0.0

Bunny Studio widget - Embedding tutorial

Let’s learn how to embed the Bunny Studio Widget into your site.

Bunny Studio widget - Tech stack​

  • The widget is developed in Lit that is built on top of WebComponents standards
  • For the backend we use bunny studio API, which allows the engine to process and fulfill all projects posted through the widget

Getting Started​

To get started, create a new route to your site to render a new HTML page.

What you'll need to do​

  • Create an new HTML page
    • Add a module of the script
    • Add a custom html tag <be-widget>
    • Pass two parameters to the html tag key-value="{KEY_PROVIDED_BY_BUNNY}" client-id="{USER_EMAIL}"
<be-widget key-value="{KEY_PROVIDED_BY_BUNNY}" client-id="{USER_EMAIL}"></be-widget>
<script type="module" src="https://{BUNY_CDN}/{MODULE_VERSION}.js"></script>