Agregar marcas y componentes al sitio

Nota

¿Es su idioma de aprendizaje español (LATAM)? Comience el reto en un Trailhead Playground en español (LATAM) y utilice las traducciones entre paréntesis para navegar. Copie y pegue solo los valores en inglés, ya que las validaciones del reto dependen de los datos en ese idioma. Si no aprueba el reto en su organización en español (LATAM), recomendamos que (1) cambie la configuración local a Estados Unidos, (2) cambie el idioma a inglés (según estas instrucciones) y, luego, (3) haga clic en el botón “Check Challenge” (Comprobar el reto) nuevamente.

Consulte la insignia Trailhead en su idioma para obtener más información sobre cómo aprovechar la experiencia de Trailhead en otros idiomas.

El sitio Category 1 Biking se encuentra perfectamente. En este paso, agregue marcas personalizadas, actualice componentes y ponga los últimos toques en el sitio. Comience por agregar marcas al sitio y actualizar el menú de navegación. 

Actualizar titulares

1. Haga clic en el selector (selector)  y seleccione Builder (Generador).
   
2. Haga clic en el componente Headline (Titular).
   
   
3. Actualice el titular del siguiente modo.
   

• Title (Título): Category 1 Biking
• Banner Text (Texto de pancarta): Welcome to the community! (¡Le damos la bienvenida a la comunidad!)

4. Haga clic en X para cerrar el editor de Headline (Titular).
   

Actualizar el tema

A continuación, use el menú Theme (Tema) para seleccionar los colores y las imágenes del sitio. Descargue este archivo zip a fin de acceder a imágenes que puede utilizar para este proyecto. Asegúrese de descomprimir el archivo.

1. Seleccione el icono Theme (Tema).
   
   
2. Haga clic en Colors (Colores) para ampliar el menú.
   
3. Ajuste los colores como mejor le parezca.
   
4. Haga clic en la flecha que apunta a la izquierda junto a Colores para contraer el menú.
   
5. Haga clic en Images (Imágenes) para ampliar el menú.
   
6. Haga clic en Upload Image icon (icono Cargar imagen) bajo Imagen de encabezado.
   
7. Haga clic en Upload Image (Cargar imagen) y seleccione header.jpg desde la carpeta que descargó anteriormente.
   
8. Haga clic en X para cerrar el editor de Theme (Tema).
   

Actualizar el menú de navegación

1. Haga clic en la barra gris en la parte superior para revelar el componente Navigation Menu (Menú de navegación).
   
   
2. Haga clic en Edit Default Navigation (Modificar menú de navegación) desde el menú de la derecha.
   
3. Haga clic en + Add Menu Item (+ Agregar elemento de menú).
   
4. Ingrese estos detalles.
   

• Actualizar el nombre a Cases (Casos)
• Type (Tipo): Salesforce Object (Objeto de Salesforce)
  
• Object Type (Tipo de objeto): Case (Caso)
  
• Default List View (Vista de lista predeterminada): My Open Cases (Mis casos abiertos)
  

5. Haga clic en Save Menu (Guardar menú).
   
6. Haga clic en X para cerrar Navigation Menu (Menú de navegación).
   

Agregar los componentes Chat Snap-In (Snap-In de chat) y Article (Artículos)

1. Seleccione el icono Components (Componentes).
   
   
2. Ingrese Embedded Service Chat (Chat de servicio integrado) en la barra de búsqueda de componentes.
   
3. Seleccione Embedded Service Chat (Chat de Servicio integrado) y arrástrelo a la barra lateral derecha, debajo del componente Ask a Question (Formular una pregunta).
   
4. Aparecerá la ventana emergente Can’t Access Resources (No se puede acceder a recursos). Ajustará la Política de seguridad de contenido más adelante. Haga clic en OK (Aceptar).
   Nota: ¿No ve el cuadro emergente? Compruebe su navegador. Si está utilizando Mozilla Firefox, pruebe a cambiar a Google Chrome.
   
5. Haga clic en X para cerrar el cuadro de diálogo Embedded Service Chat (Chat de Servicio integrado).
   
6. Haga clic en el Components icon (icono Componentes) para reabrir el menú.
   
7. Ingrese Trending Articles by Topic (Artículos de tendencias por tema) en la barra de búsqueda de componentes.
   
8. Seleccione Trending Articles by Topic (Artículos de tendencias por tema) y arrástrelo a la barra lateral por debajo del componente Embedded Service Chat (Chat de servicio integrado).
   
   
9. Haga clic en X para cerrar el editor de Trending Articles by Topic (Artículos de tendencias por tema).
   

Ajustar la política de seguridad de contenido

Política de seguridad de contenido (CSP) es un estándar web que define reglas para controlar la fuente de contenido que se puede cargar en una página. Todas las reglas de CSP funcionan a nivel de la página y se aplican a todos los componentes y bibliotecas. Ajuste la CSP para permitir al Agente de chat ejecutar en este sitio.

1. Seleccione el icono Settings (Configuración).
   

2. Seleccione Security & Privacy (Seguridad y privacidad).
   
3. Haga clic en el menú desplegable CSP estricta y seleccione Relaxed CSP (CSP relajada): Permit Access to Inline Scripts and Allowed Hosts (Permitir las secuencias de comandos en línea y hosts permitidos).
   
4. Haga clic en Allow (Permitir).
   
5. Aparecerá la ventana emergente Can’t Access Resources (No se puede acceder a recursos) de nuevo. Copie la parte https hasta .com de la dirección URL indicada. Estará agregando esta dirección URL a sus Sitios de confianza para secuencias de comandos.
   
6. Tras copiar la dirección URL, haga clic en OK (Aceptar).
   
7. Haga clic en +Add Trusted Site (+Agregar sitio de confianza).
   
8. Pegue la dirección URL que acaba de copiar en el cuadro de texto URL.
   
9. Ingrese Chat en el cuadro de texto Name (Nombre).
   
10. Asegúrese de que se ha seleccionado Active (Activo).
    
11. Haga clic en Add Site (Agregar sitio).
    
12. Haga clic en la X para cerrar la ventana Settings (Configuración).
    

Publicar su sitio

1. Haga clic en Publish (Publicar).
   
2. En la pantalla de confirmación Publish Your Site (Publicar su sitio), haga clic en Publish (Publicar), luego Got It (Entendido).
   

Recibirá una confirmación por email una vez publicado su sitio. Haga clic en el vínculo en su email para ver su sitio en funcionamiento.