How to create changeable product price table ? I have table code but I cant make it changeable .

Hi,
I have problem maybe you guys can help me about that. I put my code on below. I am going to put that code to my product pages. But my problem is that “amount=2000” should be change depend on current product. So what I mean when customer change product that credit card price tables should be change. Can you help me about that ?

<!DOCTYPE html>
<html lang = "tr">
    <head>
        
        <style type="text/css">
            #paytr_taksit_tablosu{clear: both;font-size: 12px;max-width: 1200px;text-align: center;font-family: Arial, sans-serif;}
        #paytr_taksit_tablosu::before {display: table;content: " ";}
        #paytr_taksit_tablosu::after {content: "";clear: both;display: table;}
        .taksit-tablosu-wrapper{margin: 5px;width: 280px;padding: 12px;cursor: default;text-align: center;display: inline-block;border: 1px solid #e1e1e1;}
        .taksit-logo img{max-height: 28px;padding-bottom: 10px;}
        .taksit-tutari-text{float: left;width: 126px;color: #a2a2a2;margin-bottom: 5px;}
        .taksit-tutar-wrapper{display: inline-block;background-color: #f7f7f7;}
        .taksit-tutar-wrapper:hover{background-color: #e8e8e8;}
        .taksit-tutari{float: left;width: 126px;padding: 6px 0;color: #474747;border: 2px solid #ffffff;}
        .taksit-tutari-bold{font-weight: bold;}
        @media all and (max-width: 600px) {.taksit-tablosu-wrapper {margin: 5px 0;}}

        </style>
    </head>
    <body>
        
        <div id="paytr_taksit_tablosu"></div>
        <script src="https://www.paytr.com/odeme/taksit-tablosu/v2?token=cc78b130e5817d67ae17dfdb1cd6784cb9f72a8e693edce57c4d0125e96f2858&merchant_id=223745&amount=2000&taksit=0&tumu=0 "></script>

    </body>
</html>


left side in image, price is 2.000 TL but on left site sale price is 3.430 TL.
So that price table should changeable depend on sales price.

I really need help. Could you help me ?

bu konuya bir çözüm bulabildiniz mi?