I am attempting to create a series of steps.

I have a form and want it to scroll down to an embedded ecommerce element below. I also need the embedded ecommerce element to initially be hidden and then appear from being hidden. I want both of these to occur when clicking the submit button on the form.

I am using squarespace and have an area for post-submit html input on the form. I also have the ability to submit css in a separate area on the website and an area for javascript input.