Open a 2nd form on lightbox after submit first and then redirect to thankyou page | Community
Skip to main content
New Participant
August 2, 2022
Solved

Open a 2nd form on lightbox after submit first and then redirect to thankyou page

  • August 2, 2022
  • 1 reply
  • 4009 views

Hello everyone,

Yesterday I tried all day to achieve something but couldn't do it, so here I am. What I'm trying to do is when the user select one or more checkboxes in a first form on a non-marketo LP (Wordpress page) it opens (after submitting the selected options to the database) a lightbox with a 2nd form and then when the user fill this other form it redirects the user to a thankyou page.

I found how to open a lightbox and how open a form inside lightbox after the submit (even if didn't work like I expected) but I couldn't find a way to do everything. 

Any insight would be greatly appreciated.

Best answer by SanfordWhiteman

That's the idea so far. We want to test if the users are gonna stop on the 2nd form or not.

But thanks for the warning, anyway. I'll pass this to the rest of the team so we can be aware of this issue too.


The inline-to-lightbox functionality you’re talking about looks like this: https://codepen.io/figureone/pen/oNqEyBy/0b7fbe2e96fe075b3ba5ba769c2e6a7e

1 reply

SanfordWhiteman
New Participant
August 2, 2022

Would be helpful if you show your existing work, the 2 form embeds (so we don’t have to create our own forms to show you how it’s done), and exactly which options in Form 1 are supposed to prompt the display of Form 2.

hassisAuthor
New Participant
August 2, 2022

Sure! Sorry about that.

Right now we used 2 pages to simulate the 2 steps. The first form is in https://capitolcanary.com/lp/take-a-stance and it is a list of checkboxes. The second form is in https://capitolcanary.com/lp/take-a-stance-step-2/ . Right now the first form redirects to the 2nd page and the 2nd form to the thankyou page. The idea is to eliminate the 2nd page by showing the 2nd form on a lightbox and then redirect to the thankyou page.

 

SanfordWhiteman
New Participant
August 2, 2022

You have a fundamental problem with this setup in that the Form 1 does not contain the system Email Address field, but Form 2 does.

 

This will create duplicate leads.

 

If you don’t want Form 1 to contain Email Address, that’s (relatively) fine, but then Form 2 must use a custom Email field, not the true Email Address field. Please create that other field (call it Email Address Form Proxy or similar) and substitute it on Form 2.