Mangainfo
Sign in

Tools for your site

Manga reading order widget

Some stories run across several series, spin offs and sequels. The widget lists them in the order to read them, with how far each one is in English.

It exists for every reading order on Mangainfo.

Preview

No reading order is on Mangainfo yet. The widget works as soon as the first one is.

Code

HTML

The script puts the widget above the link and sets its height. Add the script once per page.

<div data-mangainfo-reading-order="chainsaw-man">
  <a href="https://mangainfo.com/guides">Chainsaw Man reading order</a>
</div>
<script src="https://mangainfo.com/embed.js" async></script>

iframe

For pages that allow no script.

<iframe src="https://mangainfo.com/embed/reading-order/chainsaw-man" title="Chainsaw Man reading order" width="100%" height="360" loading="lazy" style="border:0"></iframe>
<p><a href="https://mangainfo.com/guides">Chainsaw Man reading order</a></p>

React

export function MangaWidget() {
  return (
    <>
      <iframe src="https://mangainfo.com/embed/reading-order/chainsaw-man" title="Chainsaw Man reading order" width="100%" height={360} loading="lazy" style={{ border: 0 }} />
      <a href="https://mangainfo.com/guides">Chainsaw Man reading order</a>
    </>
  );
}

Vue

<template>
  <iframe src="https://mangainfo.com/embed/reading-order/chainsaw-man" title="Chainsaw Man reading order" width="100%" height="360" loading="lazy" style="border:0"></iframe>
  <a href="https://mangainfo.com/guides">Chainsaw Man reading order</a>
</template>

Svelte

<iframe src="https://mangainfo.com/embed/reading-order/chainsaw-man" title="Chainsaw Man reading order" width="100%" height="360" loading="lazy" style="border:0"></iframe>
<a href="https://mangainfo.com/guides">Chainsaw Man reading order</a>

WordPress

Paste it into a Custom HTML block.

<iframe src="https://mangainfo.com/embed/reading-order/chainsaw-man" title="Chainsaw Man reading order" width="100%" height="360" loading="lazy" style="border:0"></iframe>
<p><a href="https://mangainfo.com/guides">Chainsaw Man reading order</a></p>

Notion

Type /embed and paste this address.

https://mangainfo.com/embed/reading-order/chainsaw-man

Addresses

AddressShows
https://mangainfo.com/embed/reading-order/{order}A reading order by its name on Mangainfo, or by the name of a series in it.

The name of a series is the last part of its address on Mangainfo: mangainfo.com/series/blue-lock is blue-lock.

Questions

Which manga have a reading order?

The ones under Guides on Mangainfo. The list grows as reading orders are added.

Can I use the name of a series instead?

Yes. The address takes the name of any series in the order as well.