Share feedback, ideas and get community help

Updated 3 months ago

Iframe

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