# 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">


---

# 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://help.usejimo.com/docs/experiences/resource-center.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.