Develop Experience Builder Sites: The Basics

Learn about the Developer Console development tool, how to create a basic drag-and-drop Aura component, and tips to consider along the way.

Using the Developer Console
The Developer Console provides tools for developing your Aura components and applications.
Configure Drag-and-Drop Aura Components for Experience Builder
Before you can use a custom Aura component in Experience Builder, there a few configuration steps to take.
Expose Component Attributes in Experience Builder
You use a design resource to control which attributes are exposed in Experience Builder. A design resource lives in the same folder as your component. It describes the design-time behavior of the Aura component—information that visual tools need to display the component in a page or app.
Tips and Considerations for Configuring Aura Components for Experience Builder
Keep these guidelines in mind when creating Aura components and component bundles for Experience Builder.
Supported Aura Components, Interfaces, and Events
Not all Aura components, interfaces, and events are supported for Aura-based Experience Builder sites. Some are available only for the Salesforce mobile app or Lightning Experience. Check out what’s available before customizing your site.
Personalization Target Developer and Group Names
Determine the developer name and group name for your experience variation targets when using Connect REST API or Metadata API to personalize your Experience Builder site.
Comply with a User’s Personal Information Visibility Settings
Orgs with portals and sites provide specific settings to hide a user’s personally identifiable and contact information from other users. These settings aren’t enforced in Apex, even with Apex security features such as the WITH SECURITY_ENFORCED clause or the stripInaccessible method. To hide specific fields from a guest or external user, follow the sample code outlined below.