# Blog post's elements

{% embed url="<https://youtu.be/X0Jotbm6eXk>" %}

Creating stylish, dynamic blog post layouts is easy with **Foxify**. With the **Blog post** elements, you can build a fully customized template that pulls real-time data from your Shopify blog posts.

{% hint style="info" %}
These Blog post elements are only **available for the Blog post template**.
{% endhint %}

## How to add the Blog post elements to your page

{% hint style="success" %}
**Steps**

1. From the editor, click Add elements > **Blog post**.

![](/files/G1CTpfF1WhEJRwvosv0b)

2. Drag the element you want onto the canvas
3. Style the element.
   {% endhint %}

## Blog post elements overview

The key elements available are:

| Element          | What it displays                                                                                             | Where the data is pulled from                                                                                                  |
| ---------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ |
| **Post title**   | The blog post’s title                                                                                        | Shopify Admin → Blog post title                                                                                                |
| **Post meta**    | Published date and Author of the blog.                                                                       | Shopify Admin → Blog post Visibility and Author                                                                                |
| **Post image**   | Featured image of the blog post                                                                              | Shopify Admin → Blog post → Featured image                                                                                     |
| **Post content** | The full written content of the blog                                                                         | Shopify Admin → Blog post content                                                                                              |
| **Post tags**    | Tags assigned to the blog post                                                                               | Shopify Admin → Blog post → Tags                                                                                               |
| **Comments**     | A place for conversations about your business and products                                                   | Shopify Admin → Blog posts → Manage comments                                                                                   |
| **Share post**   | <p>Social icons that let customer share the blog post.<br><img src="/files/ufbOcH6ariY6W29fTJ51" alt=""></p> | <p>Choose between:</p><ul><li>Share on Facebook</li><li>Share on X</li><li>Share on Pinterest</li><li>Shareable link</li></ul> |

:writing\_hand: *Learn how to* [*add and manage blog posts in Shopify*](https://help.shopify.com/manual/online-store/blogs/writing-blogs/working-with-blog-posts)

<figure><img src="/files/dSci3dXTmukkzWlfmZ81" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
To show comments on your blog posts, make sure you enable it for your blog.

![](/files/eddXdwbYy9Iri32RE49m)<br>

:writing\_hand: *Learn how to* [*manage comments on blog posts*](https://help.shopify.com/manual/online-store/blogs/managing-comments)
{% endhint %}

{% hint style="info" %}
See how to publish blog post template:

[Create a Blog post](/foxify-app/page-management/page-creation/create-a-blog-post.md)
{% endhint %}


---

# 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://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/blog-posts-elements.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.