# Using Shortcode

**Step 1:** Go to **Pages → Add New → Backend Editor** to configure, After that choose **“Add element”**

![](https://2304505839-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHrFj0nQstHRDeLqTzU%2F-LHrfmD8NhLbrH6lafzu%2F-LHrgC3byR8DylFZ0jEr%2Fadd-shortcode.jpg?alt=media\&token=a3adf887-f4a4-4f94-a57c-b836bd2f9a7f)

\
 **Step 2:** Go to **Post Grid**

![](https://2304505839-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHrFj0nQstHRDeLqTzU%2F-LHrfmD8NhLbrH6lafzu%2F-LHrh0WxCSE-FYtkLta_%2Fironthm-grid.jpg?alt=media\&token=73beda1b-93b4-45c5-87d4-38709dc4b9e8)

**Step 3:** Enter values for the following parameters:

* **Post Type:** Select the post type for your structure.
* **Post Count:** Total number of items you want to display.
* **Post Id:** Add post id to show specific posts. 
* **Category Slug:** Enter the category slug for categorized output.
* **Post Per Row:** Select number of items per row.
* **Excerpt Length:** Length of the grid excerpt.
* **Background Layout**: Select background type for image.
* **Show Thumbnail**: Check to show thumbnail.
* **Show Date**: Check to enable date.
* **Show Author:** Check to enable author.
* **Show Comments:** Check if you want to show comments.
* **Show Category:** Check if you want to show category.
* **Show Read More:** Check to enable read more link.
* **Read More Style:** Select read more link style for this shortcode.
* **Offset :** Number of grid elements to displace or pass over.

### Style Options

* **Content Background Color:** Set background color of content section.
* **Text Color:** Select text color for this section.
* **Content TOP/BOTTOM Padding :**  Enter top bottom space for content section. Note:: Please add dimension with value, eg: 16px or 1rem etc.
* **Content LEFT/RIGHT Padding:** Enter top bottom space for content section. Note:: Please add dimension with value, eg: 16px or 1rem etc.
* **CSS Animation:** Select css animation.

![](https://2304505839-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHrFj0nQstHRDeLqTzU%2F-LHrlrYsLIgQwIOMQjWQ%2F-LHrlM0u3mFDDr0TVMFH%2FEdit%20Page%20%E2%80%B9%20Bizhub%20%E2%80%94%20WordPress.jpg?alt=media\&token=bc31209b-3476-40ba-9ed8-f7f1c081a659)

![](file:///home/iron/Desktop/Bizhub-Documentation/assets/images/full-detail.jpg)

**Step 4:** Output:

![](https://2304505839-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHrFj0nQstHRDeLqTzU%2F-LHrlrYsLIgQwIOMQjWQ%2F-LHrlaIKktOZH5VDYiTN%2Fvc17.jpg?alt=media\&token=62c4b289-e02a-44f7-a192-e50676f85f53)