Как добавить уведомление о фейковом заказе на Тильде?

Инструкция

Шаг 1.
Заполни поля в генераторе.

1. Начни с указанной ширины экрана, при которой будут показываться уведомления
- Вставь минимальную ширину в пикселях, чтобы уведомления начали отображаться (например, 768 для планшетов).

2. Определи, сколько времени будет видно уведомление (мс)
- Впиши, сколько миллисекунд каждое уведомление будет отображаться на экране (например, 4000 для 4 секунд).

3. Задержка до первого уведомления (мс)
- Укажи время в миллисекундах, через которое появится первое уведомление после загрузки страницы (например, 2000 для 2 секунд).

4. Минимальный интервал между уведомлениями (мс)
- Введи минимальное время в миллисекундах, которое должно пройти между показом уведомлений (например, 5000 для 5 секунд).

5. Максимальный интервал между уведомлениями (мс)
- Укажи максимальное время в миллисекундах между уведомлениями (например, 10000 для 10 секунд).

6. Лимит количества уведомлений (0 = без лимита)
- Укажи максимальное число уведомлений, которое может быть показано. Введи 0, если не хочешь ограничений (например, 5 для пяти уведомлений).

7. Цвет фона уведомления
- Укажи шестнадцатеричный код цвета фона уведомления (например, #ffcc00 для желтого цвета).

8. Цвет текста уведомления
- Введи код цвета, который будет использоваться для текста уведомления (например, #000000 для черного цвета).

9. Радиус скругления углов плашки (px)
- Укажи радиус скругления углов уведомления в пикселях (например, 10px для скругления).

10. Расположение уведомления
- Укажи, где уведомление будет отображаться на экране (например, "Право-Низ" для нижнего правого угла).

11. Горизонтальный отступ от края экрана (px)
- Укажи горизонтальный отступ в пикселях от края экрана для уведомления (например, 20px).

12. Вертикальный отступ от края экрана (px)
- Укажи вертикальный отступ в пикселях от края экрана (например, 30px).

13. Размер текста (px)
- Укажи размер шрифта текста уведомления в пикселях (например, 16px).

14. Добавь текст сообщения
- Введи текст сообщений, которые будут отображаться в уведомлениях. Создай несколько вариантов текста в фигурных скобках, например: "Заказ #1234", "Кто-то только что купил товар!".

Шаг 2.
Когда всё готово — копируешь HTML-код и вставляешь его в блок Т123.

Для примера можешь взять наши сообщения:
1. Покупатель Марина заказала туфли Монро за 4999 рублей
2. Алексей только что приобрел куртку сезона за 2999 рублей
3. Заказ оформлен! Анна выбрала платье «Летний сад» за 3499 рублей
4. Максим забрал последние кроссовки в вашем размере за 2499 рублей
5. Ольга только что купила сумку «Гортензия» за 1999 рублей
6. Внимание! Артем заказал наручные часы за 4500 рублей
7. Заказ успешно оформлен! Ирина выбрала стильный рюкзак за 1599 рублей
8. Ксения только что добавила в корзину спортивную кофту за 899 рублей
9. Успейте повторить! Павел оформил заказ на оригинальные кеды за 3999 рублей
10. Заказ оформлен! Людмила выбрала комбинезон за 2500 рублей