> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Social Icons element

# Getting Started

You can add social icons to your website using the Social Icons element. This article will cover how you can add and edit a button using the following element. Follow all instructions accordingly.

# Adding the Social Icons element

Follow the steps below to add **Social Icons** to your site. 

- Click on the `(+)` button labelled **Add Element or Container** within an empty container
- From the **Elements** tab, select the  **Social Icons** element

**Refer to the GIF below:**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-12-at-45_190zs8m.gif)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_qknx2a.png)

![Social Icons element after it is added](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_w2u1qq.png)

# Editing the Social Icon element

Follow the steps and instructions below to add and edit a **Social Icon** on your site.

The **Social Icon** element editor has the following options:

* Social Icon List
* Icons Style
* Background

The **Regular Button** element editor:

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_uln7x7.png)

# Social Icons List

In this option, you can copy, edit, and add new social icons. You can edit the icons individually as well.

Refer to the **GIFs and the Image** below to see the settings being demonstrated inside this option ⬇️

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gifrecording2022-09-04at14127p_1ofj1pw.gif)

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1yb2272.png)

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gifrecording2022-09-04at15020p_1hby4gi.gif)

# Icon Style

You can stylize your social media icons in this option. With settings like changing the size of the icons, changing the color etc.

Refer to the **GIFs** below to see the settings being demonstrated inside this option ⬇️

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gifrecording2022-09-04at15133p_4prxj0.gif)

# Background

You can change the style of your background of the social icon element with this option.

Refer to the **GIFs** below to see the settings being demonstrated inside this option ⬇️

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gifrecording2022-09-04at20148p_1o9w2i0.gif)