1. From Setup, enter Custom Console Components in theQuick Find box, then select Custom ConsoleComponents.
2. Click New.
3. Type a name for your component.
4. In Button Name, type the label to display on the button users click to launch your component. For example, Live Agent.
5. In Button CSS, enter the in-line style used to define how the button looks to users who click it to launch your component. The styles supported include font, font color, and background color.
6. Type the width of the button to display in the console.
7. In Component, select Visualforce Page orCanvas App, and either type the name of your component, or click to find and select it.Tip You can include Lightningcomponents in Visualforce pages. See Lightning FAQ.
8. Type the height and width of the window used to display your component in the console.
9. To prevent users from changing the dimensions of the window used to display your component, click Fixed Width or Fixed Height.
10. Click Save.