Adding delay after form submission

[Jeromecollomb1]

Hi guys,

My hubspot form redirects to a hubspot landing page that displays elements based on information entered in the form.

Specifically, the form asks for "industry". The landing page then displays a specific image as background, based on the industry entered. I did this using a workflow that sets an image as property (based on info entered in the form) and then built the template of my landing page with the following code :

background-image: url('{{contact.industry_image_background}}');

It works fine, but the problem is that it doesn't work fast enough.
When people submit the form and get redirected, the image is not loaded. I have to refresh the page one or two times and then it gets displayed.

I need to make this work. How can I make a workflow work faster?
Any workaround?

Thanks,

[Derek_Gervais]

Hi @Jeromecollomb,

In general, personalization tokens will only populate for known contacts when used on thank you page. The redirect will always happen faster than the contact creation process, so it's not possible to include traditional personalization parameters on thank you pages. As a workaround, you could append the values you care about to the redirect URL, and then change your personalization tokens to pull values from the URL query parameters.

The following topic has some more info on this:

Include form fields as redirect URL parameters on an embedded form Forms

I need to embed a HS form on an external (not CoS) website. And when the user submits the form, the redirect URL needs to include form fields as parameters. Is this possible? We figured out a way of doing this on a CoS landing page using a native HS form, but it was pretty tricky. In this case, I need to embed the form on an external page rather than use a CoS page. What I’m trying to accomplish is capture the lead’s info (name, company, email) and then pass that info off to a scheduling app …

[Jeromecollomb1]

Thanks @Derek_Gervais,

I put the following code that adds a 5000 ms delay after submitting the form which gives time for Hubspot to create the contact and process the form field values, so the landing page can display the right information!

<script>
jQuery.getScript("//js.hsforms.net/forms/v2.js", function() {
    hbspt.forms.create({
        portalId: "XXX",
        formId: "XXX",
        onFormSubmit: function($form) {
            setTimeout(function() {
                window.location = "YOUR URL HERE";
            }, 5000);
        }
    });
});

Thanks!

[smithjl]

@Jeromecollomb1 where did you add this script?