Skip to main content

Agregar marcas y componentes al sitio

Nota

Nota

¿Es su idioma de aprendizaje español (LATAM)? En esta insignia, las validaciones de los retos prácticos de Trailhead funcionan en inglés. Entre paréntesis se incluyen las traducciones a modo de referencia. Copie y pegue los valores que figuran en inglés y, luego, cambie el idioma de su Trailhead Playground a inglés y la configuración local a Estados Unidos. Siga las instrucciones que figuran aquí.

Consulte la insignia Trailhead en su idioma para aprender a aprovechar la experiencia traducida de Trailhead.

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) Botón selector de comunidad y seleccione Builder (Generador).
  2. Haga clic en el componente Headline (Titular).
    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).
    Icono 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).
    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).
    Seleccionar 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).
    Colocación de Trending Articles by Topic (Artículos de tendencias por tema)
  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). Icono Settings (Configuración) seleccionado
  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. Ventana Can’t Access Resources (No se puede acceder a recursos)
  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.

¡Siga aprendiendo gratis!
Regístrese para obtener una cuenta y continuar.
¿Qué hay para usted?
  • Consiga recomendaciones personalizadas para sus objetivos profesionales
  • Practique sus aptitudes con retos prácticos y pruebas
  • Siga y comparta su progreso con empleadores
  • Póngase en contacto para recibir asesoramiento y oportunidades laborales