Use Lightning Web Components in Visualforce Pages

Add a Lightning web component to a Visualforce page to combine features that you’ve built using both technologies. Implement new functionality using Lightning web components and then use it with existing Visualforce pages.

Where: This change applies to Lightning web components in Visualforce pages. To create a Lightning web component, use Enterprise, Performance, Unlimited, and Developer editions.

How: Adding a Lightning web component to a Visualforce page is a three-step process.

  1. Add the Lightning Web Components for Visualforce JavaScript library to your Visualforce page using the <apex:includeLightning/> component.
  2. Create and reference a standalone Aura app that declares your component dependencies.
  3. Write a JavaScript function that creates the component on the page using $Lightning.createComponent().

Use the <namespace:camelCaseComponentName> naming convention to reference a Lightning web component in a Visualforce page.

For more details, see the Lightning Web Components Developer Guide.