Ранее мы рассказали о пользе виджета и о том, как установить продающую кнопку к себе на сайт. В этой инструкции мы разберем по шагам, что делать, если у вас уже разработан индивидуальный дизайн кнопки и как «оживить» это изображение.

Инструкция

Шаг 1

Чтобы создать такую кнопку, понадобится индивидуальный шаблон кода.

<img style="cursor: pointer;" alt="" src="http://u.jimdo.com/www69/o/sdf814121d83460d2/img/i134391c0cc1a647f/1429599331/std/стечкин-фест-купить-билет-stechkinfest.png" data-tc-event="576ceb6f9cb5384b0883755a" data-tc-token="eyJ0eXAiOiJKV1QiLCJpc3MiOiJzdGFnZS50aWNrZXRzY2xvdWQucnUiLCJhbGciOiJIUzI1NiJ9.eyJwYXJ0bmVyIjoiNTRmZDY4NzU5Y2I1Mzg0MjM0MDExZTRiIn0.wcAaC_BYLnms6OvVIJAUsisoEUWJzQgCIszv8UIJajg"> 

Обратите внимание, что в код нужно вставить ссылку на ваше изображение. Каждая ссылка индивидуальна. В коде мы подчеркнули ссылку, которую вам необходимо заменить на свою.

Шаг 2

Код кнопки, открывающей виджет, нужно разместить на странице. Чтобы вставить кнопку к себе на страницу Вам необходимо попасть в админку Вашего сайта.

Шаг 3

Затем размещаем Скрипт, обеспечивающий работу виджета, перед закрывающим тэгом в конце страницы. Даже если на одной странице находится несколько кнопок скрипт достаточно разместить один раз.

<script src="https://api.ticketscloud.org/static/scripts/widget/tcwidget.js"></script>

В онлайн редакторе JSBin мы показали Вам, как разместить код и как будет выглядеть результат. Поздравляем! Кнопка создана!

В качестве решения для сайтов с использованием html-блоков Вы можете воспользоваться следующим примером кода:

<img style="cursor: pointer; position: absolute; bottom: 400px; left: 380px;" alt="" src="http://u.jimdo.com/www69/o/sdf814121d83460d2/img/i134391c0cc1a647f/1429599331/std/стечкин-фест-купить-билет-stechkinfest.png" data-tc-event="596f8ef1515e3500191c7cd1" data-tc-token="eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiIsImlzcyI6InRpY2tldHNjbG91ZC5ydSJ9.eyJwIjoiNTkxOWNhYmU1MTVlMzUwMDE1NjAxYzcwIn0.Jr8IfnYT7kBnB6cvgDonDs5lQH2uEWV7rGCNfhmhttM">

Это тот же шаблон, только с возможностью размещать кнопку внутри блока где вам угодно, изменяя цифры параметров bottom и left.

Вы нашли ответ?