T
Typebot•9mo ago
Mavis

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?
4 Replies
Kilian S.
Kilian S.•9mo ago
You are trying to embed a website to typebot? Or typebot to a website?
Mavis
MavisOP•9mo ago
Typebot to a website using Iframe like this: 
export default function TypebotIframe() {
  return (
    <div style={{ width: '100%', height: '100vh' }}>
      <iframe
        src=" "
        style={{ width: '100%', height: '100%', border: 'none' }}
        title="Typebot"
      >
      </iframe>
    </div>
  );
}
export default function TypebotIframe() {
  return (
    <div style={{ width: '100%', height: '100vh' }}>
      <iframe
        src=" "
        style={{ width: '100%', height: '100%', border: 'none' }}
        title="Typebot"
      >
      </iframe>
    </div>
  );
}
But not the flow, the builder typebot interface/site
Kilian S.
Kilian S.•9mo ago
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 You can always surpass restricting by ignoring x frame settings. But be aware that iframes are restricted for good security reasons Why would you like to embed the builder?
Mavis
MavisOP•9mo ago
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. Evolution API worked, now I'm trying to do with Typebot

Did you find this page helpful?