LogoLogo
HomepageYouTube ChannelInstall from the AppExchange
  • Home
  • Dynamic Components
  • Flow Components
  • Experience Components
  • Projects
  • 👋Welcome
  • Getting Started
    • Installation & License Management
    • Quick Start Guide
    • Learning the Basics
    • Reactive Data Components
  • Experience Components
    • 🖼️View All Components
    • Accordion
    • Accordion Section
    • Alert
    • Audio
    • Avatar
    • Avatar Group
    • Banner
    • Bar Code
    • Blockquote
    • Button
    • Button Dialog
    • Button Group
    • Button Menu
    • Calendar
    • Card
    • Chip Container
    • Container
    • Data Table
    • Feed
    • Gallery
    • Icon
    • Illustration
    • Image
    • Kanban
    • Language Selector
    • Layout
    • List
    • Map
    • Media Object
    • Metric
    • Navigation
    • Profile Card
    • Progress Bar
    • Progress Circle
    • Progress Indicator
    • Publisher
    • Record Detail
    • Separator
    • Tabs
    • Text Block
    • Timeline
    • Video
  • Properties Panel
    • Appearance
    • Interactions
      • Show Toast
      • Navigate
      • Open Alert Modal
      • Open Confirm
      • Open Flow Dialog
  • Tutorials
    • General
      • Expressions for Aura Sites
      • Expressions for LWR Sites
    • Components
      • Banner
        • With Illustration and Buttons
        • With Content centered
      • Card
        • Creating a MapCard Showcase
      • Data Table
        • Configuring the Data Table to display current related record information
      • Image
        • Utilizing Avonni Image Component for Before-and-After Image Comparisons
      • Layout
        • Configuring the Layout to be responsive
      • Map
        • Set up the map to show record details information
      • Profile Card
        • Set up the Profile Card to display current user information
      • Tabs
    • Interactions
      • Configure the Open Flow Dialog to open a flow by clicking a button
    • Reactive Components
      • Interactive Map
      • Linked Data Tables
      • Guide to Implementing
    • Use Cases
      • Building a record detail page header
      • Creating a MapCard Showcase
      • Creating a Grid Layout
      • Utilizing Avonni Image Component for Before-and-After Image Comparisons
  • HELP
    • How do I contact support?
    • How do I report bugs?
    • Release Notes
    • Security
Powered by GitBook
LogoLogo

Company

  • About Us
  • Pricing

Policies

  • Privacy Policy
  • Terms of Service
On this page

Was this helpful?

  1. Getting Started

Quick Start Guide

Last updated 1 year ago

Was this helpful?

Before using Avonni Components on your Experience Cloud website, ensure that you activate the 'Lightning Web Security' option. This toggle is in the settings panel under the 'Security & Privacy' section. The Avonni Components may not function correctly if this setting is not enabled.

Accessing the Avonni Components

After successfully , accessing these components in Salesforce Experience Cloud is straightforward:

  1. Navigate to the Components Section:

    • In your Experience Cloud site's editor, click the "Components" button. This is typically located in the sidebar or a similar area in your site's editing interface.

  2. Finding Avonni Components:

    • Within the Components section, look for the "Custom Components" category. You will find all the components included in the Avonni Components managed package here.

    • The Avonni Components for Experience Cloud are grouped explicitly under this category for easy identification and access.

  3. Using Avonni Components:

    • Once you locate the Avonni Components in the Custom Components section, you can add them to your pages.

    • Drag and drop your chosen Avonni Component onto your site's layout and begin customizing as per your requirements.

This process ensures that once installed, the Avonni Components are readily available and easily identifiable within your Experience Cloud site's editing environment, allowing for seamless integration and usage in your digital projects.

installing the Avonni Components managed package