Multistep loads only after reload

Hi Maik,

I don’t think you need do not need this. Your form seems to be initialised correctly.

Hi Jules,

many thanks. But i have a Problem, if you go to the Frontpage “Home” and click on “Termin Anfrage” .. You will see my Problem.

Picture: https://cleverautoservice.de/wp-content/uploads/2023/06/no-multistep-all-options-available.jpg

Oh, I see. The pages seem to be loaded asynchronously at times. I’m not a fan of these kinds of themes as they introduce lots of problems. You might need to do a bit of custom coding and talk with the theme developer to figure this one out. If I where you I would check how you can disable the lazy loading. Not much else I can do for you now I’m afraid.

However, some quick fix you could try. I notice you have this code on your page:

$(window).on("load", function() {
const $form = jQuery('.wpcf7-form');
wpcf7.init($form[0]);
wpcf7cf.initForm($form);
});

You should probably change the first $ to jQuery, because $ doesn’t work out of the box on WordPress websites. So change it to:

jQuery(window).on("load", function() {
  const $form = jQuery('.wpcf7-form');
  wpcf7.init($form[0]);
  wpcf7cf.initForm($form);
});

Many thanks Jules,

asynchronously was the right hint.

I have now disabled animation on “page transition” and now it works fine.

Many thanks – Great Support and Plugin