Ранее мы рассказали о пользе виджета и о том, как установить продающую кнопку к себе на сайт. В этой инструкции мы разберем по шагам, что делать, если у вас уже разработан индивидуальный дизайн кнопки и как «оживить» это изображение.
Инструкция
Шаг 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
Затем размещаем Скрипт, обеспечивающий работу виджета, перед закрывающим тэгом в конце страницы. Даже если на одной странице находится несколько кнопок скрипт достаточно разместить один раз.
В качестве решения для сайтов с использованием 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.