Встраиваем виджет на сайт (как отследить посылку на своем сайте)

10 декабря 2014

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

Давайте приступим.


Согласно документации нам необходимо сделать следующее:

  • Шаг 1 - вставить код на страницу сайта
  • Шаг 2 - добавить домен в список доменов в личном кабинете


Пошаговая инструкция как это сделать:


Шаг 0

Создадим пустую страницу для теста и добавим на нее текст: «Отслеживание посылки по трекинг номеру»

текст отслеживание посылки

В браузере это будет выглядеть так:

страница отслеживание посылки


Шаг 1

Обратимся к документации по виджету. Там сказано о том, что необходимо сделать два добавления на страницу:

  1. скрипт (невидимый, но необходимый элемент). Этот скрипт отвечает за работу виджета и без него виджет работать не будет. Скрипт необходимо взять со страницы виджета.

    скрипт виджета отслеживание посылки

  2. тег виджета — его нужно расположить именно там, где вы хотите чтобы был показан виджет. Мы поместим его сразу под текстом. Скрипт также необходимо взять со страницы виджета. Обратите внимание, что виджет можно видоизменять с помощью специальных тегов.

    виджет отслеживание посылки


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

страница отслеживание посылки - ошибка

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


Шаг 2

Добавляем домен в список доменов.

Вы можете использовать виджет на нескольких доменах — просто добавьте их в список!

Открываем список доменов

домены отслеживание посылки

Добавляем новый домен my-site.com — именно на этом домене мы хотим показывать виджет на нашей тестовой странице!

добавление отслеживание посылки

Сохраняем и проверяем список

новые домены отслеживание посылки

Все в порядке - домен добавился.

А теперь обновим нашу страницу и посмотрим появится ли виджет.

страница с виджетом отслеживание посылки


Теперь все работает — виджет на том месте где мы его хотели!


Если, при встраивании виджета на сайт, у вас возникли проблемы — обращайтесь к нам, мы всегда поможем.

Если же у вас нет специалистов для внедрения нашего виджета, пожалуйста, сообщите нам, мы самостоятельно встроим виджет на ваш сайт!