Embedding dynamic URL ({{{URL}}}}) into HTML email template

Question

I am working on a HTML email template on Absorb LMS system that notifies learners to complete their course.

I would like to embed the URL of the course inside a button format that allows learners to be directed to the course page by clicking the button.

Absorb LMS system offers label of course URL like this: {{{CourseUrl}}}. It shows up as a regular link in email when inserted like text, but when I try to do something like this, I am unable to embed the link. The button isn't linked with anything.

<div style="text-align: center; padding: 20px;">
  <a style="font-size: 16px; font-family: Roboto, Helvetica, sans-serif; color: #FFFFFF; text-align: center; text-decoration: none; display: inline-block; background-color: #25477B; border: 1px solid #5D5D5D; padding: 10px 20px; border-radius: 3px;" href="{{{CourseUrl}}}" title="" target="_blank">
            Click here to complete your course!
        </a>
</div>

Example of what {{{Course URL}}} generates is: https://company.myabsorb.us/#/online-courses/2cfc038f-3185-47d2-a70e-8ff224232fd1

2cfc038f-3185-47d2-a70e-8ff224232fd1 can also be generated through {{CourseId}}.

Absorb LMS platform doesn't allow href={{{CourseUrl}}}, it always changes back to href="{{{CourseUrl}}}"

Absorb LMS system only supports HTML and CSS label, its function is pretty limited. I am wondering if there are ways to embed this link. Any input is appreciated!

Answer 1

Absorb LMS does support merge fields like {{{CourseUrl}}} inside the href anchor tag. but the editor might not.

Here is the working code:

<div style="text-align: center; padding: 20px;">
  <a href="{{{CourseUrl}}}" target="_blank" style="background-color: #25477B; color: #ffffff; padding: 12px 24px; text-decoration: none; font-family: Arial, sans-serif; font-size: 16px; border-radius: 4px; display: inline-block;">
    Click here to complete your course!
  </a>
</div>