> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.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).

# Додавання посилань до елементів

Для того, щоб зробити сайт максимально зручним у використанні, необхідно переконатися, що навігаційні елементи — кнопки, меню, іконки соцмереж, номери телефонів тощо — здійснюють перехід на потрібні посилання. Щоб цього досягти, вам потрібно проставити посилання в налаштуваннях цих елементів. 

${youtube}[Додавання посилань до елементів](u9ZZFsRR8K0)

# Додавання посилань до елементів

Наша галерея пропонує великий вибір елементів. У вас є можливість додати посилання до тексту, кнопок, зображень та іконок на вашому сайті. 

| ${color}[#1aa900](Підказка:) перегляньте статтю [Дії контактної форми після відправлення запиту](https://help.weblium.com/uk/article/diyi-kontaktnoyi-formi-pislya-vidpravlennya-zapitu-ev2zc5/), щоб дізнатися, як переспрямувати відвідувача на зовнішні ресурси або сторінки сайту після того, як він відправив заявку. 

### Додавання посилань до тексту

1. Виділіть потрібну частину тексту та клацніть на іконку «ланцюга» у меню, що відкриється: 

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

2. Далі натисніть на «шестерню», щоб перейти до налаштувань текстового елементу: 

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

3. У новому вікні оберіть відповідну дію при натисканні у випадному списку: 

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

### Додавання посилань до кнопок

1. Клацніть на кнопку та натисніть на «шестерню» у вікні, що відкриється, аби перейти до налаштувань:

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

2. У новому вікні перейдіть до вкладки **Дія** та оберіть відповідну дію при натисканні у випадному списку:

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

|| ${color}[#ffa800](Примітка:) якщо у кнопки немає посилання, ви побачите знак оклику в її закутку:

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

### Додавання посилань до зображень

1. Клацніть на зображення та натисніть на «шестерню» у вікні, що відкриється, аби перейти до налаштувань:

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

2. У новому вікні оберіть відповідну дію при натисканні у випадному списку:

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

|| ${color}[#ffa800](Примітка:) посилання неможливо додати до фонових зображень на сайті.

### Додавання посилань до іконок

1. Клацніть на іконку та натисніть на «шестерню» у вікні, що відкриється, аби перейти до налаштувань:

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

2. У новому вікні перейдіть до вкладки **Дія** та оберіть відповідну дію при натисканні у випадному списку:

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

| ${color}[#1aa900](Підказка:) перегляньте статтю про [Глобальні посилання на соцмережі](https://help.weblium.com/uk/article/globalni-posilannya-na-socmerezhi-3pn9kv/), якщо ви хочете додати посилання до іконок соцмереж.

# Можливі варіанти дій при натисканні

Після того, як ви відкрили налаштування обраного елементу, оберіть у новому вікні необхідну дію, яка буде відбуватися після натискання на елемент. Дізнайтеся про можливі опції дій за натиском у розділах нижче.

### Перейти до блоку

1. Ця опція перенаправляє відвідувачів сайту на обраний блок в рамках однієї сторінки. Для того, щоб додати посилання на блок, оберіть варіант **Перейти до блоку** у випадному списку, а згодом зазначте потрібний блок у полі нижче: 

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

2. Ви можете також обрати блок візуально на сторінці, якщо натиснете на іконку «прицілу»:

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

| ${color}[#1aa900](Підказка:) стаття [Зміна дизайну блоку](https://help.weblium.com/uk/article/zmina-dizajnu-bloku-1tpp5tl/) підкаже, як додати унікальне якірне ім'я до блоків, аби легше їх розрізняти.

### Відкрити сторінку

1. Ця опція за натиском на елемент відкриватиме іншу сторінку вашого сайту. Оберіть варіант **Перейти на сторінку** у випадному списку та зазначте доречну сторінку: 

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

| ${color}[#1aa900](Підказка:) за потреби ви можете створити нову сторінку безпосередньо з випадаючого меню для цієї дії. 

### Перейти до блоку на іншій сторінці

1. Ця опція переспрямовує користувачів на визначений блок на іншій сторінці вашого сайту. Оберіть **Перейти до блоку на іншій сторінці** у випадному списку та зазначте відповідні сторінку і блок:

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

### Відкрити Pop-up

1. Ця опція дозволить вам відкривати pop-up вікно за натиском на елемент. Щоб налаштувати цю дію при натисканні, у налаштуваннях елементу оберіть дію **Відкрити Pop-up** та вкажіть потрібне вікно:

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

||| ${color}[#f97700](Важливо:) ця опція працює тільки на сайтах із платними підписками. Також, наразі немає можливості додати посилання на pop-up у налаштуваннях текстового елементу.

### Закрити Pop-up 

1. Ця дія закриває вікно pop-up за натиском на елемент. Частіше за все ця функція використовується для кнопки у самому pop-up вікні. Щоб її застосувати, в налаштуваннях елементу оберіть **Закрити Pop-up** у полі **Дія при натисканні**: 

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

### Вебадреса

1. Ця дія переспрямовує відвідувачів вашого сайту на зовнішній ресурс після натиску на елемент. Щоб додати таке посилання, оберіть **Вебадреса** у списку дій та вставте відповідне посилання з розширенням https:/ 

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

||| ${color}[#f97700](Важливо:) ця опція доступна тільки на сайтах із платними підписками. 

2. Ви можете зробити так, щоб при натисканні на елемент посилання відкривалося у новій вкладці браузера, або додати атрибут «nofollow», щоб не передавати посилальну масу на інші сайти:

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

| ${color}[#1aa900](Підказка:) перегляньте статтю [«Nofollow» для посилань](https://help.weblium.com/uk/article/nofollow-dlya-posilan-1sc9ael/), щоб отримати більш детальну інформацію щодо переваг використання цього тегу. 

### Номер телефону

1. Ця опція дає можливість додати посилання на номер телефону. Це особливо зручно для налаштування мобільної версії, адже номер стає клікабельним і ваші відвідувачі можуть одразу зателефонувати за ним. Оберіть **Номер телефону** у списку дій та зазначте відповідний номер, включаючи код країни: 

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

### Електронна пошта

1. Ця опція дозволяє відвідувачам сайту надіслати вам на пошту електронного листа за натиском на елемент за умови, що в них встановлений поштовий клієнт. Оберіть **Електронна пошта** серед можливих дій, вкажіть вашу адресу електронної пошти та зазначте тему листа (це поле не є обов'язковим для заповнення):

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

### Завантажити файл

1. Ця опція дозволить відвідувачам сайту завантажити з нього файли. Оберіть **Завантажити файл** у випадному списку та натисніть **Вибрати файл**:

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

2. У новому вікні оберіть потрібний файл або завантажте новий:

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

|| ${color}[#ffa800](Примітка:) перегляньте статтю [Завантаження файлів](https://help.weblium.com/uk/article/zavantazhennya-fajliv-1lmxq11/) для більш детальної інформації про цю дію.

### Масштаб зображення 

1. Ця опція є тільки в налаштуваннях зображень та дозволяє відвідувачам побачити їхню повнорозмірну версію за натиском. Оберіть **Масштаб зображення** у списку **Дія при натисканні** у **Налаштуваннях медіа**:

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

||| ${color}[#f97700](Важливо:) у налаштуваннях зображень немає опцій додавання посилань на телефон, пошту чи завантаження файлів.

Не забудьте [опублікувати свій сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), аби зміни відобразилися на ньому. 
