Capturing <aside> in Web Clipper

What I’m trying to do

I am using the Web Clipper in D&D Beyond to capture a web page. Currently there is text in an <aside> block that is ignored but I would like to capture in a Callout. How would I go about that?

I need to translate the HTML such as the following

<aside class="text--quote-box">
  <p>Text that appears in a box like this is meant to be read aloud or paraphrased.</p>
</aside>

into markdown such as the following

> Text that appears in a box like this is meant to be read aloud or paraphrased.

Things I have tried

I have played with the Web Clipper settings an have created a new template. I know how to access the JSON and manipulate it. I’ve read about Web Clipper variables and filters. I’ve even checked out the GitHub clipper-templates. While I understand the concepts discussed, I am not sure how to implement them.

I think I need to update the template JSON and then import it into the template. I’m not sure of the edits I should make to accomplish that.

You could also ask on the web clipper channel on Discord if you don’t get an answer here.