Course Continue Button
Course Continue Button
Renders a button that links an enrolled student to the next lesson they have not completed in the current course. It is Elementor's own Button widget with the link resolved automatically from LifterLMS course progress, so every Button text, icon and style option is available.
Usage
Course page call-to-action — Place the button near the top of a course template so returning students can resume without scrolling the syllabus. Pair it with the Course Progress widget to show how far they have come. See How to Build a Course Template.
Lesson sidebar — On a lesson template the button still resolves to the course's next incomplete lesson, which is useful when a student opens an older lesson and wants to jump back to where they left off. Combine with the Back to Course Button for a two-button navigation block.
Enrolled-only layouts — The button hides itself for visitors who are not enrolled, so it can sit beside an Access Plans widget that you hide from enrolled students with Conditional Logic; each visitor then sees only the relevant action.
How it works
The widget hides the Button widget's Link control and fills it from LifterLMS's continue-button logic (the same logic behind the [lifterlms_course_continue_button] shortcode) for the course of the page being viewed. On a lesson page the parent course is used. Only the link is taken from LifterLMS; the label comes from the widget's Text setting.
| Situation | Behaviour |
|---|---|
| Enrolled student with lessons remaining | Links to the student's next incomplete lesson. A student who has not started gets the first lesson. |
| Enrolled student who has completed the course (100%) | LifterLMS provides no link, so the widget renders nothing. |
| Logged-in visitor not enrolled in the course | Renders nothing. |
| Logged-out visitor | Renders nothing. |
| Page with no course context (a regular page, an archive) | Renders nothing. |
| Editing in Elementor | The button is always rendered so you can style it; when no link is available a notice above it explains that it may not appear on the live page. |
The link is resolved per visitor, so the widget is marked as dynamic content and is excluded from Elementor's element caching.
Settings
Content — Button
| Setting | Description |
|---|---|
| Type | Preset colour scheme for the button: Default / Info / Success / Warning / Danger. Default is Default. |
| Text | The button label. Default is "Click here" — change it to something like "Continue course". Accepts dynamic tags. |
| Size | Button size preset: Extra Small / Small / Medium / Large / Extra Large. Default is Small; Elementor hides this control while the default is in use. |
| Icon | Optional icon from the icon library or an uploaded SVG. |
| Icon Position | Before or After the text. Shown only when an icon is selected. |
| Icon Spacing | Gap between the icon and the text. Shown only when an icon is selected. |
| Button ID | Optional HTML id for the button element, for example for analytics tracking. Accepts dynamic tags. |
The Link control is not shown; the URL is set automatically as described above.
Style — Button
| Setting | Description |
|---|---|
| Position | Horizontal placement of the button in its container (left, centre, right, or justified to full width), per device. |
| Alignment | Alignment of the icon and text inside the button, per device. |
| Typography, Text Shadow | Font settings and text shadow for the label. |
| Normal / Hover | Per-state Text Color, Background, Border Color (hover), plus Transition Duration and Hover Animation for the hover state. |
| Border Type, Border Radius, Box Shadow | Border and shadow of the button. |
| Padding | Inner spacing between the label and the button edge, per device. |
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
- Because the widget renders nothing for completed, non-enrolled and logged-out visitors, you do not need Conditional Logic to hide it from them. Use Conditional Logic when you want something else (an enrol button, a certificate link) to appear in its place.
- The button label does not change with progress. LifterLMS's own shortcode switches between "Get Started" and "Continue"; this widget always shows the Text you set.
- Related: Back to Course Button, Course Progress, Next Lesson URL dynamic tag.