How do I add a lightning Web component in community builder?
To do this you’ll need to navigate to the Community Builder. Go to Setup -> All Communities -> click builder next to the community you want to add your lightning component to. Once the Community Builder is open you’ll see the components list on the left side of the page. Look for your lightning component here.
How do I open community builder?
After creating the lightning community, click on the ‘Manage’ link present against the community name to open the community builder. You can customize lightning communities in Community Builder in the following ways: Styling and branding communities.
How to create custom lightning component in community builder?
Next component needs to be visible to Community Builder, need to add implements=”forceCommunity:availableForAllPageTypes” and make it available global, here is code for that Next add attribute so we can let user edit the URL for navigation and set anchor tag, simple the full code look like this Save this component and try in Community Builder.
How to add lighting component to community pages?
Lighting component can be added on the community pages, so that the user can directly submit tickets, raise requests, or view self help articles without logging into any other URL and get similar experience as Self Service. For more information, refer the following sections:
How to configure a component in Salesforce Lightning?
If you don’t include an SVG resource, the system uses a default icon () in the Components panel. An SVG resource must be named component.svg. You can only have one SVG per folder. Here’s a simple red circle SVG resource to go with the “Hello World” component.
How to configure a component for experience builder?
After you configure the component, it’s then available to all Experience Builder sites in your org. 1. Define Component Metadata in the Configuration File A component’s project folder must include a configuration file— .js-meta.xml file —that defines the metadata values for the component.