Iframe

At a glance

A community member is trying to embed a Typebot page inside another website using an iframe, but is receiving an error message in the console stating that it's not possible because Typebot has set the 'X-Frame-Options' to 'sameorigin'. The community members discuss potential solutions, such as embedding the chat interface instead of the builder, and note that while it's possible to bypass the restriction, iframes are restricted for security reasons. The community member explains that the request is from a customer who wants to consolidate all their tools (Chatwoot, Typebot, and Evolution API) on a single site.

MMavis

Guys, a lead wants the Typebot page inside another site. So I'm trying to use Iframe to do this, but it says that it's not possible, I receive the following message in console: in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Does someone knows how to solve this?

10 comments

KKilian S.

You are trying to embed a website to typebot? Or typebot to a website?

MMavis

Typebot to a website

MMavis

using Iframe

MMavis

like this:

Plain Text

export default function TypebotIframe() {
  return (
    <div style={{ width: '100%', height: '100vh' }}>
      <iframe
        src=" "
        style={{ width: '100%', height: '100%', border: 'none' }}
        title="Typebot"
      >
      </iframe>
    </div>
  );
}

MMavis

But not the flow, the builder typebot interface/site

KKilian S.

Huh, 🤔 I would be surprised if you could embed the builder. It makes sense to embed the chat interface, tho.

But for the builder you would be able to handle authentication for the user across the websites

KKilian S.

You can always surpass restricting by ignoring x frame settings. But be aware that iframes are restricted for good security reasons

KKilian S.

Why would you like to embed the builder?

MMavis

It's a customer's request. He wants his customers to not have to navigate between chatwoot, typebot and evolution api. He wants to concentrate all on a single site.

MMavis

Evolution API worked, now I'm trying to do with Typebot

Add a reply

Share feedback, ideas and get community help

Iframe