Formulario con pasos para Wordpress

[ArturoGallegos]

Para empezar ya lo conseguiste con HTML, CSS y JS? vamos que primero hay que lograrlo desde un archivo HTML con el puro formulario y despues lo llevas a wordpress.

El codigo expuesto no tiene nada de PHP, asi que no se te puede ayudar en tu duda de como y donde debe ir, andamos escasos de facultades adivinatorios y hay mas de una forma de incluir el codigo en wordpress, cual es la mejor para tu caso solo tu lo sabes.

yo preferiria usar enqueue de wordpress para incorporar los css y js necesarios.

Notese que tu codigo funciona y hace exactamente lo que pides en el, que no sea el resultado deseado es otra cosa.
Bien puedes colocarlo junto con el HTML del formulario o dentro de un archivo js y usar enqueue que he mencionado antes.... si no sabes que es o como se usa preguntale a google "wordpress enqueue js"