Hello!

So, I have created some cool visual in HTML/CSS this week-end and I would like to integrate it in SP Page builder.

www.joomshaper.com/blog/how-to-create-a-custom-addon-for-sp-page-builder

I found this link to create new add-on, but where I put my HTML/CSS code? How can I change some tags or string from the admin.php/site.php of the add-on?

Here is a bit of my code, the HTML one.

<div class="container">
  <div class="card">
    <div class="percent" style="--clr:#04fc43; --num:50;">
      <div class="dot">             
      </div>
      <svg>
        <circle cx="70" cy="70" r="70"></circle>
        <circle cx="70" cy="70" r="70"></circle>
      </svg>
      <div class="number">
        <h2>50<span>%</span></h2>
        <p>HTML</p>
      </div>
    </div>
  </div>
  </div>

I would like to change dynamically the --clr, --num var and the "50" number between <h2> and <span>.

Thanks in advance.