# Post information

{% hint style="info" %}
**Who can use this feature?**

* This feature is available for all users.
  {% endhint %}

Post Information displays useful metadata about your blog posts on your storefront, such as reading time, word count, published date, and category. This helps readers quickly understand what to expect from a post before they start reading.

<figure><img src="https://386309109-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmPCDHs9RbAEkSoOXwBB%2Fuploads%2F7ut67JRM76TiOb8Msca3%2Fimage.png?alt=media&#x26;token=93bed29b-4b18-44fd-810d-0aff47e5f373" alt=""><figcaption></figcaption></figure>

**Location in app:** Sections > Post Information

### Information items <a href="#information-items" id="information-items"></a>

Choose which metadata items to display on your blog posts. Each item can be toggled on or off independently.

| Item               | Description                                                                                                  |
| ------------------ | ------------------------------------------------------------------------------------------------------------ |
| **Reading time**   | Shows how long the article takes to read (e.g., "5 min read"). Calculated automatically from the word count. |
| **Word count**     | Indicates the article length.                                                                                |
| **Published date** | Displays when the content was published.                                                                     |
| **Category**       | Shows the article's topic category.                                                                          |

<figure><img src="https://386309109-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmPCDHs9RbAEkSoOXwBB%2Fuploads%2FHcyBbjZQtTDlIT0hNRW3%2Fimage.png?alt=media&#x26;token=26fb7ccc-8854-4b99-83f9-b58ec5b0591e" alt=""><figcaption></figcaption></figure>

By default, all four items are enabled.

### Design styles <a href="#design-styles" id="design-styles"></a>

Choose from three layout styles:

| Style             | Description                                                                       |
| ----------------- | --------------------------------------------------------------------------------- |
| **Minimal Clean** | Simple, clean layout with plain text and no borders. Best for minimalist designs. |
| **Inline Meta**   | Items on a single line separated by dividers. Compact option for most themes.     |
| **Detailed Card** | Card format with background and padding for more visual prominence.               |

<figure><img src="https://386309109-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmPCDHs9RbAEkSoOXwBB%2Fuploads%2FtJHvpcTwSNQI1mBgqQBv%2Fimage.png?alt=media&#x26;token=06472bc9-7519-4d58-9d9b-9dab2277a7fd" alt=""><figcaption></figcaption></figure>

The default is **Minimal Clean**. Changes are previewed in real time.

### Theme block installation <a href="#theme-block-installation" id="theme-block-installation"></a>

<figure><img src="https://386309109-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmPCDHs9RbAEkSoOXwBB%2Fuploads%2F7bGcNCPot4AEqqjN2QdT%2Fimage.png?alt=media&#x26;token=6832bbde-c0e2-4a25-baa0-8949c451a01f" alt=""><figcaption></figcaption></figure>

To display Post Information on your storefront, add the block to your Shopify theme:

1. In the app, go to **Sections > Post Information**.
2. If the block has not been added, a warning banner appears at the top.
3. Click **"Add block"** to open the Shopify Theme Editor at the correct location.
4. Confirm the block is added to your article template.
5. Save your theme changes.
6. Return to the app and click **Refresh** to confirm detection.

**Manual setup alternative:**

1. In Shopify admin, go to **Online Store > Themes > Customize**.
2. Navigate to the **Blog post** (article) template.
3. Click **Add block** and look for the **SEO On Blog** Post Information block.
4. Position the block where you want the post information to appear.
5. Save.

### Notes <a href="#notes" id="notes"></a>

* Post Information settings apply to **all** blog posts. You cannot configure different settings per post.
* Reading time and word count are calculated automatically from the post content.
* No AI credits are required.

🎮 *Try it in action*

{% embed url="<https://app.arcade.software/share/OMNzHinE7eoaccTUtXou>" %}