> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hayami.moe/llms.txt
> Use this file to discover all available pages before exploring further.

# Getting started

> Step-by-step guide on how to setup the extension; things you may have missed, and the more straightforward parts.

Hayami can be downloaded and installed straight from the [Chrome Web Store](https://chromewebstore.google.com/detail/hayami-anime-comments-dis/nhkggpiaeaeeeimohfpchnjobbamfcbg) and [Firefox Addons](https://addons.mozilla.org/en-GB/firefox/addon/hayami/). After installation, a new tab will be made guiding you through the setup.

## Setting up Hayami

### Connecting accounts

Through the setup, you may be asked to connect some accounts. Hayami interfaces with these platforms from your browser directly to show you episode discussions. All discussion platforms have their own terms and privacy policies respectfully, which should be regarded before use.

Before you can do this, you need to allow Hayami permission to access discussion platforms and sites it relies on to provide comments to you. This varies based on your browser.

<Tabs>
  <Tab title="Chrome" icon="chrome">
    For Chrome users, just hit 'Allow' on the 'Allow access to discussion platforms' step on the prompt to allow Hayami access to provide comments to you.

    <Frame>
      <img src="https://mintcdn.com/hayami/5nYagd5OVK440k67/images/chromeSetup_allowAccessSites-2.png?fit=max&auto=format&n=5nYagd5OVK440k67&q=85&s=2b05ac157fb959fbfce2a6ffd1ed4597" alt="Chrome Setup Allow Access Sites 2" title="Chrome Setup Allow Access Sites 2" className="mx-auto" style={{ width:"78%" }} width="1584" height="554" data-path="images/chromeSetup_allowAccessSites-2.png" />
    </Frame>
  </Tab>

  <Tab title="Firefox" icon="firefox-browser">
    For Firefox users, just hit 'Allow' on the 'Allow access to discussion platforms' step on the prompt to allow Hayami access to provide comments to you.

    <Frame>
      <img src="https://mintcdn.com/hayami/1undwC8jyWBZsGtv/images/firefoxSetup_allowAccessSites.png?fit=max&auto=format&n=1undwC8jyWBZsGtv&q=85&s=cfb98007659c84cb6e586ca3e388f436" alt="Firefox Setup Allow Access Sites" title="Firefox Setup Allow Access Sites" className="mx-auto" style={{ width:"43%" }} width="822" height="630" data-path="images/firefoxSetup_allowAccessSites.png" />
    </Frame>
  </Tab>

  <Tab title="Safari" icon="safari">
    You may see warnings that you need to accept permissions to sites when onboarding. Ensure you click 'Allow Always' when Safari asks you to allow access to requested sites. **Made a mistake?** Click on Hayami, and Hayami will have a popup asking for permissions. <Tooltip tip="Safari by-default asks permissions per-site, but also simultaneously causes bundled sites with the extension itself not to function properly unless given permission by you.">(Why?)</Tooltip>

    <img src="https://mintcdn.com/hayami/VMCtbKcv66BGklVd/images/safariSetup_allowAlways.png?fit=max&auto=format&n=VMCtbKcv66BGklVd&q=85&s=77bc2b8a182bf890d6cc5fea0ff2081e" alt="Safari Setup Allow Always" width="1370" height="980" data-path="images/safariSetup_allowAlways.png" />

    Alternatively, you can go into Hayami's permission settings on Safari and allow Hayami access to all websites. This is shown below. You can change this at any time, and you can also configure the sites Hayami runs on through Hayami's settings.

    <img src="https://mintcdn.com/hayami/f51zKW5ODoYJxASi/images/safariSetup_allowAllSites.gif?s=1b0a3219e0d3af0120ad4753ebaecfd1" alt="Safari Setup Allow All Sites" width="759" height="480" data-path="images/safariSetup_allowAllSites.gif" />
  </Tab>
</Tabs>

Reddit (r/anime discussion threads) is set to as-default which covers a wide range of discussions since 2011, but you can freely change your default discussion platform at any time through Hayami's settings, or even switch discussion platforms while on-page when Hayami loads up if you choose to. Connect the accounts you plan to use, and set the one you'd plan to use most as your default.

<Frame>
  <img src="https://mintcdn.com/hayami/QUJfUfTUA4JoXBss/images/image-67.png?fit=max&auto=format&n=QUJfUfTUA4JoXBss&q=85&s=2a547d3e5a09c20aabb28ec927729d8a" alt="Image" width="3200" height="1720" data-path="images/image-67.png" />
</Frame>

The extension will then ask for you to set up [Image previews](/image-previews), which, once setup, allows an on-hover image-viewing experience of <Tooltip tip="A link to an album instead of one image">albums</Tooltip> from Imgur and Imagechest used on Reddit. Image previews works out-the-box with individual photos as well as both albums & single images from Imgur, without any setup by you. Though, if you want album support for Imagechest, all you need to provide is an Imagechest API Key. You can also set it up *later* through the extension popup, so feel free to skip this step if you wish.

<Frame>
  <img src="https://mintcdn.com/hayami/xCP-ZqR0V6oFtZlb/images/image-69-(1).png?fit=max&auto=format&n=xCP-ZqR0V6oFtZlb&q=85&s=ce6ab2bb88ed7c2f05bc8f65c05ef68a" alt="Image 69 (1)" width="3199" height="1718" data-path="images/image-69-(1).png" />
</Frame>

### Some things you *definitely* need to know

Some advice for specific discussion platforms:

* **If using Reddit, *please* ensure you're logged in for a uninterrupted experience.** Not being logged in can cause rate limits according to your i.e. IP address. This sometimes may trigger Reddit to not return the discussion altogether, Hayami prompting you to login to continue.
* **If using Disqus, logging in allows (expanded) image embedding to work.** If you regularly encounter comments with images in them, they may be de-expanded by-default, requiring you to click-on the image icons to load them in. This is due to you being logged out. If logged in and they *still* don't appear, on the top-right of the embed, click on your name (where the login button once was) > 'Display Media', which should show it.

**Hayami can get mappings wrong**. Server-side Hayami collates anime discussions, and when you've gone onto an episode episode, this is used to find the correct anime and discussion episode. The bad news is sometimes this mapping will fail. Hayami's mapping isn't *perfect*, and may sometimes get your series or episode number incorrectly. There's many reasons for this, but one example is S2E1 may be Episode 25 somewhere else.

<video src="https://mintcdn.com/hayami/jUBLAC3SDcYYKhr5/videos/hayami_mappingOverrideShowcase.mp4?fit=max&auto=format&n=jUBLAC3SDcYYKhr5&q=85&s=71af1203e7a8506601a2125b6eebb4ba" controls data-path="videos/hayami_mappingOverrideShowcase.mp4" />

**The good news is you can manually set-once, and forget per-series this mapping yourself**. On all discussion platforms, you should see a "?" or "Wrong anime?" text in the upper-portion of the discussion platform. An illustration of both is shown down below.

<Frame>
  <Columns cols={2}>
    <Column>
      <img src="https://mintcdn.com/hayami/qEyR_zxOUdIwzUZr/images/image-45.png?fit=max&auto=format&n=qEyR_zxOUdIwzUZr&q=85&s=089bc98c45b5b0adfe41d851757088f8" alt="Image" width="2158" height="318" data-path="images/image-45.png" />
    </Column>

    <Column>
      <img src="https://mintcdn.com/hayami/qEyR_zxOUdIwzUZr/images/Screenshot2026-03-28175605.png?fit=max&auto=format&n=qEyR_zxOUdIwzUZr&q=85&s=8e752cd7e4e349ac772874311340a836" alt="Screenshot 2026 03 28 175605" width="2176" height="310" data-path="images/Screenshot2026-03-28175605.png" />
    </Column>
  </Columns>
</Frame>

On-click, you can manually map this anime to the correct series and episode. For instance, in the Reddit example above, Jujutsu Kaisen The Culling Game Episode 1 is getting mapped as Episode 2. The instructions below guide you through this instance.

<Steps>
  <Step title="Click 'Wrong anime?' if the anime shown is incorrect.">
    Check if the anime name shown is correct. Jujutsu Kaisen Season 1 isn't my current season, so I'm clicking 'Wrong anime?'.

    <Frame>
      <img src="https://mintcdn.com/hayami/qEyR_zxOUdIwzUZr/images/image-47.png?fit=max&auto=format&n=qEyR_zxOUdIwzUZr&q=85&s=b5a2a136085bfed3e3e12ccf06871c03" alt="Image" title="Image" className="mr-auto" style={{ width:"76%" }} width="1386" height="1208" data-path="images/image-47.png" />
    </Frame>
  </Step>

  <Step title="Search, and choose the series your currently watching.">
    <Frame>
      <img src="https://mintcdn.com/hayami/qEyR_zxOUdIwzUZr/images/image-48.png?fit=max&auto=format&n=qEyR_zxOUdIwzUZr&q=85&s=cbc9b9119693364600f891901048d08c" alt="Image" title="Image" className="mr-auto" style={{ width:"76%" }} width="1314" height="634" data-path="images/image-48.png" />
    </Frame>
  </Step>

  <Step title="Choose the episode number your watching right now.">
    <Frame>
      <img src="https://mintcdn.com/hayami/qEyR_zxOUdIwzUZr/images/image-49.png?fit=max&auto=format&n=qEyR_zxOUdIwzUZr&q=85&s=9137ae233550a44ab402593674aa1151" alt="Image" title="Image" className="mr-auto" style={{ width:"76%" }} width="1362" height="1200" data-path="images/image-49.png" />
    </Frame>
  </Step>

  <Step title="Mucked up or new season? Open the popup again, and click 'Reset mapping' to start over.">
    <Frame>
      <img src="https://mintcdn.com/hayami/qEyR_zxOUdIwzUZr/images/image-53.png?fit=max&auto=format&n=qEyR_zxOUdIwzUZr&q=85&s=cc3756af3998d83f9d74ece2cc0dae15" alt="Image" title="Image" style={{ width:"77%" }} width="1360" height="1192" data-path="images/image-53.png" />
    </Frame>
  </Step>
</Steps>

After that, for the rest of the series/season, it should map properly. Over time, this interface design *may* change so don't fret if the designs differ.

### All done from there.

That's it, you're all setup and the extension from that point should work out-the-box on Hayami's supported sites, which currently are **Crunchyroll** and **Netflix**.

This doesn't mean you can't setup Hayami elsewhere. With [custom websites](/custom-websites), any site can support Hayami, setup by you. It's extremely simple to use the custom website functionality since it has an element picker, allowing you to pick the anime name, episode number and where you want it mounted with ease.

Custom websites can be imported & exported freely, so individuals or communities that do like to fiddle with the best layout for comments can experiment, and share those about for others to import as they please. You can also sync from these as well through [Custom Sites Sync](/custom-websites#how-to-sync-with-custom-website-mappings).
