Add static element/link at end of collection list

Hi there!

Is there a way to put a static element at the end of a collection list?

Specifically: I have a limited list and would like to put a “more” button (not load more) at the end that links to a separate page.
With the same spacing and that it wraps as the other list items.

Thanks in advance!

This might help-

Thank you, Michael! :pray:

just adding some of custom code options:
1

<script>
const colParent = document.querySelector(".herb-collection");

colParent.insertAdjacentHTML('beforeend', 
      `<button onclick="addTags()" class="moreBtn">More tags</button>`);

function addTags(){
// do some magic
console.log("click")
}
</script>

2

<script>
const colParent = document.querySelector(".herb-collection");

const btn = document.createElement("button");
btn.onclick = addTags
const btnTxt = document.createTextNode("more");
btn.appendChild(btnTxt)
colParent.appendChild(btn)

function addTags(){
// do some magic
console.log("click")
}

</script>

and so on :wink: