# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration -> MageComp -> Blog** to configure the extension for use.

### General

From this tab, you can enable or disable the extension.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FbyeRXdTYh5SSjIo71oz6%2FGeneral.png?alt=media&#x26;token=5ccc8d6c-986c-4f54-8766-886134383c5b" alt=""><figcaption></figcaption></figure>

* **Enable Extension -** Enable/disable the blog extension from here.

### Blog Index Page

From this tab, you can apply various settings for the main page of blog for your Magento 2 store.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FsohmHwpUhAxkXMVvxbNd%2FBlog%20Index%20Page.png?alt=media&#x26;token=6c8c6aa3-0534-4676-a818-537cdb140d83" alt=""><figcaption></figcaption></figure>

* **Title -** Set the title for the blog index page.
* **Description -** Add the description for the blog index page.
* **Display Mode -** Select display mode for the blog index page - Recent Blog Posts, Featured Blog Posts, or Blank.
* **Posts Sort By -** Set the order of posts depending on publish date, position, or title.
* **Posts Per Page -** Set the number of posts to be displayed per page.
* **Meta Title -** Enter the meta title for the blog index page.
* **Meta Keywords -** Enter the meta keywords for the blog index page.
* **Meta Description -** Enter the meta description for the blog index page.

### Post Page (Post View)

From this tab, you can apply various settings for the blog post page or determine which section will be displayed on the blog page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FS15y4YAAk9O44dzgy20n%2FPost%20Page%20(Post%20View).png?alt=media&#x26;token=229bdd42-4ecf-47d4-8c35-ac0d3f80c04e" alt=""><figcaption></figcaption></figure>

#### Design

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F7zgTNQztYK1Uho0QpSSu%2FDesign.png?alt=media&#x26;token=7d4f32ee-8c9d-461d-9801-8b466738825b" alt=""><figcaption></figcaption></figure>

* **Template -** Set the template of the blog post page - System Settings or Modern.

#### Related Posts

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FiGQ2qewWvQcqEILVsa7Y%2FRelated%20Posts.png?alt=media&#x26;token=81a88f73-8eec-46e8-8f6b-79e2994eb0fd" alt=""><figcaption></figcaption></figure>

* **Display Related Posts -** Select Yes to show the related posts section on the blog post page.
* **Number of Posts -** Set the number of related posts to be displayed in the blog post page.

#### Related Products

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FspmyjVkY3KSqg6wAB8Ip%2FRelated%20Products.png?alt=media&#x26;token=d2799972-f08c-4d18-b795-71b0809a5724" alt=""><figcaption></figcaption></figure>

* **Display Related Products -** Select Yes to show the related products section on the blog post page.
* **Number of Products -** Set the number of related products to be displayed in the blog post page.

#### Comments

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FFduPN1Ppyc5X4yHb16oJ%2FComments.png?alt=media&#x26;token=951361c3-df69-4c22-9504-51929e80b2f5" alt=""><figcaption></figcaption></figure>

* **Comments -** Enable Magecomp Blog Comments or Facebook Comments. You can even disable comments from this option.
* **Number of Comments -** Set the number of comments to be displayed in the blog post page.
* **Number of Replies -** Set the number of replies to be displayed in the blog post page if you are using Magecomp Blog Comments.
* **Allow Guest Comments -** Allow guests to comment on the blog posts if you are using Magecomp Blog Comments.

#### Previous and Next Post

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FI0BCpHAzhFMC0u3lQ4KL%2FPrevious%20and%20Next%20Post.png?alt=media&#x26;token=cf03c21c-3c18-4408-be2d-b438d111e781" alt=""><figcaption></figcaption></figure>

* **Display Prev. & Next Post Links -** Select Yes to show previous and next post links on the current blog post page.
* **Template -** Select whether you want to display titles of the previous and next posts with respective links or just Previous and Next labels with respective links.

#### Views Count

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FObuGPERJM3IgM7aD5kaw%2FViews%20Count.png?alt=media&#x26;token=77ee595b-ba66-4a08-80cb-d9ff12574e8c" alt=""><figcaption></figcaption></figure>

* **Calculate & Display Views Counts -** Select Yes to show post view count on the blog post page.

### Post List

From this tab, you can apply settings for how the posts will be displayed on the blog index page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fosgcf6B81tvmld3SOE8L%2FPost%20List.png?alt=media&#x26;token=0a7e454d-d33f-4f2a-848d-37d547a0df0f" alt=""><figcaption></figcaption></figure>

* **Template -** Select the template for posts - System Settings or Modern (List).
* **Posts Per Page -** Set the number of posts per page.
* **Default Short Content Length -** Set the short content length limit for the blog post.

### Sidebar

From this tab, you can apply settings for various sidebar widgets and other sections.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FzeYPT2lKRD20XmvpKvEd%2FSidebar.png?alt=media&#x26;token=5d845147-db6a-476d-9727-9ddf83ee22ab" alt=""><figcaption></figcaption></figure>

#### Search Form Widget

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Frer2h7HMGLV4dNkByg0X%2FSearch%20Form%20Widget.png?alt=media&#x26;token=a242fbe1-7d89-4290-840d-dec0155812fd" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the search form widget from here.
* **Sort Order -** Set the sort order of the search form widget.

#### Categories Widget

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FJTeCHrdT7GNGQV8UDoRs%2FCategories%20Widget.png?alt=media&#x26;token=33b8093e-a6dd-4162-935a-25acba3e2141" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the category widget from here.
* **Display Number Of Posts -** Select Yes to show the number of posts a category holds.
* **Maximal Depth -** Set the number of subcategories to be shown for each parent category in the category widget.
* **Sort Order -** Set the sort order of the category widget.

#### Recent Posts Widget

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FQhn6yAftAONZbXPX6O5I%2FRecent%20Posts%20Widget.png?alt=media&#x26;token=4341dac8-d4d6-48ad-bc5a-fe717b18d8b7" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the recent posts widget from here.
* **Display Post Image -** Select Yes to show the post image in the recent posts widget.
* **Posts Number -** Set the number of posts to be displayed in the recent posts widget.
* **Sort Order -** Set the sort order of the recent posts widget.

#### Featured Post Widget

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Ffzhmg01ubwhdSlJobl3s%2FFeatured%20Post%20Widget.png?alt=media&#x26;token=493e347c-7f2d-4882-a741-0d2a760f1777" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the featured post widget from here.
* **Display Post Image -** Select Yes to show the post image in the featured post widget.
* **Post IDs -** Enter post IDs separated by a comma to display in the featured post widget.
* **Sort Order -** Set the sort order of the featured post widget.

#### Popular Posts Widget

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F9OMyxKJE2TJOsYnzsGPB%2FPopular%20Posts%20Widget.png?alt=media&#x26;token=93b4077d-dc34-4ce3-b308-f876cf7a4e89" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the popular posts widget from here.
* **Display Post Image -** Select Yes to show the post image in the popular posts widget.
* **Posts Number -** Set the number of posts to be displayed in the popular posts widget.
* **Sort Order -** Set the sort order of the popular posts widget.

#### Archive Widget

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FzZKjLPCWDUDzkJwlW7sy%2FArchive%20Widget.png?alt=media&#x26;token=a915fe45-8ef5-4979-9bfc-044e078f1099" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the archive widget from here.
* **Archive Group By -** Select Month and Year, or only Year for the archive widget. Clicking on it will show the posts for the respective month or year.
* **Sort Order -** Set the sort order of the archive widget.

#### Tag Cloud Widget

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F0RXYThA7WlDoImI88Z46%2FTag%20Cloud%20Widget.png?alt=media&#x26;token=63d6e2da-7de4-465c-8678-b19df943a3ce" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the tag cloud widget from here.
* **Enable 3D Animation -** Select Yes to enable 3D animation for tags.
* **Color -** Set the color of tags.
* **Cloud Height -** Set the height of the tag cloud widget.
* **Sort Order -** Set the sort order of the tag cloud widget.
* **Number of Tags -** Set the number of tags to be displayed in the tag cloud widget.

#### Post Related Products

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fj13rW7pKnkg3gNx4tk6c%2FPost%20Related%20Products.png?alt=media&#x26;token=ed7024b3-b989-4669-bfce-d62f4f229024" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the related products section for the blog sidebar from here.
* **Number of Products -** Set the number of products to be displayed in the related products section for the blog sidebar.
* **Sort Order -** Set the sort order of the related products section for the blog sidebar.

#### Custom HTML

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FRcaj0pXR5AM8KIFf05YK%2FCustom%20HTML.png?alt=media&#x26;token=50aef50e-3ccd-4d23-a5d1-90eeae6150ba" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the custom HTML section for the blog sidebar from here.
* **Sort Order -** Set the sort order of the custom HTML section for the blog sidebar.
* **HTML -** Add your custom HTML code here.

#### RSS Feed

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F8V1tkWpEzGke3gWDUGSY%2FRSS%20Feed.png?alt=media&#x26;token=4e43e8da-8ddf-4d98-9e0c-49dd2b2459c5" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable the RSS Feed section for the blog sidebar from here.
* **Sort Order -** Set the sort order of the RSS Feed section for the blog sidebar.
* **Feed Title -** Set the RSS Feed title.
* **Feed Description -** Add the RSS Feed description.

