Открытие шахматки по своей кнопке

Вставьте код вебшахматки на сайт по инструкции из раздела Подключение шахматки на сайт.

 

Для вашей кнопки/ссылки добавьте атрибут 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 вы можете получить из кода:

 

 

Открытие шахматки в CMS Tilda

Если нет возможности указать атрибут 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":