Cuadro de texto flotante sobre imagen de página de inicio  

Buenas tardes,

Aún no tengo instalado ningún pack wordpress, pues no he encontrado ninguna plantilla que tenga las características que estoy buscando para mi web.

Mi web será de psicología online y lo que pretendo es tener una página de inicio similar a esta www.saluspot.com .

Quisiera saber cómo puedo implementar un cuadro de texto y un botón al lado, similar a esa web, pero sin que tenga la necesidad de tener una base de datos, es decir, mi idea es la siguiente:

- Entras en la web y ves una imagen de fondo, el nombre de la empresa y los datos de la empresa arriba, y en el centro de la imagen un cuadro de texto y sobre él una pregunta "¿En qué puedo ayudarte?", al lado un botón que ponga "Consultar".

- Tras escribir la consulta y hacer click en el botón y sin salir de esa página, quiero que se esfume, vuele hacia arriba o se desplace rápidamente todo lo anterior y aparezca un nuevo formulario en el que aparezcan más campos que rellenar sobre el tipo de problema, personas en su familia, edad, profesión, etc... y después otro botón que se llame "Consultar" otra vez.

- Al pinchar por segunda vez en ese botón, se esfumen los campos rellenados anteriormente y aparezca una página donde haya imágenes y texto explicando los especialistas que van a tratar su caso, las recomendaciones que va a recibir, los test que vamos a q enviarle para que los cumplimente y poder valorar mejor su caso, etc... y por último el coste y método de pago, que será a través de paypal o tarjeta de crédito (igualmente a través del servicio de pago por tarjeta de paypal), y ya finalice la compra y a nosotros nos llegue un email con toda la información rellena del cliente y el pago realizado por dicha consulta.

Esto es lo que quiero hacer, pero no sé cómo implementarlo, sé que es complejo, y si veis alguna otra forma más sencilla (en cuanto a implementación y trabajo de código para buen SEO), os estaré muy agradecido.

Muchas gracias por la ayuda, estoy atascado y tengo que sacar esto adelante.

Hugo Blanco

P.D: He indicado mi web, pero no la tengo creada así que no tiene sentido verla, sino comprender la idea y ver qué plugins, tecnología o plantilla puedo usar para implementar lo que quiero.

URL del sitio: Contenido solo visible a usuarios registrados