### Product Page

From this tab, you can apply settings for displaying related posts to product pages.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fvq7EzwT6YWG0Np2ZdgwE%2FProduct%20Page.png?alt=media&#x26;token=54f89918-7d85-454c-90a9-2e81c056f838" alt=""><figcaption></figcaption></figure>

* **Display Related Posts -** Select Yes to display the related posts section on product pages.
* **Number of Posts -** Set the number of posts to be displayed in the related posts section on product pages.

### Author

From this tab, you can apply settings for the blog author.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fw4VpaQCoOPy37GkLsw24%2FAuthor.png?alt=media&#x26;token=793e9e3b-5888-4cf8-b403-34061b861a0d" alt=""><figcaption></figcaption></figure>

* **Display Author Information -** Select Yes to show author's name for blog posts.

### Search

From this tab, you can apply settings for the search form template.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FbxeczvSAbPK4qsHiMzTV%2FSearch.png?alt=media&#x26;token=e4d03953-0a5e-45fe-ad98-d8da59c5a44f" alt=""><figcaption></figcaption></figure>

* **Template -** Select the template for the search form within the blog page.

### Permalink Settings

From this tab, you can apply settings for the URL of various sections of the blog.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FlCBAutmVCFcjqE9Pbabb%2FPermalink%20Settings%201.png?alt=media&#x26;token=13a627fb-5c89-479a-b332-2688a38d6512" alt=""><figcaption></figcaption></figure>

* **Blog Route -** Set the blog route.
* **Auto-redirect to No-Slash URL -** Select Yes for auto-redirection to no-slash URL.&#x20;
* **Permalink Type -** Select the permalink type.
* **Post Route -** Set the post route.
* **Post URL Suffix -** Set the post URL suffix.
* **Use Categories Path for Post URLs -** Set whether you want ot use categories path for post URLs.
* **Category Route -** Set the category route.
* **Category URL Suffix -** Set the category URL suffix.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F9BR12nLKBsjTgmm1zYnl%2FPermalink%20Settings%202.png?alt=media&#x26;token=b18a66a8-3d8f-479d-9573-6300e713663b" alt=""><figcaption></figcaption></figure>

* **Use Parent Category Path for Category URLs -** Set whether you want ot use parent category path for category URLs.
* **Archive Route -** Set the archive route.
* **Tag Route -** Set the tag route.
* **Tag URL Suffix -** Set the tag URL suffix.
* **Author Route -** Set the author route.
* **Author URL Suffix -** Set the author URL suffix.
* **Search Route -** Set the search route.

### Search Engine Optimization

From this tab, you can set canonical meta tags for various blog pages.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FVdNBzdVsig2QnkxyEPYj%2FSearch%20Engine%20Optimization.png?alt=media&#x26;token=98201ab7-b107-4d2d-9134-b1250cc250aa" alt=""><figcaption></figcaption></figure>

* **Use Canonical Link Meta Tag For -** Select pages for which you want to set canonical meta tag.

### Social Share Buttons

From this tab, you can enable social share buttons for blog posts.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FO5VVlO9dqvX1dSlFD6CK%2FSocial%20Share%20Buttons.png?alt=media&#x26;token=9dc0cee9-3fe7-4210-8ad4-50b3e79d6026" alt=""><figcaption></figcaption></figure>

* **Enabled -** Enable social share buttons for blog posts from here.
* **Social Networks -** Select social networks that will be displayed on the blog post page.

### Category Top Navigation

From this tab, you can apply settings for the category in the top menu.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F7KAggpaj3gsmLbl6Qrmx%2FCategory%20Top%20Navigation.png?alt=media&#x26;token=3e3eb364-c8d9-444b-9faa-d3711dd81c22" alt=""><figcaption></figcaption></figure>

* **Display Blog Link -** Select Yes to display blog link on the top navigation.
* **Link text -** Set the text for the blog link on the top navigation.
* **Include Blog Categories -** Select Yes to include blog categories on the top menu.
* **Maximal Depth -** Set the number of subcategories to be displayed in the top menu.

### Developer

From this tab, you can apply settings for custom CSS.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fhi2Hk6ewc9rMNzIqgHZU%2FDeveloper.png?alt=media&#x26;token=d794d6af-baff-4936-92cf-60488a42cd53" alt=""><figcaption></figcaption></figure>

#### CSS Settings

* **Include Blog CSS On All Pages -** Select Yes to add custom CSS on all blog pages.
* **Custom CSS -** Add your custom CSS here.
* **Include Bootstrap v4.4.1 Custom Mini -** Select Yes to include Bootstrap v4.4.1 custom mini.