# Guía de inicio rápido

{% hint style="warning" %}

#### Importante

Antes de usar Avonni Components en su sitio web de Experience Cloud, asegúrese de activar la opción '**Seguridad Web de Lightning**'. Este interruptor se encuentra en el panel de configuración, en la sección '**Seguridad y privacidad**'. Es posible que Avonni Components no funcione correctamente si esta configuración no está habilitada.

<img src="/files/ed53f41b13c0201c51cf53c69e6f0df0e2380336" alt="" data-size="original">
{% endhint %}

## Acceder a Avonni Components

Después de instalar el [**paquete Avonni Experience Components**](https://appexchange.salesforce.com/appxListingDetail?listingId=2e584bb3-b5e0-415d-9347-d6567158d840\&channel=recommended\&cta=gin\&other_source=AppExchange+Recommended), puede encontrar y utilizar estos componentes en el editor de su sitio de Experience Cloud:

### **Buscar los componentes**

1. Abra su Experience Site en Experience Builder
2. Haga clic en el panel de **Componentes** (generalmente en la barra lateral izquierda)
3. Desplácese hasta la sección de **Componentes personalizados** sección
4. Busque componentes que comiencen con "AX -" (como AX - Data Table, AX - Calendar, AX - Kanban)

### **Agregar componentes a su página**

Una vez que encuentre los componentes AX en la lista de Componentes personalizados, simplemente arrástrelos y suéltelos en el lienzo de su página. Luego configure los ajustes del componente en el panel de propiedades a la derecha.

Todos los componentes AX para Experience Sites tienen el prefijo "AX -" para que sea fácil identificarlos y distinguirlos de los componentes estándar de Salesforce.

<figure><img src="/files/121749a8130b00671113b8d34c1a4293fa769065" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

#### Nota

Si anteriormente instaló el paquete Avonni Components para Screen Flow, tenga en cuenta que los componentes de Experience Sites utilizan un formato de nomenclatura diferente:

* **Componentes de Experience Sites:** AX - Nombre del componente (p. ej., AX - Kanban, AX - Data Table)
* **Componentes de Screen Flow:** Avonni - Nombre del componente (p. ej., Avonni Kanban, Avonni Data Table)

Ambos pueden coexistir en su organización.
{% endhint %}

Este proceso garantiza que, una vez instalados, Avonni Components estén fácilmente disponibles y sean fácilmente identificables dentro del entorno de edición de su Experience Site, lo que permite una integración y uso sin inconvenientes en sus proyectos digitales.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/primeros-pasos/guia-de-inicio-rapido.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.