Personalized picture-function (form with preview and export)

We would like to get the following done: * The following is to be implemented into a wordpressdesign connected to woocommerce, so a good knowledge from you is required in these areas for the best result. * Get a form, as in the image provided, in which the customer can choose and/or type in text which instantly shows up on the preview beside the form. The design on the form would we like to control with css. * We would like the fonts we can choose from to be connected to Google Fonts. * When the customer orders a highquality image (.png, or .jpg) in 300dpi OR a printready PDF to be exported so that we can produce it. Please have a look at the following site, we want roughly the same process and coding to be used: www. thebirth p0ster. c0m/ (exchange the blanks and the '0's to 'o's.