How to add lightning component in Salesforce visualforce page?

Hello Prachi,

There are four steps to add Lightning components to a Visualforce page:
1. Add the Lightning Components for Visualforce JavaScript library to your Visualforce page using the "<apex:includeLightning/>" component.
2. Create  a Lightning app that declares your component dependencies

3. Reference this Lightning dependency  app.

4.  Create the component on the page using the function "$Lightning.createComponent()".

• This reply was modified 8 years, 3 months ago by  shradha jain.

Hi Prachi,

In winter ‘16 a new and powerful feature was  introduced  which allow you to implement your lightning component in visualforce pages.

There are three steps to add Lightning components to a Visualforce page.

Add the <apex:includeLightning /> component to your Visualforce page.
Reference a Lightning app that declares your component dependencies with $Lightning.use().
Write a function that creates the component on the visualforce page with $Lightning.createComponent().

Thanks.