Automatically go to the next page with image choice

Ask the Community Customization
1

I would like to see an option that when you select an image in the “image choice” option that it will automatically go to the next page if you have your form set up in multiple pages.

1 Like
2

Hi @user8320 :wave:

Thanks for adding your idea to the Wishlist!

I guess you can just add image choice option on the separate page and when the image is chosen, just click on the next button. Or you need it to work this way but without clicking on the button?

If I misunderstood you, please describe your use case in more detail. I’ll be happy to check if anything can be done :slightly_smiling_face:

1 Like
4

Hello, No I would really like it to go to the next page when an image choice is clicked. Especially on the phone, the “button” next is not immediately visible because I have quite a lot of image choices and not everyone sees that you have to scroll further down first to have to click the “next” button. I see people not clicking further now because they don’t see the button and expect that clicking an image choice should automatically take them to the next page. You could use my form as an example to see what I mean. A simple option to go immediately to the next page/step at “image choice” would be really desirable

1 Like
5

Got you!

Our devs provided a solution for your use case. You need to add this code to the Custom JS field on the Settings tab of your widget’s settings:

document.addEventListener("click", (e) => {
	if (!e.target.closest("[class*='ImageOptionButton__Input-sc']")) {
		return;
	}
	
	setTimeout(function() {
		document.querySelector('button[aria-label="Volgende"]')?.click();
	}, 100);
})

Check it out and let me know if it helped :slightly_smiling_face:

Keep in mind that this code won’t work in the configurator. You’ll see the changes right on your website.

7

Yes, Thank you! This indeed seems to work fine

1 Like
8

Great! You are always welcome :wink: