Linking custom code form to Airtable

Hi,

I received a page that contains only custom code blocks, and I need to make it dynamic by linking the inputs to Airtable columns. a block example:


<div id="question-block" class="question-block flex flex-wrap w-full items-center justify-between px-5 py-2 my-3">
               <div class="flex flex-wrap items-center justify-center">
                <i class="mr-2 opacity-20 iconQustion">
                  <svg width="35" height="35" viewBox="0 0 24 24" fill="#e7368b" xmlns="https://www.w3.org/2000/svg" transform="rotate(0 0 0)">
                    <path d="etc etc" fill="#e7368b"></path>
                    <path d="etc etc" fill="#e7368b"></path>
                    </svg>                    
                </i>
                <p class="question p-2">Are you satisfied with the quality of your sleep?</p>
              </div>
                <div class="button-group flex space-x-1 lg:space-x-4">
                  <button class="answer-btn" data-answer="yes">Yes</button>
                  <button class="answer-btn" data-answer="no">No</button>
                  <button class="answer-btn" data-answer="sometimes">Sometimes</button>
                </div>
</div>

In this case, I need to map the user’s response to a field that is not part of the default profile table.

Is this feasible? If so, would it be worth the effort, or would it be better to rebuild the form using Softr blocks and then tweak the styles with custom code?

Thanks