Скопируй любой блок,
всего за 30 секунд

CopyTiBot — сервис-бот, который помогает избавится веб дизайнерам от рутины и монотонной работы. Наш бот позволяет копировать любые блоки, всего за 30 секунд.

Попробовать бесплатно

Всем новым пользователям выдается 1 блок для копирования, бесплатно!

Кому подойдет бот по копированию блоков?

Веб-разработчикам

Избавится от монотонного ручного
копирования, понравившегося блока

Нашли интересный блок?

Если в референсе вам понравился, но вы не знаете, как он сделан, бот поможет скопировать его и понять

Заказчик просит похожий блок как на другом сайте?

Бот его скопирует за 30 сек и избавит вас от монотонной работы

Увидели сложную анимацию?

Просто скопируйте блок и используйте эту сложную анимацию, без возни или просто перестройте эту анимацию под себя

Понравилась структура сайта?

Бот может копировать сразу весь адаптированный сайт, а вы просто переделаете его под себя

Что может копировать бот?

Сложная анимация

Бот сможет скопировать любую сложную анимацию, которая есть в блоке, включая SBS и стандартную анимацию

Попробовать

Адаптивная верстка

Бот копирует все разрешения экрана, которые настроены у блока

Попробовать

Любой дизайн

Бот скопирует все элементы дизайна блока 1 в 1

Попробовать

Копирование 1 в 1

Бот сможет скопировать любой 1 в 1 с исходником

Попробовать

Блок в подарок!

Для всех новых пользователей, мы дарим 1 бесплатный блок для копирования, чтобы вы сами протестировали наш сервис

Протестировать

Как скопировать сайт?

Выбираем сайт

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

Для этого мы рекомендуем использовать эти сайты, так как там все сайты на созданные на платформе:
- referest.ru →
- madeontilda.ru →
Как только вы нашли нужный вам блок, скопируете ссылку на сайт и отправляете её боту.

Подробное видео как работает бот
1. Переходим на сайт с которого планируется скопировать блок.

2. Открываем панель разработчика (кнопка F12 или клик правой кнопкой мыши —> Проверить (посмотреть код)). Более подробную информацию можно прочитать тут — learn.javascript.ru/devtools

3. Находим блок с атрибутом id = «allrecords» (в нем содержатся все блоки сайта)

4. Ищем блоки с атрибутом id = «rec…», где вместо троеточие уникальный id блока. (Бот отображает только блоки с атрибутом data-record-type = «396», это наши блоки)

Подробное видео как работает бот
Копирование блока
водим ссылку на сайт в боте. Бот выдаст Вам список доступных нулевых блоков для копирования.

Далее нажмите на кнопку с нужным блоком, чтобы получить скрипт для вставки.

После этого следуйте шагам:

1) Открываем страницу редактирования сайта, куда нужно скопировать блок.
2) Открываем панель разработчика (кнопка F12 или клик правой кнопкой мыши —> Проверить). Более подробную информацию можно прочитать тут — learn.javascript.ru/devtools
3) Открываем консоль.
4) Вставляем скрипт.
5) Нажимаем Enter.

После успешного копирования блока, страница автоматически перезагрузится.

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

Подробное видео как работает бот