Popup form window

  • 12 October 2011
  • 37 replies
  • 51 views
A

Hi Everyone,

I like unbounce and I see many good templates to start with, I just have a small issue, for some templates they don’t have any form place, just a big action button

is there any way to integrate this action button with a popup form to register?

I mean without changing the template design, just one user click the form a popup window will ask him to fill the form.

and anyway to see how many user clicked in the action and how many one actually filled the form (filling the form already in unbounce, but clicking the button is not exists)

37 replies

J

UPDATE: 

We’ve released a new feature into beta that allows you to build/launch your lightboxes directly within the page builder itself. This new release will allow you to add images, videos and even forms into your lightbox, and_ you’ll be able to attribute the lead/conversion back to your original page. 

Go check it out and sign up for the beta  here . 

K

That was very insightly
www.docmeet.in

D

Hi is there a way to make the pop up form full size and responsive?

J

Hi Victor, 
I think what you’re looking for is referred to as ‘Exit Overlays’. We actually have a thread talking a bit about this here. 
Hope this helps!

V

Hey guys, thanks for all your responses.

My question seems a bit different from what I’ve read here: so how do I set up lightbox pop up every time the visitor is about to leave the page?

If there is such topic, the link will be appreciated!

J

Hey Martin, 

We can’t really provide support through the Community, but I can make sure a new ticket is opened and we follow up with you directly via email. This will be much faster as our support team is around but not super active in the Community. 

Hang tight!

M

Back from the front.

Hi there!

Once again, problems with those scroll bars. Actually, the same problems I had before - don’t know how to remove those, looking ugly, is there a way to remove them yada yada.

I’m pretty sure you told me in a past mail that that issue is fixed, but … well … seems it isn’t.

New landing page I’m talking about

http://app.schneider-wulf.de/systemhaus-frankfurt-v2/

Click the button ‘oder direkt Termin online anfragen’

Pleeeease help!

J

Hi Martin, 

It looks like we’ve been responding to these active support tickets through the email address we have on file, but we haven’t been receiving any responses back. Try checking your spam folder to see if they got filtered through. Or, if you’re using the Google email platform, check your Updates, Social, Forum or Promotions tabs. Let me know if your’e unable to find these. Thanks!

M

Hi there!

Maybe I’m stupid, but I don’t know where to find that ticket!? Can you please tell me how to find it?

Besides, there’s another open request sent via ‘Support’ - ‘Create a new support ticket’ regarding that same landing page and it being displayed slightly oversized when published sent in some days ago and we can’t see any signs of you working on that problem, either. Same question: Is there any overview regarding my requests?

Thx in advance, with best regards

Mark_Wainwright
Rank
Userlevel 2

Hi Martin - this is a known issue that we’ve been working on a fix for. We’re just wrapping up testing of that fix, so it should be in place today or tomorrow. I’ve made a ticket for you, so that we can let you know when this happens.

Thanks for your patience.

M

Hi there! Although this is a pretty ‘old’ post, I have some questions regarding lightboxes:

When I follow the instructions given by Ryan Engley, first thing that happens is that I get pretty ugly scroll bars at the right and bottom of my lightbox.

I managed to ‘remove’ those by adding 20 Px to the measurements (my page is 450 x 650; measurements that remove the bars are 470 x 670).

BUT: When the Thank You dialog pops up, there are scroll bars, too. And I have absolutely no clue how to remove those. And regardless of how small I resize the Thank You dialog, at least the vertical bar remains … which seems unlogic because the form page is so tall in height.

So, the questions:

Is there anything I can change within the java script to avoid those scroll bars alltogether?

If not, is there anything I can change elsewhere to remove those scroll bars?

Thanks in advance for your answers.

Page regarding this issue is

http://app.schneider-wulf.de/systemhaus-frankfurt/

(click the button ‘hier online vereinbaren’)

Johnny_Opao
Userlevel 3

Hey Ben -  I think I may be still confused as to what you want the end result to be. I’m opening up a ticket so we can discuss this further. You should see a email from me shortly

B

Hi johnny, this doesn’t seem to effect the issues we’ve been discussing. The script you replaced works nicely but unless you wrap the sizes in quotation marks the form conformation page is effected. When the sizes are wrapped in quotations the form works as designed but the lightbox occupies the whole page.

Cheers

Johnny_Opao
Userlevel 3

Hey Ben

I replaced your script with one we recommend here:

http://support.unbounce.com/entries/21698744-How-do-I-get-a-button-link-to-open-another-page-in-a-li…

Seems to play a lot better. Take a look and let me know if you have further questions.

B

That seems to have fixed it. The only minor comment to make is now the lightbox occupies the entire screen and not the set width.

Johnny_Opao
Userlevel 3

Thanks for sharing that Ben. I think I see what you’re talking about now. It’s the lightbox window that comes up when you click ‘Download the whitepaper’. Is that correct?

If so, then within your lightbox code you can set the width and height. It looks like your already trying to do so, but you’re missing one small thing:

When you specified the dimensions you forgot to wrap the values in quotation marks:

‘width’           : 500

should be

‘width’           : ‘500’

Hope that helps Ben!

B

http://research.caciconsult.co.uk/7-h…

This is the link to the page i’m messing around with this on. Hopefully this is clearer than me explaining the issue

Johnny_Opao
Userlevel 3

Hey Ben - You could try make your form confirmation dialog page larger, but then have the content within a box element so it gives the impression the main content is the box itself.

Not sure if that was what you were looking for. If not clarify how you’d like it to look like and i’d be happy to establish if this is possible or not.

B

Say i wanted to have a conformation dialogue box wider than the form popup, would there be a way to have the light box change in size to reflect this? Or would I have to set the initial width to something that can accommodate the conformation dialogue?

Johnny_Opao
Userlevel 3

Hey Ben - The lightbox size should correctly match the dimensions of your Form confirmation dialog.

If not, it may be that there are elements sticking outside your confirmation dialogs bounds. Try clicking through each object on that page and observe it’s dimensions.

B

Hi, is there a way to have the light box change shape to reflect the size and content on the form submission conformation page?

Frank_Taylor

Thanks that fixed it.

Johnny_Opao
Userlevel 3

Hi Frank - I took a look at your page and you seem to be linking to the wrong url.

It’s currently linked to:
http://www.lease.restinchairs.com/signup

but the working url is:
http://lease.restinchairs.com/signup

Just swap out the url and you should be good to go.

Frank_Taylor

Hi I tried to implement this but I am getting an error when the lightbox opens.

“Unable to resolve the server’s DNS address.”

Is this something I need to take up with my host / domain registrar or is this an Unbounce issue?

Page is: http://lease.restinchairs.com/workpla…

Alex

Hi there!

Are you looking to have a light box pop up upon visiting your landing page? Just trying to clarify a bit what you’re looking for.

If so, you could always take a stab at this code that I sourced up on Google.

http://visuallightbox.com/rq/automati…

Feel free to also get in touch with us at support@unbounce.com if you’d like to dig into more details.

Reply


Terms & ConditionsCookie settings