LearnDash

Your Webflow site builds and hosts marketing pages, but it cannot run a learning management system. Course delivery needs enrollment, gated lessons, quizzes, and progress tracking, and all of that requires server-side logic. LearnDash handles those jobs, but it runs on WordPress with PHP and MySQL. Webflow sites cannot execute those, so the two run on separate hosting.

Connecting them gives each platform the job it does best. Design and publish the front end in Webflow. Keep course enrollment, quizzes, certificates, and student progress on a separate WordPress install where LearnDash runs. Automation platforms and REST APIs move form sign-ups into enrollments and push course completions back into the Webflow CMS.

This setup fits teams that deliver courses through LearnDash and want full design control over a Webflow front end.

How to integrate LearnDash with Webflow

What is LearnDash? LearnDash is a WordPress LMS plugin for creating, managing, and selling online courses from a WordPress site. Courses contain lessons and topics, plus quizzes, certificates, and drip content, and LearnDash now bundles a built-in membership platform (MemberDash). The plugin reports 100,000+ active installs and more than 25 million learners taught.

Teams pair the two platforms when course delivery already lives on WordPress but the marketing site needs faster design iteration. The standard architecture keeps Webflow on the primary domain and LearnDash on a subdomain such as courses.yoursite.com. Those connections keep the two sides in sync.

You can connect the two platforms three ways:

• Direct linking points Webflow buttons and links at LearnDash course pages without writing code.
• Zapier and Make automate enrollment, group management, and CMS updates between the two platforms.
• The Webflow Data API and LearnDash APIs give you full control over enrollment and data sync, but require server-side development.

Most implementations combine two or more of these methods depending on the complexity of the setup.

Link Webflow pages to LearnDash courses

Direct linking is the simplest approach and requires no automation or API work. Your Webflow site serves the marketing pages, and every call-to-action button links to a LearnDash course URL on the WordPress domain. LearnDash 3.0 and later includes its own login and registration modal, so students can register and sign in on the course side without extra tooling. That feature requires the LearnDash 3.0 template; it does not work with the Legacy template.

Point buttons and links at your course site

LearnDash installs on a subdomain like courses.yoursite.com or on a primary domain. Both approaches work for live e-learning programs. LearnDash Cloud is a fully-hosted WordPress option with LearnDash pre-installed.

To connect the two sites:

1. Install LearnDash on a WordPress site, self-hosted or on LearnDash Cloud.
2. In Webflow, select a button or link element and set its URL in Link settings to the LearnDash course page. Enable Open in a new tab if you want the marketing site to stay open.
3. In LearnDash, open Course Access Settings and set a per-course redirect URL pointing back to a Webflow thank-you page.

Set a different redirect per course if each program has its own confirmation page.

Embed course previews with Code Embed

The Code Embed element adds blocks of HTML, CSS in <style> tags, and JS in <script> tags to any page. It can also render an iframe of a LearnDash page. It cannot run server-side languages like PHP. It requires a Core, Growth, Agency, or Freelancer Workspace, or an active Site plan. Treat iframe embedding as a last resort because embedded course content is not indexed, which creates SEO problems; responsive layout and cross-domain authentication also get harder.

To test an embed:

1. Drag a Code Embed element from the Add panel onto the canvas.
2. Paste an iframe pointing at the LearnDash course URL.
3. Publish and check the layout across mobile breakpoints.

A stronger pattern syncs course metadata into the CMS and renders it with a Collection List through automation or APIs.

Connect LearnDash and Webflow with Zapier or Make

Both Zapier and Make have LearnDash and Webflow connectors that link in a single workflow. Make lists LearnDash as a Verified app, and on Make the LearnDash triggers are limited to four polling-based events. Zapier's LearnDash add-on fires instantly on activities such as course completions, group enrollments, and quizzes taken, so Zapier reacts faster to completions and enrollments. Either way, the LearnDash Zapier Add-on must be active on the WordPress site.

To build a form-to-enrollment Zap:

1. In WordPress, install the LearnDash Zapier Add-on under LearnDash LMS > Add-ons.
2. In Zapier, create a Zap with the Webflow "New Form Submission" trigger and connect your site via OAuth. The form needs at least one prior submission for Zapier to detect it.
3. Add the LearnDash "Enroll Into Course" action and map the submitter's email field.
4. Test the Zap and turn it on.

