# How to Install this plugin

1. Navigate yourself to the Plugins page 
2. Click the "Add New" button 

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcrdazKxvxQW6FMliPNbu%2Fuploads%2F8wopvXcRTsefZIbDQbD6%2Fimage.png?alt=media&#x26;token=daef3b15-a8b7-40d7-9656-bc82eb3f7288" alt=""><figcaption></figcaption></figure>

3\. Click on the “Upload Plugin” button

4\. And upload the wiloke-filter-cards.zip

5\. Finally, active the plugin and you are ready to go.


# Wiloke Filter Cards (Manually)

Step 1: Click on Pages -> Your Page

Step 2: Click on Edit with Elementor button

Step 3: Search for **Wiloke Filter Cards**&#x20;

Step 4: Drag Wiloke Filter Cards (Manually) to section area&#x20;

Step 5: Complete all settings and click Publish / Update button&#x20;

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


# Wiloke Filter Cards (Categories)

Wiloke Filter Cards (Categories) allows displaying your categories on any page with the Wiloke Filter Card interface.

### Setting up Featured Category Image

Firstly, We need to add a featured image to the category.

Step 1: Go to Plugins -> Add New and then Install [Advanced Custom Field](https://www.advancedcustomfields.com/) plugin&#x20;

Step 2: From the admin sidebar, click on ACF -> Field Groups -> Add a new field group&#x20;

Step 3: Add an image field type to this group. The setting must exactly like the below:

1. The Field Name must be **featured\_image (it's very important)**
2. The Return Format must set to Image Array

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

Step 4: Settings box

Under the Rules setting box, you can set  to any taxonomy you want to use with the Wiloke Filter Cards. In this example, I will add this group to Category.

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

### Uploading Featured Image to Category

Step 1: Go to Posts -> Categories

Step 2: Edit / Add New a category

Step 3: You will see the created field in this area -> Upload a Featured Image to this category

<figure><img src="/files/7b0SahlCDp9HIy47MHTV" alt=""><figcaption></figcaption></figure>

### Adding Categories to Home Page

1. Go to Pages -> Your Home page
2. Edit with Elementor
3. Click Add New element icon to create a new section and then search for Wiloke Filter Cards widget
4. Drag Wiloke Filter Cards (Categories) to the section &#x20;
5. Complete all settings and click Update / Publish button&#x20;

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