Skip to main content

Get information on the parent page when an embedded form is submitted

  • November 6, 2023
  • 3 replies
  • 30 views
J
Forum|alt.badge.img+3

Hello
I'd like to know if it's possible to trigger a post_message event when the form is submitted (this is for an embedded form). I've seen that the system is already used to manage iframe scrolling with the "airtableDisableScrollbar" post_message.
Having information on whether the form has been sent (and whether it was successful or not) would be very useful for managing other events on the "parent" page on which the form appears.

If this is not possible with this solution. Is there another way to do this?

Thanks in advance!
Sincerely

    3 replies

    S
    Forum|alt.badge.img+16
    • Sara11
    • Inspiring
    • 89 replies
    • November 7, 2023

    Hi, I don't know if I understand correctly. Correct me if I understood wrong, but you want to set up an automation that every time a form is submitted, it will send you an email to let you know that another person submitted it. If I understand correctly, yes, it is possible. Is it correct? 

    S
    Forum|alt.badge.img+16
    • Sara11
    • Inspiring
    • 89 replies
    • November 7, 2023

    If I understood correctly, you have just to create the form in the "parent" page, so every time a form is filled out a new row is created and created an automation.  You select "Automation" on the top

    you add your email and all the info that you want to know in the email.  If you want to have a different email if it is successfully created, you can create a new column with a checkbox that is V only when all the info are fill out. In this case, you have to create a new automation: 

    and after create a new automation to send the email:

     

    (the second step is like before) and create another one when the checkbox is not fill out.

     

    Otherwise, you can create also one automation for both email with the conditional methond:

    Let me know if you have any other questions or If I misinterpret your question 🙂 

     

     

     

    J
    Forum|alt.badge.img+3
    • jpbourdais
    • Author
    • New Participant
    • 1 reply
    • November 8, 2023

    If I understood correctly, you have just to create the form in the "parent" page, so every time a form is filled out a new row is created and created an automation.  You select "Automation" on the top

    you add your email and all the info that you want to know in the email.  If you want to have a different email if it is successfully created, you can create a new column with a checkbox that is V only when all the info are fill out. In this case, you have to create a new automation: 

    and after create a new automation to send the email:

     

    (the second step is like before) and create another one when the checkbox is not fill out.

     

    Otherwise, you can create also one automation for both email with the conditional methond:

    Let me know if you have any other questions or If I misinterpret your question 🙂 

     

     

     


    Hello Sara,
    Thank you for your reply!

    Unfortunately, that's not what I'm trying to do. I'll try to go into more detail about my problem:

    I've integrated an Airtable form on a website like this (The form is normally longer, but for the screenshot I've reduced it) :

    I'd like to know if it's possible when sending the form to get the information in JavaScript if it has been sent so that I can display or redirect the user to another page of the site.
    I don't want the confirmation page to be displayed only in the iframe, but entirely on the site.

    Currently, when I have a longer form, the iframe adapts to the form, but when the form is submitted, the iframe doesn't resize (see examples below). You have to scroll down the page and when I send the form, the confirmation message is in the middle of the iframe. The user doesn't see the confirmation message and can get lost.

    Here are some examples of the form confirmation once the form has been sent.

    Unzoom the page for the example :


    What the user sees when the form is submitted :

     

    I hope I've given more details about my problem.

    Have a great day!
    Sincerely


    Terms & ConditionsAccessibility statement