How to send the user directly to the CTA button after the "rules"? (12)

Basically, when my 3 "rules" finish loading, I want to direct the user to the CTA button automatically. I've noticed that I'll click on my LP and the CTA button will load below the fold so some users simply not see it, and thus exit. So how can I have the user automatically scroll to the CTA button?

Assign your CTA button an anchor:

<a name="CTA">CTAHERE</a>

<script>location.hash = "#CTA";</script>

Attached a picture. I played around with it a while, but could not figure it out.

It's a great idea, and it'll increase your CTR. Can't help ya with code though.

Hey stackman, any other tips from your experience that usually always increase LP CTR other than countdown timers, etc.?

When in the user experience do you want the scroll down to happen? Presumably after they've clicked the third button or similar?

Yeah, preferably after the "rules" have been stated. Most times it will stop at the rules, and not go a lil further down to the cta button.

Aha, right: you'll want to fire that code in the same code that reveals your "rules", then. Just paste the "location.hash = "#CTA";" at the end of whichever bit of Javascript reveals your "rules".

Let me know if you can't get it working: I'll probably need to see your lander to figure out what's up, but if you PM me the URL I'll take a look!

Since your page uses jquery, you can add the following line to your js code. Just have to put it in the right place so it happens at the right time.

$('html, body').animate({ scrollTop: $(document).height() }, 1000);

OK, that won't work because it's not firing at the same time as the CTA is being made visible.

I'd need to see the Javascript you're using in order to tell you exactly where to put the line, but it's wherever the code displays the last step of your lander.

I've got a tutorial on questionaire landers coming up tomorrow, so check that - it may help answer your question.

I just pm'ed you.