​
Overview

The <iframe> is used to embed any app within another website, which can be really helpful in many scenarios. In this scenario, we’re using <iFrame> code to embed Babbage into any site interface that is at a different URL.

​
Code Snippet

Embedding Snippet
<iframe
    src="https://babbage.chattechai.co"
    width="100%"
    height="100%"
    frameBorder="0"
    title="Babbage | Embedded App"
    style="
    border: 3px solid #AAFFDD; border-radius: 30px;
    ">
</iframe>

​
Attributes

  • src: The URL of the site to embed.

  • width & height: These attributes define the size of the iframe. The width is set to 100% of the parent container, and the height is a fixed 600px. Adjust according to your layout requirements.

  • frameBorder: This attribute specifies whether or not to display a border around the iframe. It’s set to “0” to avoid any border, making the embedded page blend seamlessly with your content.

  • title: A text title of the embedded app. It’s highly recommended to use for site accessibility.

  • style: Almost (if not) any custom CSS needed for styling the embedded app.

​
Conclusion

Feel free to embed ChatTechAI’s sites into whatever use case needed. However, please ensure that you are using this for ethical purposes.