Automatic download on a confirmation landing page


#1

I have a lead gen landing page and I wan’t prospects to download a pdf after submitting the form.

I am trying to create a confirmation landing page to load on form submission that will automatically download the pdf and display some thank you copy.

I added the following as a script in the head section:

META HTTP-EQUIV=Refresh CONTENT="0;URL=http://URL/download.php?f=FILE.pdf"\>   

Thinking that it would automatically trigger a download in capable browsers (I also included a ‘click here to download’ link, just in case). This does not work, though. I get the following error:

HTTP Status 500 -

type Status report

message

description The server encountered an internal error () that prevented it from fulfilling this request.

Is this a limitation of the Unbounce platform? Can anyone help me with this?

Thanks!


#2

Hi Michael,

I assume you have the file hosted somewhere already? I have never tried the first approach you tried with refresh but perhaps the syntax should be like:

I can’t think of any reason off hand why the link would not have worked. If you contact support@unbounce.com and include the URL to your page in the app we can take a closer look.

Also, we are currently working on a feature that will let you upload these kinds of files and then allow your users to download them from a form confirmation dialog box. Unfortunately this feature is still a week or two away from being released.

thanks

Justin


#3

Just chiming in…that I want this as well. I have just tried “sending the visitor to a URL (the direct download link to an s3 hosted PDF)” vs. showing a message, etc. I don’t know if that works on all browsers, etc. but it was my way :slight_smile:


#4

Here’s some code that Mark, a support tech at Unbounce, and I came up with that will work for the automatic downloads:

Make sure to include jQuery and replace #lp-pom-button-27 with your download button.


#5

Hi everyone!

Looks like Andrew’s code got stripped out, so here it is:

<script type="text/javascript"> <br />
 jQuery('#lp-pom-button-27').click(function(e) { <br />
   if(lp.jQuery('form').valid()) { <br />
     e.preventDefault();
//stop the browser from following <br />
     window.location.href = 'http://www.yoursite.com/download.pdf'; <br />
   } <br />
 }); <br /> </script>

I haven’t tested it myself, but Andrew said he had success with it.


#6

Note that I’ve had success with this but it hasn’t worked on all my forms for some reason. I’m going to test that more and post back with the results.


#7

Ok, so the issue was that for this JS to work you need to set it to appear just before the body tag *not* in the head, as I did on the broken pages.

Also make sure to include jQuery.


#8

do you have an html version of it? 


#9

Thanks so much for the update, Andrew!


#10

Good that you found a solution to this with the power of the community. From a user perspective though I would personally prefer to actually click a download button on the confirmation page, would make more sense to me :wink:


#11

Hi Andrew and Mark,

I tried to use this code but it isn’t working. I changed the #lp-pom-button for mine and also the link, but for no reason doesn’t work.

Is there any advice that you could give me?