Smart Content in Thank you page - why not take some time to process?

KathiNetpress · ‎May 16, 2017

Unfortunately I found out that smart content shouldn't be used in a thank you page by a practical example...also reading this now...

https://knowledge.hubspot.com/articles/kcs_article/cos-general/can-i-use-smart-content-on-a-thank-yo...

Isn't it possible to code some seconds after clicking the submit button and then redirecting to the thank you page?

Jsum · ‎May 16, 2017

@KathiNetpress something like this might work:

$(document).ready(function () {
    $(window).load(function () {
        setTimeout(function(){
            $('#preloader').fadeOut('slow', function () {
            });
        },2000); // set the time here
    });  
});

But you'll want to use a preloader gif or something to signify something is happening for the sake of the user.

Also, considering the template processes the python/jinja/HubL on the server side first then serves up the html/css/javascript to the client side where this would trigger, I am not entirely sure delaying the load of your thank you page would work. If you try it though please let me know.

As far as delaying the landing page from redirecting the user, you would want to hook something like this up to be triggered by the form button click but I do not know how to delay the redirect.

View solution in original post

Jsum · ‎May 16, 2017

@KathiNetpress something like this might work:

$(document).ready(function () {
    $(window).load(function () {
        setTimeout(function(){
            $('#preloader').fadeOut('slow', function () {
            });
        },2000); // set the time here
    });  
});

But you'll want to use a preloader gif or something to signify something is happening for the sake of the user.

Also, considering the template processes the python/jinja/HubL on the server side first then serves up the html/css/javascript to the client side where this would trigger, I am not entirely sure delaying the load of your thank you page would work. If you try it though please let me know.

As far as delaying the landing page from redirecting the user, you would want to hook something like this up to be triggered by the form button click but I do not know how to delay the redirect.

KathiNetpress · ‎May 16, 2017

But where to put that code snippet in Hubspot?

CMS Development