Bubble is a no-code tool that makes it extremely easy to build landing pages & full-fledged apps.

Step 1 : Head over to Hustle AI and Create a Widget

Go to HustleAI and create your lead magnet.

Fully customize the appearance of the text, and widget how you'd like them to appear. Then publish your lead magnet by clicking on "Embed".

Screen recording 2023-11-26 3.28.12 AM (1).mp4

Step 2: Access Your Bubble.io Dashboard

Begin by logging into your Bubble.io account. Once you are logged in, navigate to your application's dashboard. This is where you can manage and edit your Bubble.io application.

Step 3: Add HTML element in Bubble page

Head over to the section on your website where you'd like to have your lead magnet from Hustle AI displayed.

Select "HTML" from the Visual Elements tab and draw the canvas on the page.

Step 3: Copy the Hustle AI Widget Code

Ensure you have the iFrame embed code ready. This is typically provided by the service or content you wish to embed in your Bubble.io app. Copy the embed code to your clipboard.

Step 5: Paste the iFrame Code in Bubble

Click on the HTML element you've added to your page. In the property editor, paste the copied iFrame embed code into the HTML box.