Form sliding in when clicking the CTA button

Show first post

32 replies

Finge
Userlevel 6
Badge +4

Hi Johnny. I have not had the chance to implement this myself yet, and now I am struggling. Any chance you can share the test you made as a template? Feel free to email it to me.

Finge
Johnny_Opao
Userlevel 3

Hey Finge! I did test it with our forms div on the page. Unfortunately It doesn’t seem to play well with how our forms are setup.

If I do manage to get it working smoothly with our form on the same page i’ll let you know 🙂

Finge
Userlevel 6
Badge +4

Thanks Johnny! This is awesome, thank you so much for doing this!!

Seem from the code that the form sits on a separate page. Did you try and accomplish this with the form on the same page in a hidden div? Perhaps that’s not possible.

Look forward to testing this! Will make sure to run an A/B test to see wether the ‘regular’ on-page form or the slide-in form works better. Either way it’s nice to have the option of using this 🙂

Finge
Johnny_Opao
Userlevel 3

Hey Finge! It should work fine with Unbounce pages. I have it working on the test page below:

http://unbouncepages.com/pageslide/

PageSlide has some setup instructions on their GitHub page which you can follow along almost step by step:

https://github.com/srobbin/jquery-pag…

You’ll have to download and host following pageSlide files yourself:

jquery.pageslide.css
jquery.pageslide.min.js

Otherwise you can copy the javascript and css code within those files and paste it into your Unbounce javascript/css boxes

No need to host/copy the jquery 1.7.1 script (jquery.min.js) yourself as it’s already hosted by google. Just reference it into your landing page like so:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

You’ll also want to uncheck the ‘jQuery 1.4.2’ box on the javascript manager.

Once you have those files referenced/copied in simply trigger the function by referring to your buttons ID like so:

  $("#lp-pom-button-9").pageslide({ direction: "left"}); <br /><br /> </script>```   
 
That's about it! If you need me to clarify anything further let me know. :)
Finge
Userlevel 6
Badge +4

Well, look at that! None other than Optimizely broke my CTA…

As soon as I turned off the Optimizely experiment running it works again. Yet another reason why this should be tested in a proper environment for testing, Unbounce 🙂

Again, thanks for the heads up, Jurijs!

Finge
Finge
Userlevel 6
Badge +4

When I say works very well it isn’t backed with numbers as I should. Hence my desire to test on a landing page. The page generates a lot of leads, I guess that’s what I mean. Wordpress is not the greatest environment for these kinds of tests 🙂

Thank you so much for tip on the CTA. This is really bad! On it!

Very strange though - the Norwegian version of the page works just fine
http://conversionlab.no/nb/

Finge
Jurijs_Burcena

Thanks for sharing this, Rolf.

You say “really well”, are we talking about double digits improvements in conversions here? Trying to figure out if this is worth pursuing 🙂

Also, one thing I noticed – when I press ‘Get Help With Landing Pages’ on your webstie, nothing happens at all. Oops! The modal window only appears if I click on the CTA buttons below the fold. Thought you should look into that.

Reply


Terms & ConditionsCookie settings