Skip to main content

Embedding an Agent into Websites

There are a number of ways to achieve this.

iFrame Embedding Code​

For wordpress and most websites, clicking on the "Embed Code" button for the agent you want to embed copies the html iFrame code to your clipboard. You can then paste that into most website builders of your choice.

Agent Copy Embed Code button

For wordpress, you paste this code into a HTML module -

  1. Create a new page on your Wordpress site
  2. Find the Custom HTML block and drag it to the page Wordpress HTML block
  3. Paste the HTML you copied into the HTML property Paste HTML
  4. Click preview to see that it works, format its height and width, then publish Preview and size

The same iFrame code works in any website or platform you are using. Ask your website developers for help or contact us at support@llmasaservice.io if you want advice.

Static Page Hosting (for Canva)​

For testing and embedding in any website that blocks iFrames directly, we have a static page that supports the iFramely platform for whitelisting safe URLs.

tip

The static page is a great way to collaborate during testing. You can use the link to share with others just the Agent and embed into your sites later.

To create your Agent's static page link:

  1. Edit your agent by clicking on its Edit button on the Agents page Edit an agent
  2. Go to the UI PANEL tab
  3. Click the CREATE STATIC PAGE LINK near the bottom of the form
  4. Copy the URL generated. This is a static HTML file that can be shared Generate static page link

This URL will always be the same, you only need to do this once or when you want to change the fixed height of the panel in that page.

Embedding our NPM UI Control into Your React/Next.js/Vite/* Applications​

Our prebuilt UI controls allows you to embed your agents into any application that supports NPM packages. This will require your development teams help. We will cover this in our developer documentation coming soon.