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!

So to clarify, you want a button that sends you to a certain URL when clicked on? — Paxon Kymissis
– Paxon Kymissis, Commented Apr 29 at 22:30
Yes, specifically the URL of the course that the email recipient is enrolled in. — EYS
– EYS, Commented Apr 30 at 15:00

Omprakash S · Accepted Answer · 2025-04-30 10:54:53Z

0

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>

answered Apr 30 at 10:54

Omprakash S

1

Sign up to request clarification or add additional context in comments.

1 Comment

EYS Apr 30 at 15:56

<div style="text-align: center; padding: 20px"> <a href="<a href='https://company.myabsorb.ca/#/online-courses/2cfc036f-3985-47d8-a70e-8ff223232fd1'>https://company.myabsorb.ca/#/online-courses/2cfc036f-3985-47d8-a70e-8ff223232fd1</a>" 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>

I don't think this code works, it is giving me the same result as the code in question.

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related