The connectors support pairings such as:

• Webflow "New Form Submission" → LearnDash "Enroll Into Course" or "Add to Group"
• Webflow "New Order" → LearnDash "Enroll Into Course"
• LearnDash "Course Completed" → Webflow "Update Item"
• LearnDash "Enrolled Into a Course" → Webflow "Create Live Item"
• LearnDash "Quiz Taken" → Webflow "Update Item"

Zapier does not automatically detect Webflow forms placed inside reusable components. Those need a manual webhook setup instead of the standard trigger.

Build with the Webflow and LearnDash APIs

The API path suits teams that need custom enrollment logic, plus deeper sync for catalog and progress data beyond what Zapier and Make cover. It requires server-side development. The Webflow Data API v2 authenticates with bearer tokens. The LearnDash REST API authenticates with an X-WP-Nonce header or a WordPress login cookie, and server-to-server calls typically use WordPress application passwords. API keys are not available for that API.

• The LearnDash REST API (ldlms/v2, which LearnDash still labels as beta, so endpoints and parameters can change) handles courses, enrollments, assignments, and quiz progress.
• Webflow's Data API v2 handles collection items and form submissions
• Webflow webhooks push real-time events like form_submission and collection_item_created to your server

Most teams build one of two flows: one enrolls students from form submissions, and the other syncs events into the CMS.

Enroll students from Webflow form submissions

A form_submission webhook delivers each submission to your server. Your server creates or finds the WordPress user first, then calls the LearnDash course-users/enrollment route to enroll that user.

To implement it:

1. Register the webhook with POST https://api.webflow.com/v2/sites/{site_id}/webhooks and triggerType form_submission. Add a filter object to target one form by name; filters work only on form_submission webhooks.
2. Validate each delivery with the x-webflow-timestamp and x-webflow-signature headers using HMAC SHA-256.
3. From your server, create or find the WordPress user, then call the LearnDash course-users route, such as /wp-json/ldlms/v2/sfwd-courses/{id}/users, authenticated with a WordPress application password.

Failed deliveries retry up to 3 times before the webhook is considered failed, so return a 200 response quickly and process the payload asynchronously.

Sync LearnDash events and catalog data to the CMS

LearnDash has no native outbound webhook system; it exposes WordPress action hooks like learndash_course_completed and learndash_quiz_completed. Access changes can use learndash_update_course_access. A small custom plugin, or the WP Webhooks plugin, turns those hooks into HTTP requests aimed at the Data API.

To build the sync:

1. Hook the event in WordPress, for example do_action( 'learndash_course_completed', array $course_data ) from the hook reference.
2. Send the mapped data to PATCH https://api.webflow.com/v2/collections/{collection_id}/items/live with the cms:write scope. This updates and publishes in one step.
3. For catalog imports, pull course structure with GET /ldlms/v2/sfwd-courses/{id}/steps, then create items via POST https://api.webflow.com/v2/collections/{collection_id}/items. Staged creates accept up to 100 items per request as drafts, and fieldData must include name and slug.

To skip the draft stage and publish immediately, post to the live items endpoint at POST https://api.webflow.com/v2/collections/{collection_id}/items/live instead.

What you can build with the LearnDash Webflow integration

Integrating LearnDash with Webflow lets you run a fully designed marketing and catalog site without rebuilding your LMS or migrating off WordPress.

• Course marketing sites with a synced catalog: Pull course titles and descriptions from the LearnDash REST API into CMS Collections, include images, and render them with Collection Lists.
• Lead-to-student funnels: A Webflow landing page form feeds Zapier's "Enroll Into Course" action, so a free mini-course signup page enrolls students the moment they submit.
• Completion-driven site content: The LearnDash "Course Completed" trigger paired with Webflow's "Update Item" action keeps a graduate page or completions counter current without manual edits.
• Corporate training portals: Branded landing pages per department link to LMS courses on learn.yourcompany.com, with enrollment automated from Webflow forms.

If you need more control over enrollment logic or deeper sync for catalog and progress data, the API path covers those cases with full flexibility. To start with a simpler form-driven flow, see this Zapier form workflow.