Step 1: Access Your Typedream Dashboard

Begin by signing into your Typedream account. Once logged in, access the dashboard to manage and edit your website.

Image: Screenshot of the Typedream login page.

Step 2: Select the Desired Page

Go to the specific page on your Typedream site where you want to embed the iframe widget. Create a new page if necessary for this purpose.

Image: Choosing a page within the Typedream editor.

Step 3: Copy the Hustle AI Widget

Ensure you have the embed code for the iframe widget. This is usually provided by the widget's service or can be custom generated.

Screenshot 2023-11-23 4.03.25 AM.png

Step 4: Add a Custom Code Block to Your Page

In the Typedream page editor, locate the option to add a new element or block. Select 'Custom Code' from the list of available elements.

Image: Adding a Custom Code block in Typedream editor.

Step 5: Paste the iFrame Embed Code

Click on the newly added Custom Code block. A text box will appear where you can paste the iframe widget's embed code.

Image: Inserting the iframe embed code into the Custom Code block.

Step 6: Adjust the Widget Display Settings

Customize the appearance of the iframe widget by adjusting its size and position. You may need to modify the code or use Typedream's layout options.