# Task #28: Tracktor By ShopPad

### Цель <a href="#purpose" id="purpose"></a>

Настроить приложение для отслеживания доставки.

{% embed url="<https://youtu.be/NMUIG5zAZkw>" %}

Приложение Tracktor By ShopPad поможет вашим клиентам отслеживать статус заказа прямо в магазине. Кроме того, вы можете настроить удобные уведомления, которые будут автоматически отправляться на почту покупателя каждый раз, когда статус заказа меняется.

### Описание <a href="#description" id="description"></a>

* Подойдет приложение Tracktor By ShopPad

### Инструкция <a href="#instructions" id="instructions"></a>

1. Добавить Приложение В Магазин
2. Использовать Google Почту
3. Поставить Enabled
4. Выбрать План Starter
5. Настроить Tracking Page Editor
6. Настроить Settings

### Действия <a href="#actions" id="actions"></a>

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

Используйте данный сайт для проверки статуса заказа: <https://parcelsapp.com>

### Custom CSS <a href="#custom-css" id="custom-css"></a>

Если в **Layouts** выбрано **Customizable**, тема **Light**.

<figure><img src="https://content.gitbook.com/content/FlNBpy1xhTHovzrO7rEc/blobs/uwv4JnosxrOlBqoXKJHQ/vecom-lab-info-ru-tracktor-1.jpg" alt="VecomLab Shopify App Tracktor By ShopPad"><figcaption></figcaption></figure>

```
/* Tracktor CSS */
#tracktorOrderForm {
  text-align: center;
  padding-bottom: 30px;
}

#tracktorOrderForm input {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid black;
  padding-left: 10px;
  font-size: 16px;
}

#tracktorOrderForm label {
  text-align: center;
  font-size: 18px;
}

#tracktor { padding-bottom: 0 !important; } 
@media only screen and (max-width: 1250px) {
  #tracktorOrderForm,
  #tracktorResponseContainer {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.field.recaptcha > div {
  margin: 0 auto;
}

#tracktorOrderForm input[type="text"]:focus {  
  box-shadow: none !important;
  outline: unset !important;
}
```