Кейс · Автоимпорт, партнёрская сеть

Каталог автомобилей на сайт партнёра одной строкой — даже на InSales

Партнёр — автосалон, магазин автотоваров, привозчик — вставляет на свой сайт одну строку кода и получает каталог машин из Кореи и Китая со своими контактами, своим оформлением и своим прайсом. Пример — магазин автотоваров Radiance Sky на InSales, где собственного роутинга нет вовсе.

  • 1строка кода на сайте партнёра
  • 0 pxрасхождение края каталога и текста на InSales
  • 3платформы: статический сайт, WordPress, InSales
  • Смета до стартабез «уточним в процессе»
  • Отчёт ежемесячнов цифрах, а не в активности
  • Спрос замеряемВордстат до, а не после
  • Работаем по РФофис на Дальнем Востоке

Задача

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

Что сделали

  • Каталог и карточка машины — в отдельных кадрах: карточка ложится слоем на всё окно, потому что «фиксированное» окно внутри растянутого кадра уехало бы за экран
  • Цена считается по профилю партнёра на каждый запрос — 0,01 мс на лот, кэш не нужен
  • Отдельный ценовой ключ вместо внутреннего: иначе на странице партнёра оказались бы id площадок и прямые ссылки на объявления
  • Закрытый хаб партнёров: код встройки собирается в конфигураторе, а шрифты, цвета и скругления сайта партнёра снимаются автоматически — из HTML и до 12 таблиц стилей
  • На InSales блок ставится виджетом «HTML-код» и берёт оформление из переменных темы: поменяют цвет кнопок в настройках — каталог переоденется сам
  • Страница машины на InSales — через одну фиксированную страницу с номером лота в адресе
  • Тизерный режим на 6 карточек; кнопку «весь каталог» ведёт адрес, который задал партнёр, а не наш кадр

Результат в цифрах

ПоказательБылоСтало
Подбор оформления под партнёравручную через computed styles, по полчаса на партнёраавтоматически: шрифты, цвет кнопок и скругление снимаются со страницы
Выравнивание на InSales—расхождение 0 px на ширине 1440 и 390, без горизонтальной прокрутки
Высота рамки после расширения окна6 253 px и больше — оставалась прежней5 469 px — по содержимому
Кнопка заявки на светлых встройкахнечитаема у всех, включая нашуцвет надписи подбирается по яркости акцента
Карточка машины на телефонемобильные правила не применялись: две колонки, кнопка заявки обрезанаодна колонка, слой прокручивается, карточка растёт по содержимому

У Radiance Sky мы встроили каталог, а не делали сайт: магазин работает на InSales. Кнопки WhatsApp в блоке нет намеренно — номер на их сайте не заявлен, а пустая кнопка честнее вписанной наугад.

Непривычный партнёр — лучший тест встройки

Чёрные кнопки и нулевые скругления Radiance Sky вскрыли то, что месяцами не было видно на наших цветах: кнопка заявки была нечитаема на всех светлых встройках, включая нашу, а скругления доходили не до всех элементов. Там же выяснилось, что рамка встройки умела только расти: отфильтровал ленту с 30 машин до 3 — под каталогом дыра на несколько экранов. Вывод: проверять виджет на самых чужих токенах, а не на своих. Второе — оформление брать переменными темы, а не цифрами: так блок переживает смену дизайна без нас. Третье — ключи доступа к данным делятся по правам: ценовой ключ не должен открывать источники.

С кем вы будете говорить

  • АндрейАндрейОперационный директор

    Сроки и смета: чтобы обещанное совпало со сделанным

  • ПавелПавелРуководитель отдела поискового продвижения

    Семантика, структура сайта, ссылки, отчёты по позициям

  • АртурАртурРуководитель ИТ

    Сайты, интеграции, парсеры, боты и аналитика

Кто с нами работал

Хотите похожий результат — расскажите о задаче

Оставьте контакт — обсудим задачу и пришлём смету до старта. Обычно отвечаем в течение часа

Или напишите нам в Telegram

Телеграм8 (995) 870-22-27

* Деятельность компании Meta Platforms Inc., владеющей социальными сетями Facebook и Instagram и мессенджером WhatsApp, признана экстремистской и запрещена на территории Российской Федерации.