Back to Course Button
Back to Course Button
Renders a button that links from the current lesson back to its parent course. The link is resolved automatically from LifterLMS — there is no URL to fill in.
Usage
Lesson template header or footer — Place the widget in a lesson template built with Templates > Theme Builder so every lesson gets a consistent way back to its course. Combine it with the Lesson Navigation widget for previous/next links.
Styled to match your site — Leave Render on Custom button and use the Style tab like any Elementor button. Pair it with the Continue Button widget on the course page for the reverse journey.
Native LifterLMS look — Set Render to LifterLMS render when you want the plain Back to: Course Title link that LifterLMS prints on its own lesson pages.
Link only, no button — If you need just the URL (for example in a heading, image, or your own button), use the Course URL dynamic tag instead of this widget.
How it works
| Situation | Behaviour |
|---|---|
| Lesson page | The button links to the permalink of the lesson's parent course. |
| Course page or any other post | There is no parent course, so the resolved URL falls back to the current post's own permalink. Use the widget on lesson templates. |
| No URL can be resolved | Nothing is rendered on the front end. Inside the Elementor editor the widget still renders so you can style it. |
| Render is Custom button (default) | Elementor's Button widget is output. The Link control is hidden and prefilled with the course URL (same tab, nofollow). |
| Render is LifterLMS render | The output is replaced by LifterLMS's own parent-course template: a <p class="llms-parent-course-link"> containing Back to: followed by a link with the course title. The widget's Button and Style sections are hidden. |
| Caching | The widget is marked as dynamic content, so Elementor does not cache its output. |
Settings
Content — Link type
| Setting | Description |
|---|---|
| Render | How the button is produced. Custom button (default) — an Elementor button you can style on the Style tab. LifterLMS render — LifterLMS's standard Back to: text link, with no Elementor styling controls. |
Content — Button (shown only when Render is Custom button)
These are Elementor's standard Button controls — see Elementor's Button widget documentation. The Link control is hidden because Lifter Elements fills it in.
| Setting | Description |
|---|---|
| Text | The button label. Accepts dynamic tags. |
| Alignment | Left, Center, Right, or Justified (full width). Responsive. |
| Size | The preset size of the button. |
| Icon | An optional icon from the icon library or an uploaded SVG. Icon Position and Icon Spacing appear once an icon is chosen. |
| Button ID | An HTML id attribute for the button, useful for analytics events or anchor links. |
Style (shown only when Render is Custom button)
| Setting | Description |
|---|---|
| Typography / Text Shadow | Font settings and text shadow for the label. |
| Normal / Hover | Text color, background, border color, and hover animation for each state. |
| Border Type / Border Radius / Box Shadow | Border and shadow around the button. |
| Padding | Space between the label and the button edges. |
Advanced
The Advanced tab holds Elementor's own layout, motion, responsive and custom-CSS controls — see Elementor's documentation. Lifter Elements adds one section, Conditional Logic, which shows or hides this widget by the visitor's LifterLMS status — see the Conditional Logic reference.
Notes
- The widget lives under the Lifter Elements category in the Elementor widget panel.
- Related: Lesson Navigation, Continue Button, and the Course URL dynamic tag.