# How to add the Wiloke card section in Elementor

1. Wiloke's card Plugin required you must have [Elementor](https://elementor.com) plugin in order for our plugin working properly. Install Elementor plugin [here](https://plugins.wiloke.com/wp-admin/plugin-install.php?tab=plugin-information\&plugin=elementor\&TB_iframe=true\&width=772\&height=992).
2. Go to the page that you want to add the Wiloke's Card and click “Edit with Elementor” button. 

![](https://511969681-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfZMWfGXm4od6dhAvuhNi%2Fuploads%2F33NhLMtF6dO9QtPVzZnb%2Fimage.png?alt=media\&token=34ccf65c-543c-4d09-a1ae-c738b66003e8)

 3\. Click on the “Add Section” on any sections. 

![](https://511969681-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfZMWfGXm4od6dhAvuhNi%2Fuploads%2FQXIoyRw2ZaHJWoJXEWxe%2Fimage.png?alt=media\&token=a5f6fcb9-f3bb-47dc-8741-40d59a5f6aef)

4\. Click on the “Add New Section” button to create a new section.

![](https://511969681-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfZMWfGXm4od6dhAvuhNi%2Fuploads%2Fvc2laDCvsxi0dPtKWgvF%2Fimage.png?alt=media\&token=b8d4ddb6-e88b-46b6-893d-6e42b4008c1e)

5\. Select structure for your section. 

![](https://511969681-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfZMWfGXm4od6dhAvuhNi%2Fuploads%2FKl6HR7Ddbcn0XyGsXkVW%2Fimage.png?alt=media\&token=88fe25d2-0522-4083-810c-41502cfa3daa)

6\. Your new section is ready to add Wiloke Card add on.

![](https://511969681-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfZMWfGXm4od6dhAvuhNi%2Fuploads%2FDielU5m0Ht9VWqCPRPOG%2Fimage.png?alt=media\&token=baebbb19-34ca-4c35-b562-9bba2f6bf75b)

7\. To add the Wiloke Card add on, you just need to drag and drop the Wiloke Card to the new section that you just created earlier.

![](https://511969681-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfZMWfGXm4od6dhAvuhNi%2Fuploads%2FMAsRJRW0APjuvop5SbY4%2FScreen%20Shot%202022-04-22%20at%2010.40.42.png?alt=media\&token=9d5b4943-e8aa-4874-ab34-875b6c9c5313)


# How to add and customize Wiloke Text card style 1

{% hint style="info" %}
Click [here](/) for how to add the Wiloke's card to elementor builder
{% endhint %}

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

{% tabs %}
{% tab title="Colors use in the first item" %}
Background Color

```
#F8EBE7
```

Text Color

```
#888888
```

Button Color

```
#FCFCFC
```

Button Background Color

```
#EC846D
```

{% endtab %}

{% tab title="Colors use in the second item" %}
Background Color

```
#EAE7F8
```

Text Color

```
#888888
```

Button Color

```
#FCFCFC
```

Button Background Color

```
#6257de
```

{% endtab %}

{% tab title="Colors use in the third item" %}
Background Color

```
#E8F8F1
```

Text Color

```
#888888
```

Button Color

```
#FCFCFC
```

Button Background Color

```
#67E7B0
```

{% endtab %}
{% endtabs %}

<br>


# How to add and customize Wiloke Text card style 2

{% hint style="info" %}
Click [here](/) for how to add the Wiloke's card to elementor builder
{% endhint %}

{% embed url="<https://youtu.be/ypW-BVO9kWI>" %}

{% tabs %}
{% tab title="Colors use in first item" %}
Background Color

```
#FFFFFF
```

Text Color

```
#888888
```

Button Color

```
#FCFCFC
```

Button Background Color

```
#2FC6AF
```

{% endtab %}
{% endtabs %}


# How to add and customize Wiloke Text card style 3

{% hint style="info" %}
Click [here](/) for how to add the Wiloke's card to elementor builder
{% endhint %}

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

{% tabs %}
{% tab title="Colors use in item" %}
Background Color

```
#FFFFFF
```

Text Color

```
#888888
```

Button Color

```
#FCFCFC
```

Button Background Color

```
#EC5186
```

{% endtab %}
{% endtabs %}


# How to add and customize Wiloke Text card style 4

{% hint style="info" %}
Click [here](/) for how to add the Wiloke's card to elementor builder
{% endhint %}

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

{% tabs %}
{% tab title="Colors use in item" %}
Background Color

```
#FFFFFF
```

Text Color

```
#888888
```

Button Color

```
#000000
```

Button Background Color

```
#FFDBC7
```

{% endtab %}
{% endtabs %}