Вставте код вебшахматки на сайт за інструкцією з розділу Підключення шахматки до сайту.
Для вашої кнопки/посилання додайте атрибут onclick:
<a href="#" onclick="create_chess();return false;">Відкрити шахматку</a>
Приклад https://web.flatris.com.ua/custom_links.html
Для відкриття різних шахматок на одній сторінці слід вказати cid
у якості параметра функції create_chess()
:
<a href="#" onclick="create_chess('P3XQb0g7V0zAg1G');return false;">ЖК Перший<</a>
<a href="#" onclick="create_chess('e18Xg6kQDxydMQj');return false;">ЖК Другий</a>
Параметр cid
ви можете отримати з коду:
Якщо немає можливості вказати атрибут onclick (наприклад у CMS Tilda) ви можете додати наступний JS код до сайту
<script>
$('body').on('click', '#rec118364942 .tn-elem__1183649421564138943305 a', function(e){
e.preventDefault();
create_chess();
});
</script>
Де '#rec118364942 .tn-elem__1183649421564138943305 a
' - селектор вашої кнопки/посилання.
Як отримати селектор у CMS Tilda? Для цього відкрийте сайт у браузері Chrome, клікніть правою кнопкою миші на кнопці/посиланні, до якого потрібно прив'язати дію відкриття шахматки та оберіть "Переглянути код":
Далі праворуч у блоці коду клікніть правою кнопкою на обраному елементі "Copy"->"Copy selector":