Creating special button by pressing it to launch script

[EllinaS]

I nee to create this block on my main_product page!

It will be button to open Ai manager Qlode. 

So button will be like that -

<div class="product-info__block-item" data-block-type="text">

    <div class="prose">
        <div id="qlode-btn" style="font-family: var(--heading-font-family);font-weight: var(--heading-font-weight);font-style: var(--heading-font-style);letter-spacing: var(--heading-letter-spacing);text-transform: var(--heading-text-transform);overflow-wrap: anywhere;">
                <strong style="text-decoration-line: underline; cursor: pointer">

                   I want to get free advice from a stylist

                </strong>
           </div>
      </div>
</div>

and I added the script to the theme.liquid for launching the Ai on pressing button below.

I added it in the blocks in main_product.liquid but I steel can't understand why it not rendering in content then adding it in theme customization section on page.

Please help!

[Shadab_dev]

Since this involves code, it will be great if you can provide collaborator access to your store to debug. 

Also send screenshots or video examples of how this qlode thing opens up and how is Shopify managing it's open and close functionality.

Best

Shadab