# Resource Center

## What Are Resource Centers?

**Resource Centers** are **customizable in-app widgets** that provide users with **on-demand access to key resources, guides, and experiences**. They function as a **collapsible badge**, similar to the **changelog widget**, but offer **greater flexibility** by allowing multiple Resource Centers with **dynamic triggers** based on user context.

Resource Centers are ideal for **onboarding flows, support documentation, and in-app guidance**, helping users find the right information when they need it, without disrupting their experience.

***

## Overview

### 📺 Tutorial: First Resource Center

<kbd>(Coming Soon)</kbd>

* **Self-Serve Knowledge Hub** – Aggregate **past experiences, checklists, and hints** in a structured menu.
* **Customizable Menu & Design** – Personalize the layout with **icons, embedded media, and links** to structure resources effectively.
* **Dynamic Content Display** – Unlike the changelog, you can create **multiple Resource Centers**, triggered **based on page, user progression, or specific conditions** to provide **relevant information at the right time**.
* **Seamless Access Without Overload** – Avoid overwhelming users by **displaying only the most relevant resources**, keeping guidance contextual and effective.

***

## Use Cases

<kbd>(Coming Soon)</kbd> Explore our [demo website](https://explore.usejimo.com/dashboard) to see examples of Resource Centers in action. Choose between different experience examples to see how a resource center can be effectively implemented in context.<br>

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2F8Ob0buJwqCMIzf3Eaq0Y%2Fimage.png?alt=media&#x26;token=7ed22f84-3e0e-4b46-b857-2ffcfcebde38" alt=""><figcaption></figcaption></figure>

* **📚 Self-Serve Knowledge Hub**\
  Aggregate previous experiences, checklists, and external links in one centralized location, allowing users to find relevant information when they need it.
* **🎯 Contextual Help & Documentation**\
  Provide instant access to help articles, FAQs, or embedded media without disrupting the user workflow.
* **🛠️ Dynamic Resource Access**\
  Automatically display relevant content based on user activity, progress, or page context, ensuring personalized guidance.
* **🔔 Feature & Update Announcements**\
  Keep users informed by linking changelogs and announcements inside the Resource Center for easy reference.

***

### How to Access

1. **Navigate to Experiences:**\
   From your [Jimo dashboard](https://help.usejimo.com/docs/build/dashboard), go to [Resource Center.](https://i.usejimo.com/resource-centers)<br>

   <figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2F0RoOSvvfA5zp5mltxlj4%2Fimage.png?alt=media&#x26;token=439d3a25-983f-486d-be77-c6d6bd230a44" alt=""><figcaption></figcaption></figure>
2. **Create or Select a Resource Center:**
   * **First-Time Users:** Click **"Create Your First Resource Center"**.<br>

     <figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2Fad8OuhoP5UTCf66jLfsZ%2Fimage.png?alt=media&#x26;token=fe618d76-626b-44c9-8acd-9c9b73acb0cc" alt=""><figcaption></figcaption></figure>
   * **Returning Users:** Click the **+ New Resource Center** button in the top-right corner.<br>

     <figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2F1pGo2s609cgIjzw6pNt1%2Fimage.png?alt=media&#x26;token=9b785e28-2c7a-4e0c-8cbb-e5e1be2d5640" alt=""><figcaption></figcaption></figure>
   * Enter a **name** for your Resource Center, then proceed directly to the **standalone builder**.<br>

     <figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2Fb9oX732lRL1ltJN6gvdD%2Fimage.png?alt=media&#x26;token=1c3f5c8d-314b-4faf-ac20-7974682083f7" alt=""><figcaption></figcaption></figure>
3. **Customize Your Resource Center**
   * There's no templates, use the **standalone builder** to directly structure your Resource Center.
   * Add and organize **helpful links, experiences, and embedded content** to create a tailored support hub.

***

## Main Features

Jimo's Resource Center provides a robust set of features designed to centralize and enhance knowledge access for users. Unlike other sequential experiences like Tours or Checklists, the Resource Center is a **single-step** experience that remains accessible through a standalone widget.&#x20;

It allows users to **self-serve** information while maintaining flexibility in design and content organization. Below is an overview of the overall process. For a detailed breakdown of resource center-specific elements and customization, visit our [**Resource Center Components page**](https://help.usejimo.com/docs/experiences/resource-center/components).

### Builder

The **Resource Center Builder** is your central hub for creating and customizing your Resource Center. Unlike Tours & Modals, it does not rely on a step-by-step flow but instead provides a **single, structured interface** where you can organize and display key information.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FOiPunsbCVBE2abUecYXj%2Fimage.png?alt=media&#x26;token=b2b85341-2810-47ad-9389-0f7328f7cad6" alt=""><figcaption></figcaption></figure>

<details>

<summary><strong>Name and Back Button (A)</strong></summary>

* **Edit Resource Center Name**: At the top, you can edit the name of your Resource Center for easy identification.
* **Back to Dashboard**: Use the arrow next to the name to return to the [dashboard](https://help.usejimo.com/docs/build/dashboard) where all created Resource Centers are listed.

</details>

<details>

<summary><strong>Action Buttons (B)</strong></summary>

* **Save:** Secure your progress with the 'Save' button, which also [automatically saves your work regularly](#user-content-fn-1)[^1].&#x20;
* [**Preview:**](https://help.usejimo.com/docs/build/preview) Simulate how the Resource Center will appear and function when deployed on a specific URL.
* [**Target & Publish:**](https://help.usejimo.com/docs/publish/target-and-publish) Set the conditions for displaying the Resource Center, ensuring it appears only where needed.

</details>

***

### Content Builder

The [**Content Builder**](https://help.usejimo.com/docs/build/builders/content-builder) tab allows you to organize and fine-tune the structure of your Resource Center. You can add, arrange, and edit different content blocks to create a seamless user experience.

<figure><img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2F4dm4jWVyiUspeezpduaS%2Fimage.png?alt=media&#x26;token=88c17a1d-cfd7-4647-a044-85398b8e365b" alt=""><figcaption></figcaption></figure>

<details>

<summary><strong>Properties Sidebar: Elements Editor (A)</strong></summary>

* **Modify Attributes:** Adjust positioning, styling, and animations for the currently selected element in the navigator.

</details>

<details>

<summary><strong>Builder Menu (B)</strong></summary>

* [**Navigator:**](https://help.usejimo.com/docs/build/navigator) Manage and organize content blocks within the Resource Center.
* [**Themes:**](https://help.usejimo.com/docs/build/theme) Apply styling to maintain brand consistency.
* [**Translations:**](https://help.usejimo.com/docs/build/multiple-languages) Manage multiple language versions for localization.

</details>

<details>

<summary><strong>Navigator (C)</strong></summary>

* **Element List:** View all content blocks within the Resource Center.
* **Element Selection:** Click to edit content directly through the **Properties Sidebar**.

</details>

<details>

<summary><strong>Live Preview (D)</strong></summary>

* **Real-Time Editing:** View and modify content directly within the Resource Center preview.
* **Element Interaction:** Click elements to modify text, media, or settings without leaving the builder.

</details>

***

## Best Practices

{% stepper %}
{% step %}
**Keep It Organized**

Use intuitive titles, icons, and grouping to help users quickly understand and access the information they need.
{% endstep %}

{% step %}
**Prioritize Essential Content**

Include only the most useful resources, checklists, and guides to prevent overwhelming users with too much information.
{% endstep %}

{% step %}
**Leverage Multiple Resource Centers**

Create different Resource Centers based on user roles, pages, or onboarding stages to provide more relevant and contextualized content.
{% endstep %}

{% step %}
**Maintain Brand Consistency**

Apply consistent fonts, colors, and styles that align with your product’s design language to create a seamless user experience.
{% endstep %}

{% step %}
**Track Usage & Engagement**

Monitor user interactions through Jimo’s analytics to understand which resources are accessed most and refine your content accordingly.
{% endstep %}
{% endstepper %}

[^1]: <img src="https://2794860263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKzAcDWQbK1gKbpra7bkb%2Fuploads%2FQ5r0zzDqjnuzuqPc4xSm%2FTMbuilderSave.png?alt=media&#x26;token=1f8501d8-918c-40b5-bbc2-1028e527d5e6" alt="" data-size="original">