woocommerce i contact form 7

Witam mam duży problem odnośnie tych 2 wtyczek i nie wiem jak go rozwiązać. Na sklepie internetowym z soczewkami klient przed złożeniem zamówienia musi wybrać kilka opcji to jest moc soczewek na lewym i prawym oku. Mam zainstalowaną wtyczkę contact form i zrobiony pod to formularz który wyświetla się przy każdym produkcie jest tak jakby inny formularz. Chciałbym żeby dopiero po złożeniu przez klienta zamówienia został wysłany email z nr zamówienia i tymi danymi tylko nie wiem jak to zrobić czyli jak pobrać nr zamówienia i jak podpiąć to pod przycisk złóż zamówienie. Daję kilka screenów i prosiłbym o pomoc.
Treść przykładowego forumularza :

Kod: Zaznacz cały

<!--<label> Imię i nazwisko (wymagane)
    [text your-name] </label>

<label> Adres email (wymagane)
    [email your-email] </label>-->

<label> Nr Zamówienia
    [number* orderid id:very-special-field]
 </label>
<style>
#very-special-field
{
    font-size: 13px;
    color: #767676;
    padding: 10px 12px;
    background-color: #fdfdfd;
    border: 1px solid #e3e3e3;
    outline: 0;
    margin-bottom: 4px;
}</style>
<style>
    #uwagi
{
height: 100px;
}
</style>

<label> Osie
[select* Osie "Wybierz opcję" "10" "20" "30" "40" "50" "60" "70" "80" "90" "100" "110" "120" "130" "140" "150" "160" "170" "180"]</label>
<label> Cylinder
[select* Cylinder "Wybierz opcję" "-2,75" "-2,25" "-1,75" "-1,25" "-0,75"]</label>
<label> Moc
[select* Moc "Wybierz opcję" "-9.00" "-8.50" "-8.00" "-7.50" "-7.00" "-6.50" "-6.00" "-5.75" "-5.50" "-5.25" "-5.00" "-4.75" "-4.50" "-4.25" "-4.00" "-3.75" "-3.50" "-3.25" "-3.00" "-2.75" "-2.50" "-2.25" "-2.00" "-1.75" "-1.50" "-1.25" "-1.00" "-0.75" "-0.50" "-0.25" "+0.00" "+0.25" "+0.50" "+0.75" "+1.00" "+1.25" "+1.50" "+1.75" "+2.00" "+2.25" "+2.50" "+2.75" "+3.00" "+3.25" "+3.50" "+3.75" "+4.00"]</label>


<label>Ta sama moc w obu oczach?</label>

<div class="btn" onclick="myFunction2()">TAK</div>
<div class="btn" id="no" onclick="myFunction()">NIE</div>

<script>
function myFunction() {
    var x = document.getElementById("drugieOko");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "block";
    }
}
function myFunction2() {
    var x = document.getElementById("drugieOko");
    if (x.style.display === "none") {
        x.style.display = "none";
    } else {
        x.style.display = "none";
    }
}
</script>

<div id="drugieOko" style="display:none">
<label> Osie
[select Osie2 "Wybierz opcję" "10" "20" "30" "40" "50" "60" "70" "80" "90" "100" "110" "120" "130" "140" "150" "160" "170" "180"]</label>
<label> Cylinder
[select Cylinder2 "Wybierz opcję" "-2,25" "-1,75" "-1,25" "-0,75"]</label>
<label> Moc
[select Moc2 "Wybierz opcję" "-9.00" "-8.50" "-8.00" "-7.50" "-7.00" "-6.50" "-6.00" "-5.75" "-5.50" "-5.25" "-5.00" "-4.75" "-4.50" "-4.25" "-4.00" "-3.75" "-3.50" "-3.25" "-3.00" "-2.75" "-2.50" "-2.25" "-2.00" "-1.75" "-1.50" "-1.25" "-1.00" "-0.75" "-0.50" "-0.25" "+0.00" "+0.25" "+0.50" "+0.75" "+1.00" "+1.25" "+1.50" "+1.75" "+2.00" "+2.25" "+2.50" "+2.75" "+3.00" "+3.25" "+3.50" "+3.75" "+4.00"]</label>
</div>

<label> Uwagi
    [textarea your-message id:uwagi] </label>

[submit "Wyślij"]

<style>
.wpcf7-response-output.wpcf7-display-none {
border: 0px solid;
}
.btn{
  height:30px;
  width:50px;
  background-color: #d2d2d2;
  text-align: center;
  display: inline-block;
  color: #fff;
  padding: 5px 5px 5px 5px;
}
#no{
background-color: #000;}
</style>

Tutaj formularze zrobione.
https://mega.nz/#!o4lUhIrY!MVN4cWPzQruL ... oEivKHRkAA

Dodany formularz do produktu
https://mega.nz/#!xo9ynYZB!QCNSqM-NQxTJ ... yRha90Cxho

Wygląd strony:
https://mega.nz/#!h8tG0a5K!5IujSIfVeIey ... Ix0e4VjNVg