I would like to embed single widgets throughout my website and build the rest of the site around the embedded widgets. Is this possible?
#Is it possible to embed single widgets, or only whole projects?
woeful dew
worn flameBOT
Hello! I'm AppySupporter, your Appsmith assistant. Yes, it's possible to embed
individual widgets from an Appsmith application into your website. To do this,
you must: - Make sure the application is deployed. - Use the "Share" feature
within Appsmith to obtain the embed code for the particular widget or the entire
page, depending on your needs. - Insert the embed code into your website's HTML
where you want the widget to appear. Keep in mind that embedding a widget will
require that the widget is part of a public application or that viewers have the
necessary permissions to view the application. Would you like any more detailed
guidance on embedding widgets in your website? If you don't find my response
helpful, you can request to speak to a human agent
worn flameBOT
It appears you're referencing the Appsmith documentation on how to embed
Appsmith applications into an existing application. To embed Appsmith widgets
into your website, you can follow these general steps: - Make sure your Appsmith
application or page is public or that the intended users have access
permissions. - Go to the "Share" section of your Appsmith application. - Select
"Embed" and choose the widget or the entire page that you would like to embed. -
Copy the generated iframe embed code. - Paste this iframe code into the HTML
code of your website where you want the widget or page to appear. Ensure that
your website allows for iframe embeds as some content management systems or site
builders restrict or sanitize iframe usage for security reasons. If you need
more specific guidance, please check the documentation you've referred to or let
me know how I can assist you further! If you don't find my response helpful, you
can request to speak to a human agent
woeful dew
https://docs.appsmith.com/advanced-concepts/embed-appsmith-into-existing-applica...
Hey thank you for the link, I did read that section before, and it appears I can only embed the entire app, not single widgets, but I wanted to check if maybe there was some option I may have missed, it seems not?
My only other idea is to make 3 different apps, and then sandwich the rest of my content between them
But I wonder if it is not a great idea to have three iframes embedded like that?
wet ocean
You can make the widget the full width of the screen, and just have that one widget in the page. Then use a different page for each widget.
Where are you in embedding it? Who are the app viewers and do they need to login?
woeful dew
The should not need to login, I am trying to build a dashboard, maybe it is easier if I share it with you
worn flameBOT
To summarize your situation: - Currently, Appsmith does not support embedding
individual widgets directly; you can only embed entire apps or pages. - You're
considering creating separate apps for each widget and embedding them
individually as a workaround. - There are concerns about the performance
implications and user experience of embedding multiple iframes. Using multiple
iframes can affect the performance of your site, as each iframe can increase the
page load time and consume more resources. It's essential to test how embedding
multiple iframes affects your site's performance, especially on different
devices and network conditions. If viewers need to log in to see the embedded
Appsmith widgets, you will also need to consider the user experience around
authentication. As an alternative, you could also look at: - Building custom
widgets or components outside of Appsmith that can be embedded more granularly
if that's feasible. - Checking if there are any upcoming features or updates
from Appsmith that might support individual widget embedding in the future. If
you have any other questions or need further advice, feel free to ask. If you
don't find my response helpful, you can request to speak to a human agent
woeful dew
Right now I am thinking that each section of 4 metrics and two graphs will be its own appsmith app
worn flameBOT
Someone from our team will reach out to you on this thread. If you change your
mind, you can ask to speak to an AI agent at any time.
wet ocean
Right now I am thinking that each section of 4 metrics and two graphs will be it...
I see, you want to have a regular landing page with a banner and CTA, then embed an app with a few metrics. Then more of your site content, then another app, right?
You could do this as different pages of the same app, and just embed the exact page url for each section. You can hide the nav bar so they only see the one page in each embed.
woeful dew
Aha, this seems to work well, thank you for the suggestion! I had a bit of trouble finding the exact URL but I see it is the same URL as the edit URL. Only small issue is that it shows the "Built on Appsmith" button in every single section instead of just once which looks a bit messy. I think it would probably be ok just once at the bottom but it looks a bit funny to see it in every section. It seems I need to upgrade to the Business version to remove it, right?