Guide on how to embed Appsmith into an existing application
Tools and Dashboards are great as an app and on a website, and now, you can have it both in one go by embedding apps to your website! In this guide, you'll learn how to embed Appsmith Apps into any website.
For this guide, we’ll be considering the Customer Support Dashboard from the demo app’s, and embed that into an HTML page. You can also check out the live preview here.
Firstly, let’s create an HTML page and call it `cs_dashboard.html`. Now, add the basic HTML structure to make it an HTML page:
<title> Customer Support Dahboard </title>
You’ll also have to make sure that your app is public to embed into other application. You can do this by clicking on the Share option on the top toolbar and toggle the viewing option to Public. Here’s a GIF showing the same:
Making the Application Public on Appsmith
Next, create an iframe tag and add the shareable link from share options to the src attribute with height and width set to 500 and 100% respectively: