Maksym Davydchuk

Так сделано на сайте что вы предоставили

<div class="col-lg-8">
<img id="playimage" class="img-responsive" src="assets/img/screen-login-play.png" alt="Using our step-by-step program your school can set up a parent teacher conference in just a few minutes.">
<div id="videoDiv" class="col-lg-12" style="display:none">
<iframe id="player1" src="https://www.youtube.com/embed/uWlLvYknOcE?enablejsapi=1&theme=light&showinfo=0" width="630" height="354" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true"></iframe>		
</div>
</div>

При клике

function() {
  $('#player1').width($('img#playimage').width());
  $('#player1').height($('img#playimage').height());
  $('#videoDiv').show();
  $('#playimage').hide();
  player1.playVideo();
}

Этот хорош, автор пишет все без плагинов, дает понимание как все работает -
https://www.youtube.com/watch?v=ViZLtFIcSfo&list=P...

Попробуйте
[product_category category="appliances"]

Аргументы

array(
     'per_page' => '12',
      'columns' => '4',
      'orderby' => 'title',
      'order' => 'asc',
      'category' => ''
 )

Можно через плагин OptionTree, c его помощь можно создавать поля и выводить их на фронте. Он бесплатен, в сети есть много уроков по нему

Можно через плагин Contact Form 7. Как это сделать есть в этом видео https://www.youtube.com/watch?v=x1kZ1616yAo

Как вариант можно самому сделать. Эти уроки могут помочь https://www.youtube.com/watch?v=WoOIENWGLXU&list=P... и далее

Если на русском тогда https://webformyself.com/wpprofi/?utm_medium=syste... - он есть на трекерах, лучше на русскои не видел

Блог Миши Рудастого о котором писали выше. У него есть англ блог https://rudrastyh.com/blog

Но лучше по англоязычным ресурсам. Понять там не так сложно как кажется, могу посоветовать https://www.lynda.com/
https://tutsplus.com/courses/search/wordpress
https://www.youtube.com/watch?v=ViZLtFIcSfo&list=P...

Многие из представленных видео есть на трекерах.

Поля контакт формы можно оборачивать в нужный html код. Возможно это видео вам поможет https://www.youtube.com/watch?v=x1kZ1616yAo&featur...

Нужно создать дочернюю тему. В ней создать такие каталоги \woocommerce\single-product\add-to-cart\

Взять с родительской темы файл \woocommerce\single-product\add-to-cart\grouped.php. и вставить в Вашу \woocommerce\single-product\add-to-cart\

Если такого файла нету (grouped.php), нужно его скопировать из самого Woocommerce.
Также для файлов simple.php и variation-add-to-cart-button.php

И в этом файле найти html кнопки и поменять.

Я бы взял к примеру плагин Caldera Forms или Gravity Forms(платный), там создал бы нужные поля формы (там есть и загрузка файлов и много других полей). После отправки формы использовал бы один из хуков который предоставляют эти плагины, которые срабатывают после отправки. Из полученных данных создал бы юзера с помощью register_new_user(), и уже к самому пользователю с помощью кастомных полей добавил бы другую инфу (загруженные файлы и тд.).