> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/en/design/social-media.md).

# Social media icons

To add or change icon links to social media (Facebook, Instagram, etc.), go to the **Design** section and select **Social media accounts**.

<figure><img src="/files/5QMksO9X2FFpnu4kQw4Q" alt=""><figcaption></figcaption></figure>

Press **Add** and enter a link to your profile.

<figure><img src="/files/klSa0JlUO4pTS879bxtc" alt="" width="362"><figcaption></figcaption></figure>

### Popular links

Go to the **Design → Social media accounts**.

Copy a link below and add a phone number or a nickname. By clicking on the icon, the user will go to WhatsApp / Telegram or call you.

#### WhatsApp link

Replace `PhoneNumber` with a number in international format <mark style="color:red;">**without**</mark> the `+` symbol.

```elixir
https://wa.me/PhoneNumber
```

Example: **`https://wa.me/46998765432`**

#### Telegram link

```elixir
https://t.me/NICKNAME
```

Example: **`https://t.me/wfoliochat`**

#### Phone number link

Replace `PhoneNumber` with a number in international format **with** the `+` symbol.

```elixir
tel:+PhoneNumber
```

Example: **`tel:+46998765432`**

#### Icons position

It depends on the website design theme:

* **Leto, Space, Deka**: in the website footer.
* **Nika**: in the website footer **or** under the menu.
* **Polina**: in the top left corner, at the menu level.

### Frequently asked questions

* **How do I delete an icon?**\
  To delete an icon (e.g. WhatsApp or Telegram), click on the **trash bin** icon <i class="fa-trash-can">:trash-can:</i> and confirm the deletion.
* **How do I edit the link for an icon on the website?**\
  This isn’t currently possible—to change an icon’s link, delete the existing one and add a new link.
* **Why does my link not show an icon and display with an arrow instead?**\
  We’ve added icons for the most popular links that users add to their websites.\
  If your link doesn’t have a corresponding icon, it will be displayed with a **link symbol** (an arrow in a square) <i class="fa-square-arrow-up-right">:square-arrow-up-right:</i>
