APIs & Integrations

WShi0
Member

redirect contacts to a website page for meeting in iframe

Hi community! The feature I want to develop here is to embed a hubspot meeting scheduler into our landing page, and redirects to a hubspot form when the meeting is confirmed. But the whole behavior happens in a modal, so I use iframe to embed the meeting code.

 

Here is what I did:

1. Use iframe to make the meeting component to appear in a modal, and it works fine:

Screenshot 2024-02-19 at 10.46.01.png

code (we use React):

 

 

      {showModal && (
        <div className="book-demo-modal-container" onClick={handleModalContainerClick}>
          <div className="book-demo-modal-content">
            <Script src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js" />
            <iframe
              className="meetings-iframe-container"
              src="https://meetings.hubspot.com/john-spottiswood/propelixintro?embed=true"
            ></iframe>
          </div>
        </div>
      )}

 

 

  

2. Embed the hubspot form code into a url: https://stage.propelix.ai/hubspot-form and add it to the rediect configuration of the meeting:

Screenshot 2024-02-19 at 10.48.37.png

The problem here is: the redirecting behavior does happen, but it redirects to a page. What we want is that it redirect inside the iframe and show the form in the modal, not another page. Is there any solutions for this? Thanks!

1 Reply 1
BérangèreL
Community Manager
Community Manager

redirect contacts to a website page for meeting in iframe

Hi @WShi0,

Thank you for asking the Community!

I'd be happy to put you in touch with some of our Community Members and our Top Experts on this matter: Hi @kinara, @meretangiblee, @davidlopez, @miljkovicmisa, @Oezcan and @Syeda_Fatima do you have suggestions to help @WShi0, please?

Thank you very much and have a lovely day!

Best,
Bérangère


Saviez-vous que la Communauté est disponible en Français ?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings!