PageSourceSearch

https://wbray.ru/about/

html wbray.ru collected 2026-10-02 02:07:00 UTC 104,699 bytes, 1,600 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="ru">
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
8    <title>О WBRay — рабочее место для тех, кто ведёт карточки товаров</title>
9    <meta name="description" content="Как устроен WBRay: зачем сервис появился, с какими площадками работает — Wildberries, Ozon и Авито, — по каким принципам устроен и куда развивается.">
10
11
12<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
13<meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
14<meta name="yandex" content="index, follow">
15
16<link rel="canonical" href="https://wbray.ru/about/">
17
18<link rel="alternate" hreflang="ru" href="https://wbray.ru/about/">
19<link rel="alternate" hreflang="x-default" href="https://wbray.ru/about/">
20<meta name="author" content="WBRay">
21<meta name="language" content="ru">
22<meta name="format-detection" content="telephone=no">
23
24    <!-- Favicon -->
25    <link rel="icon" type="image/x-icon" href="/static/wbray/favicon.ico">
26    <link rel="icon" type="image/png" sizes="16x16" href="/static/wbray/favicon-16x16.png">
27    <link rel="icon" type="image/png" sizes="32x32" href="/static/wbray/favicon-32x32.png">
28    <link rel="icon" type="image/png" sizes="48x48" href="/static/wbray/favicon-48x48.png">
29    <link rel="icon" type="image/png" sizes="64x64" href="/static/wbray/favicon-64x64.png">
30    <link rel="icon" type="image/png" sizes="96x96" href="/static/wbray/favicon-96x96.png">
31    <link rel="icon" type="image/png" sizes="120x120" href="/static/wbray/favicon-120x120.png">
32    <link rel="apple-touch-icon" sizes="152x152" href="/static/wbray/favicon-152x152.png">
33    <link rel="apple-touch-icon" sizes="180x180" href="/static/wbray/apple-touch-icon.png">
34    <meta name="theme-color" content="#111018">
35
36    <!-- Open Graph -->
37    <meta property="og:type" content="website">
38    <meta property="og:locale" content="ru_RU">
39    <meta property="og:site_name" content="WBRay">
40    <meta property="og:title" content="О WBRay — рабочее место для тех, кто ведёт карточки товаров">
41    <meta property="og:description" content="Рабочее место для тех, кто ведёт карточки: зачем сервис появился, с какими площадками работает и куда идёт.">
42    <meta property="og:url" content="https://wbray.ru/about/">
43    <meta property="og:image" content="https://wbray.ru/static/wbray/og-image.png">
44    <meta property="og:image:secure_url" content="https://wbray.ru/static/wbray/og-image.png">
45    <meta property="og:image:type" content="image/png">
46    <meta property="og:image:width" content="1200">
47    <meta property="og:image:height" content="630">
48    <meta property="og:image:alt" content="WBRay - сервис для скачивания фото и видео товаров Wildberries">
49
50    <!-- Twitter / X -->
51    <meta name="twitter:card" content="summary_large_image">
52    <meta name="twitter:title" content="Скачать фото товара Wildberries по ссылке или артикулу — WBRay">
53    <meta name="twitter:description" content="Скачайте все фото и видео карточки Wildberries по ссылке или артикулу. Бесплатно, без регистрации. Форматы JPG, PNG, WebP — поштучно или ZIP-архивом.">
54    <meta name="twitter:image" content="https://wbray.ru/static/wbray/twitter-image.png">
55    <meta name="twitter:image:alt" content="WBRay - скачать фото и видео товара Wildberries">
56
57    <!-- Preview fallback -->
58    <link rel="image_src" href="https://wbray.ru/static/wbray/og-image.png">
59
60    
61    
61<script type="application/ld+json">
62    {
63      "@context": "https://schema.org",
64      "@type": "Organization",
65      "@id": "https://wbray.ru/#organization",
66      "name": "WBRay",
67      "alternateName": ["ВБрей", "вбрей", "вб рей", "WB Ray", "WBRay AI"],
68      "url": "https://wbray.ru/",
69      "logo": "https://wbray.ru/static/wbray/favicon.ico",
70      "description": "Сервис инструментов для работы с карточками Wildberries и объявлениями Авито: фото и видео, медиа из отзывов, выгрузки в Excel, мониторинг, аудит карточки и автозагрузка Авито.",
71      "sameAs": [
72        "https://vk.com/wbray_ai",
73        "https://t.me/wb_ray",
74        "https://t.me/WB_AI_Audit_bot",
75        "https://t.me/WildBerries_Download_bot",
76        "https://www.instagram.com/wb.aiaudit/",
77        "https://www.youtube.com/@WBray_youtube/featured",
78        "https://chromewebstore.google.com/detail/gpnadigonejdkdjhhiphjbkickjeohlh"
79      ]
80    }
81    </script>
81
82    
82<script type="application/ld+json">
83    {
84      "@context": "https://schema.org",
85      "@type": "WebSite",
86      "@id": "https://wbray.ru/#website",
87      "name": "WBRay",
88      "url": "https://wbray.ru/",
89      "inLanguage": "ru-RU",
90      "description": "WBRay — сайт и личный кабинет с инструментами для селлеров Wildberries, менеджеров маркетплейсов и дизайнеров.",
91      "publisher": { "@id": "https://wbray.ru/#organization" }
92    }
93    </script>
93
94
95    
96  
96<script type="application/ld+json">
97  {
98    "@context": "https://schema.org",
99    "@type": "BreadcrumbList",
100    "itemListElement": [
101      { "@type": "ListItem", "position": 1, "name": "WBRay", "item": "https://wbray.ru/" },
102      { "@type": "ListItem", "position": 2, "name": "О сервисе", "item": "https://wbray.ru/about/" }
103    ]
104  }
105  </script>
105
106
107  
108  
108<script type="application/ld+json">
109  {
110    "@context": "https://schema.org",
111    "@type": "FAQPage",
112    "mainEntity": [
113      {
114        "@type": "Question",
115        "name": "Что такое WBRay?",
116        "acceptedAnswer": { "@type": "Answer", "text": "Рабочее место для тех, кто ведёт карточки товаров: скачивание фото и видео, медиа из отзывов, выгрузки в Excel, мониторинг изменений, аудит карточки и автозагрузка объявлений. Работает на сайте, в личном кабинете, в расширении Chrome и в Telegram." }
117      },
118      {
119        "@type": "Question",
120        "name": "С какими площадками работает WBRay?",
121        "acceptedAnswer": { "@type": "Answer", "text": "Wildberries, Ozon и Авито. Глубина разная: на Wildberries собран весь набор инструментов, на Ozon пока работает скачивание медиа карточки, на Авито — автозагрузка объявлений и перенос каталога с Wildberries." }
122      },
123      {
124        "@type": "Question",
125        "name": "Нужен ли доступ к кабинету продавца?",
126        "acceptedAnswer": { "@type": "Answer", "text": "Нет. Мы работаем с публичными данными карточки или объявления, поэтому API-токен и доступ к кабинету не нужны, а посмотреть можно любой открытый товар — в том числе у конкурентов." }
127      },
128      {
129        "@type": "Question",
130        "name": "Сколько это стоит?",
131        "acceptedAnswer": { "@type": "Answer", "text": "Смотреть фото, отзывы и медиа — бесплатно и без регистрации. Платите только за результат: файл, архив или таблицу. Оплата разовая, через внутренний баланс Rays, без подписки." }
132      },
133      {
134        "@type": "Question",
135        "name": "Это подходит агентству или только селлеру?",
136        "acceptedAnswer": { "@type": "Answer", "text": "Подходит и тем и другим. Чаще всего сервисом пользуются менеджеры маркетплейсов и дизайнеры, которые ведут чужие карточки: им не нужен доступ к кабинету клиента, чтобы собрать материалы." }
137      },
138      {
139        "@type": "Question",
140        "name": "Можно ли предложить свою функцию или площадку?",
141        "acceptedAnswer": { "@type": "Answer", "text": "Да, и это отдельная программа. Если по вашей заявке выходит новая функция, вы пользуетесь ею бесплатно; за найденную ошибку начисляем Rays, за принятое улучшение даём скидку. Следующую площадку выбираем так же — по заявкам." }
142      }
143    ]
144  }
145  </script>
145
146
147<meta name="keywords" content="WBRay, вбрей, вб рей, ВБрей, WB Ray, что такое WBRay, сервис WBRay, о сервисе WBRay, инструменты для менеджеров маркетплейсов, карточки Wildberries, карточки Ozon, объявления Авито">
148
149
150    
151
152<link rel="preconnect" href="https://core.wbray.ru" crossorigin>
153<link rel="dns-prefetch" href="https://core.wbray.ru">
154<link rel="preconnect" href="https://fonts.googleapis.com">
155<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
156<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
157<link rel="stylesheet" href="/static/wbray/css/marketing.css?v=20260911-card-media-7-media-8-mobile-menu-4">
158<link rel="stylesheet" href="/static/wbray/css/auth.css?v=20260911-card-media-7-media-8">
159<style>
160  /* Подменю выгрузок. Позиционируем ВЛЕВО: меню инструментов и так прижато
161     к правому краю шапки, вправо выезжать некуда — уедет за экран. */
162  .wbm-tools__nest { position: relative; }
163  /* Пункт меню — это grid 34px + 1fr. Третий элемент в потоке уезжал бы на
164     свою строку и ломал высоту, поэтому стрелку выносим из потока. */
165  .wbm-tools__item--nest { position: relative; width: 100%; padding-right: 28px; border: 0;
166    background: transparent; font: inherit; text-align: left; cursor: pointer; }
167  .wbm-tools__chev { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
168    opacity: .45; transition: transform .15s ease, opacity .15s ease; }
169  .wbm-tools__sub {
170    display: none;
171    position: absolute;
172    top: -6px;
173    right: calc(100% + 8px);
174    min-width: 260px;
175    padding: 6px;
176    border-radius: 16px;
177    border: 1px solid rgba(23, 16, 50, .08);
178    background: #fff;
179    box-shadow: 0 24px 60px rgba(23, 16, 50, .16);
180    z-index: 10004;
181  }
182  .wbm-tools__nest:hover .wbm-tools__sub,
183  .wbm-tools__nest:focus-within .wbm-tools__sub { display: block; }
184  .wbm-tools__nest:hover .wbm-tools__chev { opacity: .9; }
185  /* У Wildberries десять инструментов: на невысоком экране подменю иначе
186     уезжает под нижнюю кромку и последние пункты недостижимы. */
187  .wbm-tools__sub { max-height: min(70vh, 520px); overflow-y: auto; }
188  /* Заголовок группы внутри подменю: раньше группы были только на верхнем
189     уровне, и своих отступов у них здесь не было. */
190  .wbm-tools__sub .wbm-tools__label { margin-top: 6px; }
191  .wbm-tools__sub .wbm-tools__label:first-child { margin-top: 2px; }
192
193  @media (max-width: 900px) {
194    /* На узком экране выезжать некуда: раскрываем вниз по нажатию. */
195    .wbm-tools__sub {
196      position: static;
197      display: none;
198      min-width: 0;
199      margin: 4px 0 4px 14px;
200      padding: 4px 0 4px 8px;
201      border: 0;
202      border-left: 2px solid rgba(139, 92, 246, .25);
203      border-radius: 0;
204      box-shadow: none;
205      background: transparent;
206    }
207    .wbm-tools__nest:hover .wbm-tools__sub { display: none; }
208    .wbm-tools__nest.is-open .wbm-tools__sub { display: block; }
209    .wbm-tools__nest.is-open .wbm-tools__chev { transform: translateY(-50%) rotate(90deg); }
210  }
211</style>
212
213<style>
214  .ab { --p:#7b3dff; --d:#6d28d9; --ink:#17132d; --mut:#6a6380;
215        --line:rgba(23,16,50,.09); --lilac:#f5f1ff;
216        --grad:linear-gradient(135deg,#8b5cf6,#6d28d9);
217        color:var(--ink); padding:14px 0 40px; }
218  .ab * { box-sizing:border-box; }
219  .ab h1,.ab h2,.ab h3 { margin:0; letter-spacing:-.03em; font-weight:900; }
220  .ab svg { display:block; }
221
222  /* ---------- шапка ---------- */
223  .ab-top { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr); gap:34px; align-items:center;
224            padding:26px 0 30px; }
225  .ab-kicker { display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border-radius:999px;
226               background:var(--lilac); color:var(--d); font-size:12.5px; font-weight:800; }
227  .ab-kicker svg { width:14px; height:14px; }
228  .ab-top h1 { margin:16px 0 0; font-size:clamp(31px,4.2vw,48px); line-height:1.04; }
229  .ab-top h1 span { background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
230  .ab-top > div > p { margin:15px 0 0; max-width:520px; color:var(--mut); font-size:17px; line-height:1.6; }
231
232  .ab-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:24px; max-width:520px; }
233  .ab-stat { padding:14px 16px; border:1px solid var(--line); border-radius:16px; background:#fff; }
234  .ab-stat b { display:block; font-size:24px; letter-spacing:-.03em; line-height:1.1; }
235  .ab-stat span { display:block; margin-top:3px; color:var(--mut); font-size:12.5px; line-height:1.35; }
236
237  .ab-browser { border:1px solid var(--line); border-radius:20px; overflow:hidden; background:#fff;
238                box-shadow:0 26px 60px rgba(23,16,50,.13); }
239  .ab-browser__bar { display:flex; align-items:center; gap:8px; padding:11px 14px; background:#faf8ff;
240                     border-bottom:1px solid var(--line); }
241  .ab-browser__bar i { width:9px; height:9px; border-radius:50%; background:#e3ddf5; display:block; }
242  .ab-browser__bar b { margin-left:8px; color:var(--mut); font-size:12px; font-weight:700; }
243  .ab-browser img { display:block; width:100%; height:auto; }
244
245  /* ---------- секции ---------- */
246  .ab-sec { margin-top:52px; }
247  .ab-sec > h2 { font-size:clamp(22px,2.5vw,30px); }
248  .ab-sec > p.ab-sub { margin:10px 0 0; max-width:720px; color:var(--mut); font-size:16.5px; line-height:1.68; }
249  .ab-sec > p.ab-sub + p.ab-sub { margin-top:12px; }
250  .ab-sec > p.ab-sub b { color:var(--ink); font-weight:700; }
251  .ab-sec > p.ab-sub + .ab-grid3,
252  .ab-sec > p.ab-sub + .ab-grid2,
253  .ab-sec > p.ab-sub + .ab-flow,
254  .ab-sec > p.ab-sub + .ab-where { margin-top:24px; }
255
256  .ab-grid3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:22px; }
257  .ab-grid2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:22px; }
258  .ab-card { padding:22px; border:1px solid var(--line); border-radius:20px; background:#fff;
259             box-shadow:0 14px 34px rgba(23,16,50,.05);
260             transition:transform .14s ease, border-color .14s ease; }
261  .ab-card:hover { transform:translateY(-2px); border-color:rgba(124,58,237,.28); }
262  .ab-card > span.ab-ic { display:grid; place-items:center; width:42px; height:42px; margin-bottom:13px;
263                    border-radius:13px; background:var(--lilac); color:var(--d); }
264  .ab-card svg { width:20px; height:20px; }
265  .ab-card h3 { font-size:18px; margin-bottom:6px; }
266  .ab-card p { margin:0; color:var(--mut); font-size:14.5px; line-height:1.55; }
267
268  /* сценарий вокруг карточки */
269  .ab-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:22px; counter-reset:f; }
270  .ab-flowcard { border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#fff;
271                 box-shadow:0 14px 34px rgba(23,16,50,.05); counter-increment:f;
272                 transition:transform .14s ease, border-color .14s ease; }
273  .ab-flowcard:hover { transform:translateY(-3px); border-color:rgba(124,58,237,.28); }
274  .ab-flowcard img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:center top;
275                     background:var(--lilac); }
276  .ab-flowcard__body { padding:16px 18px 18px; }
277  .ab-flowcard__body em { font-style:normal;
277 color:var(--p); font-size:11.5px; font-weight:900; letter-spacing:.08em; }
278  .ab-flowcard__body em::before { content:"ШАГ " counter(f) " · "; }
279  .ab-flowcard h3 { margin:7px 0 6px; font-size:17px; }
280  .ab-flowcard p { margin:0; color:var(--mut); font-size:14px; line-height:1.5; }
281
282  /* где живёт сервис */
283  .ab-where { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:22px; }
284  .ab-place { display:block; padding:18px; border:1px solid var(--line); border-radius:16px; background:#fff;
285              color:var(--ink); text-decoration:none; transition:transform .14s ease, border-color .14s ease; }
286  .ab-place:hover { transform:translateY(-2px); border-color:rgba(124,58,237,.3); }
287  .ab-place > span { display:grid; place-items:center; width:38px; height:38px; margin-bottom:11px; border-radius:12px;
288                     background:var(--lilac); color:var(--d); }
289  .ab-place svg { width:18px; height:18px; }
290  .ab-place b { display:block; font-size:15.5px; font-weight:800; }
291  .ab-place i { display:block; font-style:normal; color:var(--mut); font-size:13px; margin-top:2px; line-height:1.45; }
292
293  .ab-faq { margin-top:22px; border:1px solid var(--line); border-radius:18px; background:#fff; overflow:hidden; }
294  .ab-faq details { border-bottom:1px solid var(--line); }
295  .ab-faq details:last-child { border-bottom:0; }
296  .ab-faq summary { display:flex; align-items:center; justify-content:space-between; gap:14px;
297    padding:16px 20px; font-weight:800; font-size:16px; cursor:pointer; list-style:none; }
298  .ab-faq summary::-webkit-details-marker { display:none; }
299  .ab-faq summary:hover { background:#fcfaff; }
300  .ab-faq summary::after { content:"+"; flex:0 0 auto; color:var(--p); font-size:20px; line-height:1; }
301  .ab-faq details[open] summary::after { content:"−"; }
302  .ab-faq p { margin:0; padding:0 20px 17px; color:var(--mut); font-size:15px; line-height:1.62; }
303
304  .ab-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:0 22px;
305    border:0; border-radius:13px; background:var(--grad); color:#fff; font:inherit; font-weight:800; font-size:15px;
306    text-decoration:none; box-shadow:0 12px 28px rgba(109,40,217,.26);
307    transition:transform .12s ease, box-shadow .12s ease; }
308  .ab-btn:hover { transform:translateY(-1px); box-shadow:0 16px 34px rgba(109,40,217,.32); }
309  .ab-btn svg { width:16px; height:16px; }
310  .ab-btn--ghost { background:#fff; color:var(--d); border:1.5px solid var(--line); box-shadow:none; }
311  .ab-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
312
313  .ab-final { margin-top:52px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center;
314    padding:30px 32px; border-radius:24px; color:#fff;
315    background:radial-gradient(460px 220px at 88% 6%, rgba(167,139,250,.32), transparent 62%),
316      linear-gradient(135deg,#191231,#4c1d95 60%,#6d28d9);
317    box-shadow:0 24px 56px rgba(46,22,96,.24); }
318  .ab-final h2 { font-size:clamp(21px,2.4vw,28px); }
319  .ab-final p { margin:8px 0 0; color:rgba(255,255,255,.8); font-size:15.5px; line-height:1.5; }
320  .ab-final .ab-btn { background:#fff; color:#17132d; box-shadow:0 12px 26px rgba(10,5,30,.28); }
321  .ab-final .ab-btn--ghost { background:rgba(255,255,255,.1); color:#fff; border:1.5px solid rgba(255,255,255,.32); }
322  .ab-final .ab-actions { margin-top:0; }
323
324  /* ---------- площадки ---------- */
325  /* Карточка площадки — не логотип в ряду, а честная витрина: название,
326     строка состояния и перечень того, что там действительно есть. Три
327     одинаковых плитки читались бы как паритет, которого у площадок нет. */
328  .ab-mp { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:22px; }
329  .ab-mp__card { display:flex; flex-direction:column; padding:22px; border:1px solid var(--line);
330                 border-radius:20px; background:#fff; box-shadow:0 14px 34px rgba(23,16,50,.05);
331                 color:var(--ink); text-decoration:none;
332                 transition:transform .14s ease, border-color .14s ease; }
333  .ab-mp__card:hover { transform:translateY(-2px); border-color:rgba(124,58,237,.28); }
334  .ab-mp__head { display:flex; align-items:center; gap:12px; }
335  .ab-mp__head > span { display:grid; place-items:center; flex:0 0 auto; width:42px; height:42px;
336                        border-radius:13px; background:var(--lilac); color:var(--d); }
337  .ab-mp__head svg { width:21px; height:21px; }
338  .ab-mp__card h3 { font-size:18px; }
339  /* Статус — отдельной строкой под наÐ
339·Ð²Ð°Ð½Ð¸ÐµÐ¼, а не рядом с ним: на узкой
340     колонке подпись длиннее названия и, стоя в одном flex-ряду с иконкой,
341     ломается в столбик из двух слов. */
342  .ab-mp__status { display:block; margin-top:11px; font-style:normal; color:var(--p);
343                   font-size:11.5px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
344  .ab-mp__list { margin:14px 0 0; padding:0; list-style:none; }
345  .ab-mp__list li { position:relative; padding-left:16px; margin-top:7px; color:var(--mut);
346                    font-size:14.5px; line-height:1.5; }
347  .ab-mp__list li::before { content:""; position:absolute; left:0; top:9px; width:7px; height:2px;
348                            border-radius:2px; background:var(--p); }
349  .ab-mp__more { margin-top:auto; padding-top:16px; display:inline-flex; align-items:center; gap:7px;
350                 color:var(--d); font-size:14.5px; font-weight:800; }
351  .ab-mp__more svg { width:15px; height:15px; }
352  .ab-mp__note { margin:16px 0 0; color:var(--mut); font-size:14.5px; line-height:1.6; }
353  .ab-mp__note a { color:var(--d); font-weight:700; }
354  @media (max-width:900px) { .ab-mp { grid-template-columns:1fr; } }
355
356  @media (max-width:1080px) { .ab-flow, .ab-where { grid-template-columns:repeat(2,minmax(0,1fr)); } }
357  @media (max-width:900px) {
358    .ab-top, .ab-final { grid-template-columns:1fr; align-items:start; }
359    .ab-grid3, .ab-grid2 { grid-template-columns:1fr; }
360    .ab-stats { max-width:none; }
361  }
362  @media (max-width:560px) { .ab-flow, .ab-where, .ab-stats { grid-template-columns:1fr; } }
363</style>
364
365
366
367    <!-- Google Tag Manager -->
368<script>
vendor: 331 bytes, lines 368-372
368(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
369new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
370j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
371'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
372})(window,document,'script','dataLayer','
372GTM-MJN33G7M
vendor: 3 bytes, line 372
372');
372</script>
372
373<!-- End Google Tag Manager -->
374
375<meta name="mailru-verification" content="eb983f8b693ca303" />
376
377<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
378<meta name="theme-color" content="#0a0b14">
379<meta name="format-detection" content="telephone=no">
380<meta name="author" content="WBRay">
381
382<meta name="google-site-verification" content="FToQvIBEQflcpLhfbbpypuGhq5STq0oIBfyBgi2zZWM" />
383<meta name="yandex-verification" content="e04c1530fad7d9d3" />
384
385<script type="application/ld+json">
386{
387  "@context": "https://schema.org",
388  "@type": "Organization",
389  "name": "WBRay",
390  "url": "https://wbray.ru/",
391  "logo": "https://wbray.ru/static/wbray/favicon.ico",
392  "sameAs": [
393    "https://t.me/WildBerries_Download_bot",
394    "https://t.me/WB_AI_Audit_bot"
395  ]
396}
397</script>
397
398
399
400
401<!-- Yandex.Metrika counter -->
402<script type="text/javascript">
403    (function(m,e,t,r,i,k,a){
404        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
405        m[i].l=1*new Date();
406        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
407        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
408    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=107693339', 'ym');
409
410    ym(107693339, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
411</script>
411
412<noscript><div><img src="https://mc.yandex.ru/watch/107693339" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
413<!-- /Yandex.Metrika counter -->
414</head>
415
416<body>
417    
418<div class="wbm-page ">
419    <div class="wbm-bg-grid"></div>
420    <div class="wbm-bg-orb wbm-bg-orb--one"></div>
421    <div class="wbm-bg-orb wbm-bg-orb--two"></div>
422
423    <div class="wbm-shell">
424        <header class="wbm-topbar" data-wbm-topbar>
425            <div class="wbm-topbar__inner">
426            <a href="/" class="wbm-brand" aria-label="WBRay — главная">
427                <span class="wbm-brand__mark" aria-hidden="true"></span>
428                <span class="wbm-brand__text"><span class="wbm-brand__wb">WB</span><span class="wbm-brand__tail">Ray</span></span>
429            </a>
430
431            <button class="wbm-mobile-toggle" type="button" aria-label="Открыть меню" aria-expanded="false" aria-controls="wbm-main-nav" data-wbm-mobile-menu>
432                <span class="wbm-mobile-toggle__line"></span>
433                <span class="wbm-mobile-toggle__line"></span>
434                <span class="wbm-mobile-toggle__line"></span>
435            </button>
436
437            <nav class="wbm-nav" id="wbm-main-nav" aria-label="Навигация WBRay">
438                <a href="/about/" class="wbm-nav__link wbm-nav__link--active">
439                    <svg class="wbm-nav__icon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3Z"/><path d="M12 8v8"/><path d="M8.5 10.5h7"/></svg>
440                    <span>О нас</span>
441                </a>
442
443
444                
445                <div class="wbm-tools wbm-tools--more" data-wbm-tools>
446                    <button class="wbm-nav__btn wbm-nav__btn--tools" type="button" aria-expanded="false" aria-controls="wbm-more-menu">
447                        <svg class="wbm-nav__icon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="5" cy="12" r="1.6"/><circle cx="12" cy="12" r="1.6"/><circle cx="19" cy="12" r="1.6"/></svg>
448                        <span>Больше</span>
449                        <svg class="wbm-tools__chevron" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
450                    </button>
451                    <div class="wbm-tools__menu" id="wbm-more-menu">
452                        <a href="/referrals/" class="wbm-tools__item ">
453                            <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M19 8v6"/><path d="M22 11h-6"/></svg></span>
454                            <span><strong>Реферальная программа</strong><span>Приглашайте и получайте Rays</span></span>
455                        </a>
456                        <a href="/blog/" class="wbm-tools__item ">
457                            <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H19v15H6.5A2.5 2.5 0 0 0 4 20.5Z"/><path d="M8 8h7"/><path d="M8 12h5"/></svg></span>
458                            <span><strong>WB Практика</strong><span>Разборы и инструкции</span></span>
459                        </a>
460                        <a href="/collections/" class="wbm-tools__item ">
461                            <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7.5A1.5 1.5 0 0 1 4.5 6h4l2 2.5h9A1.5 1.5 0 0 1 21 10v7.5A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5Z"/></svg></span>
462                            <span><strong>Коллекции</strong><span>Папки с карточками WB</span></span>
463                        </a>
464                        <a href="/telegram/" class="wbm-tools__item ">
465                            <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 4 3 11l6 2.5L11.5 20 15 13l6-9Z"/><path d="m9 13.5 12-9.5"/></svg></span>
466                            <span><strong>Telegram</strong><span>Бот и каналы WBRay</span></span>
467                        </a>
468                        
469                        <a href="/together/" class="wbm-tools__item ">
470                            <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"/><path d="M10 22h4"/><path d="M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2Z"/></svg></span>
471                            <span><strong>Развиваем вместе</strong><span>Идея, баг, улучшение</span></span>
472                        </a>
473                    </div>
474                </div>
475
476                
477                <div class="wbm-tools" data-wbm-tools>
478                    <button class="wbm-nav__btn wbm-nav__btn--tools" type="button" aria-expanded="false" aria-controls="wbm-tools-menu">
479                        <svg class="wbm-nav__icon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></svg>
480                        <span>Инструменты</span>
481                        <svg class="wbm-tools__chevron" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
482                    </button>
483                    <div class="wbm-tools__menu" id="wbm-tools-menu">
484                        <div class="wbm-tools__nest " data-wbm-nest>
485                            <button type="button" class="wbm-tools__item wbm-tools__item--nest" data-wbm-nest-toggle aria-expanded="false">
486                                <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="m5 6 2.5 12h9L19 6"/><path d="M9 11h6"/></svg></span>
487                                <span><strong>Wildberries</strong><span>Фото, отзывы, выгрузки, аудит</span></span>
488                                <svg class="wbm-tools__chev" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>
489                            </button>
490                            <div class="wbm-tools__sub">
491                                <span class="wbm-tools__label">Медиа карточки</span>
492                                <a href="/wb-photo-download/" class="wbm-tools__item ">
493                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="m8 15 2.5-3 2 2L15 11l3 4"/><circle cx="8.5" cy="8.5" r="1.2"/></svg></span>
494                                    <span><strong>Фото карточек</strong><span>Фото по артикулу</span></span>
495                                </a>
496                                <a href="/wb-feedbacks/" class="wbm-tools__item ">
497                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z"/><path d="M8 9h8"/><path d="M8 13h5"/></svg></span>
498                                    <span><strong>Фото отзывов</strong><span>Медиа из отзывов</span></span>
499                                </a>
500                                <a href="/wibes-video/" class="wbm-tools__item ">
501                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="2.5" y="5" width="14" height="14" rx="2.5"/><path d="m16.5 10 5-3v10l-5-3z"/></svg></span>
502                                    <span><strong>Видео из Wibes</strong><span>Клип ВБ в файл MP4</span></span>
503                                </a>
504                                <a href="/wb-photo-pack/" class="wbm-tools__item ">
505                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="8.5" cy="10" r="1.5"/><path d="m4 17 5-5 4 4 3-2 4 3"/></svg></span>
506                                    <span><strong>Фото пачкой</strong><span>Медиа по списку артикулов</span></span>
507                                </a>
508                                <span class="wbm-tools__label">Выгрузки в Excel</span>
509                                <a href="/wb-feedbacks-excel/" class="wbm-tools__item ">
510                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18"/><path d="M9 9v11"/></svg></span>
511                                    <span><strong>Скачать отзывы WB</strong><span>Отзывы и оценки в XLSX</span></span>
512                                </a>
513                                <a href="/wb-brand-export/" class="wbm-tools__item ">
514                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3 3.5 7.5v9L12 21l8.5-4.5v-9L12 3Z"/><path d="M3.5 7.5 12 12l8.5-4.5"/><path d="M12 12v9"/></svg></span>
515                                    <span><strong>Выгрузка бренда</strong><span>Весь бренд в Excel и ZIP</span></span>
516                                </a>
517                                <a href="/wb-search-export/" class="wbm-tools__item ">
518                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-3.5-3.5"/><path d="M8 10h6"/><path d="M8 13h4"/></svg></span>
519                                    <span><strong>Выгрузка выдачи</strong><span>Рынок по запросу в Excel</span></span>
520                                </a>
521                                <span class="wbm-tools__label">Аналитика</span>
522                                <a href="/wb-card-audit/" class="wbm-tools__item ">
523                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h16"/><path d="M4 12h10"/><path d="M4 17h7"/><path d="m16 15 2 2 4-5"/></svg></span>
524                                    <span><strong>Аудит карточки</strong><span>Проверка карточки</span></span>
525                                </a>
526                                <a href="/tools/wb-monitoring/" class="wbm-tools__item ">
527                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 17l6-6 4 4 8-8"/><path d="M14 7h7v7"/></svg></span>
528                                    <span><strong>Мониторинг карточек</strong><span>Цены и отзывы</span></span>
529                                </a>
530                                <span class="wbm-tools__label">Ещё</span>
531                                <a href="/extension/" class="wbm-tools__item ">
532                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 3.5a2 2 0 0 1 4 0V5h3.5A1.5 1.5 0 0 1 19 6.5V10h1.5a2 2 0 0 1 0 4H19v3.5a1.5 1.5 0 0 1-1.5 1.5H14v-1.5a2 2 0 0 0-4 0V19H6.5A1.5 1.5 0 0 1 5 17.5V14H3.5a2 2 0 0 1 0-4H5V6.5A1.5 1.5 0 0 1 6.5 5H10Z"/></svg></span>
533                                    <span><strong>Расширение Chrome</strong><span>ZIP прямо с Wildberries</span></span>
534                                </a>
535                            </div>
536                        </div>
537                        <div class="wbm-tools__nest " data-wbm-nest>
538                            <button type="button" class="wbm-tools__item wbm-tools__item--nest" data-wbm-nest-toggle aria-expanded="false">
539                                <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="5"/><path d="m8.5 8.5 7 7"/><path d="m15.5 8.5-7 7"/></svg></span>
540                                <span><strong>Ozon</strong><span>Фото товара по артикулу</span></span>
541                                <svg class="wbm-tools__chev" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>
542                            </button>
543                            <div class="wbm-tools__sub">
544                                <a href="/ozon/photo-download/" class="wbm-tools__item ">
545                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="m8 15 2.5-3 2 2L15 11l3 4"/><circle cx="8.5" cy="8.5" r="1.2"/></svg></span>
546                                    <span><strong>Скачать фото Ozon</strong><span>Галерея по ссылке или артикулу</span></span>
547                                </a>
548                                <a href="/ozon/" class="wbm-tools__item ">
549                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></svg></span>
550                                    <span><strong>Все инструменты Ozon</strong><span>Что уже работает</span></span>
551                                </a>
552                            </div>
553                        </div>
554                        <div class="wbm-tools__nest " data-wbm-nest>
555                            <button type="button" class="wbm-tools__item wbm-tools__item--nest" data-wbm-nest-toggle aria-expanded="false">
556                                <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5Z"/>
556<path d="M8 10h8"/><path d="M8 14h5"/></svg></span>
557                                <span><strong>Avito</strong><span>Автозагрузка и перенос с ВБ</span></span>
558                                <svg class="wbm-tools__chev" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>
559                            </button>
560                            <div class="wbm-tools__sub">
561                                <a href="/avito/" class="wbm-tools__item ">
562                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5Z"/><path d="M8 10h8"/><path d="M8 14h5"/></svg></span>
563                                    <span><strong>Автозагрузка Авито</strong><span>Объявления и магазины</span></span>
564                                </a>
565                                <a href="/wb-to-avito/" class="wbm-tools__item ">
566                                    <span class="wbm-tools__icon"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12h13"/><path d="m13 7 5 5-5 5"/><rect x="19" y="4" width="2" height="16" rx="1"/></svg></span>
567                                    <span><strong>Перенос с Wildberries</strong><span>Каталог ВБ в фид Авито</span></span>
568                                </a>
569                            </div>
570                        </div>
571                    </div>
572                </div>
573
574                <div class="wbm-auth" data-wbm-auth>
575                    <a class="wbm-rays-pill" href="/rays/" data-auth-rays hidden aria-label="Открыть баланс Rays">
576                        <span class="wbm-rays-pill__icon" aria-hidden="true">✦</span>
577                        <span class="wbm-rays-pill__value" data-auth-rays-value>0</span>
578                        <span class="wbm-rays-pill__label">R</span>
579                    </a>
580                    <button class="wbm-nav__btn wbm-nav__btn--account" type="button" data-auth-open aria-expanded="false" aria-controls="wbm-auth-menu">
581                        <svg class="wbm-nav__icon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><path d="m10 17 5-5-5-5"/><path d="M15 12H3"/></svg>
582                        <span class="wbm-auth__avatar" data-auth-avatar hidden></span>
583                        <span data-auth-label>Вход</span>
584                    </button>
585                    <div class="wbm-auth__menu" id="wbm-auth-menu" data-auth-menu>
586                        <a href="https://app.wbray.ru/profile-security" data-auth-app-link>
587                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 21a8 8 0 0 0-16 0"/><circle cx="12" cy="7" r="4"/></svg>
588                            <span>Профиль</span>
589                        </a>
590                        <button type="button" data-auth-logout>
591                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="m16 17 5-5-5-5"/><path d="M21 12H9"/></svg>
592                            <span>Выход</span>
593                        </button>
594                    </div>
595                </div>
596            </nav>
597            </div>
598            <div class="wbm-mobile-overlay" data-wbm-mobile-overlay aria-hidden="true"></div>
599        </header>
600
601        
602<main class="ab">
603
604  
605  <section class="ab-top">
606    <div>
607      <span class="ab-kicker">
608        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3Z"/><path d="M12 8v8"/><path d="M8.5 10.5h7"/></svg>
609        О сервисе
610      </span>
611      <h1>WBRay — рабочее место для тех, кто <span>ведёт карточки товаров</span></h1>
612      <p>Фото и видео товара, медиа из отзывов, выгрузки в Excel, аудит и мониторинг, автозагрузка
613        объявлений. Всё работает в браузере, по обычной ссылке на товар — без доступа к кабинету
614        продавца и без токенов.</p>
615
616      <div class="ab-stats">
617        
618        <div class="ab-stat"><b>22 681</b><span>запросов на фото и медиа обработано</span></div>
619        
620        <div class="ab-stat"><b>3</b><span>площадки: Wildberries, Ozon, Авито</span></div>
621        <div class="ab-stat"><b>0 ₽</b><span>посмотреть фото и отзывы</span></div>
622      </div>
623    </div>
624
625    <div class="ab-browser">
626      <div class="ab-browser__bar"><i></i><i></i><i></i><b>app.wbray.ru — личный кабинет</b></div>
627      <img src="/static/wbray/img/about/about-dashboard.webp" alt="Личный кабинет WBRay с инструментами для карточек товаров" loading="eager" decoding="async" fetchpriority="high">
628    </div>
629  </section>
630
631  
632  <section class="ab-sec">
633    <h2>С какими площадками работаем</h2>
634    <p class="ab-sub">Площадки закрыты на разную глубину, и мы это не прячем: сервис начинался
635      на Wildberries, Ozon и Авито подключились позже.</p>
636    <div class="ab-mp">
637      <a class="ab-mp__card" href="/tools/">
638        <span class="ab-mp__head">
639          <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="m5 6 2.5 12h9L19 6"/><path d="M9 11h6"/></svg></span>
640          <h3>Wildberries</h3>
641        </span>
642        <em class="ab-mp__status">Весь набор</em>
643        <ul class="ab-mp__list">
644          <li>Фото и видео карточки, медиа из отзывов, клипы Wibes</li>
645          <li>Отзывы, каталог бренда и поисковая выдача в Excel</li>
646          <li>Аудит карточки и мониторинг цен, остатков, отзывов</li>
647          <li>Расширение Chrome и Telegram-бот</li>
648        </ul>
649        <span class="ab-mp__more">Инструменты Wildberries
650          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13"/><path d="m12 6 6 6-6 6"/></svg>
651        </span>
652      </a>
653
654      <a class="ab-mp__card" href="/ozon/">
655        <span class="ab-mp__head">
656          <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="5"/><path d="m8.5 8.5 7 7"/><path d="m15.5 8.5-7 7"/></svg></span>
657          <h3>Ozon</h3>
658        </span>
659        <em class="ab-mp__status">Начали с медиа</em>
660        <ul class="ab-mp__list">
661          <li>Фото и видео карточки по артикулу или ссылке</li>
662          <li>Оригиналы без пережатия, поштучно или архивом</li>
663          <li>Остальные инструменты появляются по мере спроса</li>
664        </ul>
665        <span class="ab-mp__more">Инструменты Ozon
666          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13"/><path d="m12 6 6 6-6 6"/></svg>
667        </span>
668      </a>
669
670      <a class="ab-mp__card" href="/avito/">
671        <span class="ab-mp__head">
672          <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5Z"/><path d="M8 10h8"/><path d="M8 14h5"/></svg></span>
673          <h3>Авито</h3>
674        </span>
675        <em class="ab-mp__status">Объявления, а не карточки</em>
676        <ul class="ab-mp__list">
677          <li>Автозагрузка: фид, дерево категорий, поля объявлений</li>
678          <li>Перенос каталога с Wildberries в готовый фид</li>
679          <li>Работа со своими объявлениями, а не с чужими</li>
680        </ul>
681        <span class="ab-mp__more">Инструменты Авито
682          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13"/><path d="m12 6 6 6-6 6"/></svg>
683        </span>
684      </a>
685    </div>
686    <p class="ab-mp__note">Какая площадка откроется следующей — решаем не сами:
687      берём то, что чаще просят. <a href="/together/">Расскажите, чего не хватает</a>.</p>
688  </section>
689
690  <section class="ab-sec">
691    <h2>Какую задачу закрывает WBRay</h2>
692    <p class="ab-sub">Работа с карточками состоит из мелочей, которые никто не считает работой:
693      сохранить фото по одному, пролистать сотню отзывов, свести цены конкурентов в таблицу,
694      заметить, что у товара поменялся остаток, собрать фид для новой площадки.
695      Час уходит на то, что должно занимать минуту.</p>
696    <p class="ab-sub">WBRay собирает эту рутину в несколько действий. Достаточно артикула или ссылки
697      на товар: сервис соберёт фото и видео, вытащит отзывы с медиа, сложит выгрузку в Excel,
698      проверит карточку и будет следить за изменениями. <b>Доступ к кабинету продавца при этом
699      не нужен</b> — значит, работать можно и со своими товарами, и с чужими.</p>
700  </section>
701
702  <section class="ab-sec">
703    <h2>Один сценарий вокруг карточки</h2>
704    <p class="ab-sub">Инструменты не живут по отдельности: они закрывают четыре шага, которые менеджер
705      и так проходит каждую неделю.</p>
706    <div class="ab-flow">
707      <article class="ab-flowcard">
708        <img src="/static/wbray/img/about/about-card-audit.png" alt="Аудит карточки Wildberries в WBRay" loading="lazy" decoding="async">
709        <div class="ab-flowcard__body">
710          <em>Проверить</em>
711          <h3>Что не так с карточкой</h3>
712          <p>Аудит показывает слабые места: первое фото, описание, характеристики, ошибки.</p>
713        </div>
714      </article>
715      <article class="ab-flowcard">
716        <img src="/static/wbray/img/about/about-feedback-media.png" alt="Фото и видео из отзывов Wildberries в WBRay" loading="lazy" decoding="async">
717        <div class="ab-flowcard__body">
718          <em>Собрать</em>
719          <h3>Материалы для правок</h3>
720          <p>Фото карточки, медиа покупателей из отзывов, выгрузки бренда и выдачи в Excel.</p>
721        </div>
722      </article>
723      <article class="ab-flowcard">
724        <img src="/static/wbray/img/about/about-photo-downloader.png" alt="Скачивание фото карточки товара в WBRay" loading="lazy" decoding="async">
725        <div class="ab-flowcard__body">
726          <em>Обновить</em>
727          <h3>Визуал и тексты</h3>
728          <p>Исходники в полном размере уходят дизайнеру, слова покупателей — в описание.</p>
729        </div>
730      </article>
731      <article class="ab-flowcard">
732        <img src="/static/wbray/img/about/about-monitoring.png" alt="Мониторинг карточек Wildberries в WBRay" loading="lazy" decoding="async">
733        <div class="ab-flowcard__body">
734          <em>Следить</em>
735          <h3>Что изменилось потом</h3>
736          <p>Мониторинг ведёт историю цен, остатков, отзывов и рейтинга — своих и конкурентов.</p>
737        </div>
738      </article>
739    </div>
740  </section>
741
742  
743  <section class="ab-sec">
744    <h2>Как пользоваться</h2>
745    <p class="ab-sub">Четыре точки входа под разные ситуации: от «посмотреть одну карточку с телефона»
746      до постоянной работы в кабинете.</p>
747    <div class="ab-where">
748      <a class="ab-place" href="/">
749        <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/><path d="M12 3c2.6 3 2.6 15 0 18M12 3c-2.6 3-2.6 15 0 18"/></svg></span>
750        <b>Сайт</b><i>вставил артикул — получил результат, без регистрации</i>
751      </a>
752      <a class="ab-place" href="https://app.wbray.ru" rel="noopener">
753        <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18M9 9v11"/></svg></span>
754        <b>Личный кабинет</b><i>баланс, история файлов, мониторинг</i>
755      </a>
756      <a class="ab-place" href="/extension/">
757        <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 3.5a2 2 0 0 1 4 0V5h3.5A1.5 1.5 0 0 1 19 6.5V10h1.5a2 2 0 0 1 0 4H19v3.5a1.5 1.5 0 0 1-1.5 1.5H14v-1.5a2 2 0 0 0-4 0V19H6.5A1.5 1.5 0 0 1 5 17.5V14H3.5a2 2 0 0 1 0-4H5V6.5A1.5 1.5 0 0 1 6.5 5H10Z"/></svg></span>
758        <b>Расширение Chrome</b><i>кнопка прямо в карточке Wildberries</i>
759      </a>
760      <a class="ab-place" href="/telegram/">
761        <span><svg viewBox="0 0 24 24" fill="currentColor"><path d="M21.9 4.3 18.8 19c-.2 1-.9 1.3-1.7.8l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.4-4.9 9-8.1c.4-.3-.1-.5-.6-.2L6.7 12.7l-4.8-1.5c-1-.3-1-1 .2-1.5l18.4-7.1c.9-.3 1.6.2 1.4 1.7Z"/></svg></span>
762        <b>Telegram</b><i>бот и мини-приложение с уведомлениями</i>
763      </a>
764    </div>
765  </section>
766
767  <section class="ab-sec">
768    <h2>Для кого мы это делаем</h2>
769    <div class="ab-grid3">
770      <article class="ab-card">
771        <span class="ab-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18M9 9v11"/></svg></span>
772        <h3>Менеджерам маркетплейсов</h3>
773        <p>Меньше ручной рутины на артикулах, файлах и таблицах — больше времени на саму карточку.
774          Особенно когда площадок больше одной.</p>
775      </article>
776      <article class="ab-card">
777        <span class="ab-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19l7-7 3 3-7 7-3-3Z"/><path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5Z"/><circle cx="11" cy="11" r="2"/></svg></span>
778        <h3>Дизайнерам карточек</h3>
779        <p>Исходники, референсы конкурентов и медиа покупателей — без охоты за файлами по чатам.</p>
780      </article>
781      <article class="ab-card">
782        <span class="ab-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/><path d="M9 21v-6h6v6"/></svg></span>
783        <h3>Селлерам</h3>
784        <p>Видно, что происходит с товарами и насколько эффективно с ними работает команда.</p>
785      </article>
786    </div>
787  </section>
788
789  <section class="ab-sec">
790    <h2>Как мы работаем</h2>
791    <p class="ab-sub">Четыре правила, из которых вырастают все решения по сервису.</p>
792    <div class="ab-grid2">
793      <article class="ab-card">
794        <span class="ab-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/><path d="M12 3c2.6 3 2.6 15 0 18M12 3c-2.6 3-2.6 15 0 18"/></svg></span>
795        <h3>Публичные данные, а не токены</h3>
796        <p>Работаем с тем, что видит любой покупатель. Доступ к чужому кабинету не нужен — значит,
797          посмотреть можно и карточку конкурента.</p>
798      </article>
799      <article class="ab-card">
800        <span class="ab-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M2 10h20"/></svg></span>
801        <h3>Оплата за действие</h3>
802        <p>Никаких подписок, которые надо не забыть отменить. Сумма видна до списания, платите только
803          за то, что запустили.</p>
804      </article>
805      <article class="ab-card">
806        <span class="ab-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg></span>
807        <h3>Смотреть — бесплатно</h3>
808        <p>Поиск фото, просмотр отзывов и медиа не стоят ничего. Платный только результат:
809          файл, архив, таблица.</p>
810      </article>
811      <article class="ab-card">
812        <span class="ab-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg></span>
813        <h3>Не отработало — вернём</h3>
814        <p>Если задача сорвалась, списанное возвращается на баланс. И списание, и возврат остаются
815          в истории операций.</p>
816      </article>
817    </div>
818  </section>
819
820  <section class="ab-sec">
821    <h2>Куда идём</h2>
822    <p class="ab-sub">Мы строим не ещё одну аналитику рекламы и юнит-экономики, а цифровое рабочее место
823      для тех, кто ведёт карточки руками: менеджеров, дизайнеров, контент-специалистов. Цифры по продажам
824      и продвижению будут появляться там, где помогают принять решение по товару, — но упор не в них.</p>
825    <p class="ab-sub">Сервис вырос на Wildberries, и там инструментов пока больше всего. Дальше мы не
826      придумываем новые сущности, а повторяем те же задачи на других площадках: медиа, выгрузки,
827      контроль изменений. И связываем инструменты в один сценарий — от проверки карточки до готовых
828      материалов, без переключения между вкладками.</p>
829
830    <div class="ab-actions">
831      <a class="ab-btn ab-btn--ghost" href="/together/">
832        Что дальше — решаем вместе
833        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13"/><path d="m12 6 6 6-6 6"/></svg>
834      </a>
835    </div>
836  </section>
837
838  <section class="ab-sec">
839    <h2>Частые вопросы о сервисе</h2>
840    <div class="ab-faq">
841      <details open>
842        <summary>Что такое WBRay?</summary>
843        <p>Рабочее место для тех, кто ведёт карточки товаров: скачивание фото и видео, медиа из отзывов,
844          выгрузки в Excel, мониторинг изменений, аудит карточки и автозагрузка объявлений. Работает
845          на сайте, в личном кабинете, в расширении Chrome и в Telegram.</p>
846      </details>
847      <details>
848        <summary>С какими площадками работает WBRay?</summary>
849        <p>Wildberries, Ozon и Авито. Глубина разная: на Wildberries собран весь набор инструментов,
850          на Ozon пока работает скачивание медиа карточки, на Авито — автозагрузка объявлений
851          и перенос каталога с Wildberries.</p>
852      </details>
853      <details>
854        <summary>Нужен ли доступ к кабинету продавца?</summary>
855        <p>Нет. Мы работаем с публичными данными карточки или объявления, поэтому API-токен и доступ
856          к кабинету не нужны, а посмотреть можно любой открытый товар — в том числе у конкурентов.</p>
857      </details>
858      <details>
859        <summary>Сколько это стоит?</summary>
860        <p>Смотреть фото, отзывы и медиа — бесплатно и без регистрации. Платите только за результат:
861          файл, архив или таблицу. Оплата разовая, через внутренний баланс Rays, без подписки.</p>
862      </details>
863      <details>
864        <summary>Это подходит агентству или только селлеру?</summary>
865        <p>Подходит и тем и другим. Чаще всего сервисом пользуются менеджеры маркетплейсов и дизайнеры,
866          которые ведут чужие карточки: им не нужен доступ к кабинету клиента, чтобы собрать материалы.</p>
867      </details>
868      <details>
869        <summary>Можно ли предложить свою функцию или площадку?</summary>
870        <p>Да, и это отдельная программа. Если по вашей заявке выходит новая функция, вы пользуетесь ею
871          бесплатно; за найденную ошибку начисляем Rays, за принятое улучшение даём скидку. Следующую
872          площадку выбираем так же — по заявкам.</p>
873      </details>
874    </div>
875  </section>
876
877  <section class="ab-final">
878    <div>
879      <h2>Посмотрите, что WBRay умеет</h2>
880      <p>Инструменты для Wildberries, Ozon и Авито — от скачивания фото до автозагрузки объявлений.</p>
881    </div>
882    <div class="ab-actions">
883      <a class="ab-btn" href="/tools/">Все инструменты</a>
884      <a class="ab-btn ab-btn--ghost" href="/wb-photo-download/">Начать с фото карточки</a>
885    </div>
886  </section>
887
888  
889<section class="wb-tg-cta" aria-label="WBRay в Telegram">
890  <div class="wb-tg-cta__left">
891    <div class="wb-tg-cta__main">
892        <span class="wb-tg-cta__icon"><i class="bi bi-telegram" aria-hidden="true"></i></span>
893        <div class="wb-tg-cta__copy">
894            <h2>WBRay работает прямо в Telegram</h2>
895            <p>Мини-приложение открывает кабинет в один тап: карточки, история изменений и баланс. Туда же приходят уведомления, когда у карточки меняются цена, остатки или фото — проверять вручную не нужно.</p>
896        </div>
897    </div>
898    <div class="wb-tg-cta__actions">
899        <a class="wb-tg-cta__btn wb-tg-cta__btn--primary" href="https://t.me/WBRay_bot" target="_blank" rel="noopener">
900            <i class="bi bi-app-indicator" aria-hidden="true"></i><span>Открыть в Telegram</span>
901        </a>
902        <a class="wb-tg-cta__btn" href="https://t.me/wb_ray" target="_blank" rel="noopener">
903            <i class="bi bi-megaphone" aria-hidden="true"></i><span>Канал WBRay</span>
904        </a>
905        <a class="wb-tg-cta__btn" href="https://t.me/wbray_chat" target="_blank" rel="noopener">
906            <i class="bi bi-chat-dots" aria-hidden="true"></i><span>Чат селлеров</span>
907        </a>
908    </div>
909  </div>
910
911  
912  
913</section>
914
915<style>
916    .wb-tg-cta {
917        display: flex;
918        flex-wrap: wrap;
919        gap: 20px;
920        align-items: center;
921        justify-content: space-between;
922        margin: 28px 0;
923        padding: 26px 28px;
924        border-radius: 24px;
925        border: 1px solid rgba(34, 158, 217, .28);
926        background: linear-gradient(135deg, rgba(34, 158, 217, .10), rgba(34, 158, 217, .03));
927    }
928    /* Две половины: слева Telegram, справа счётчик.
929       Без счётчика класс --split не навешивается и блок ведёт себя как раньше.
930
931       Два правила, которые легко сломать обратно:
932       1) align-items остаётся center. При stretch карточка счётчика тянется
933          на всю высоту левой половины и превращается в пустой белый щит.
934       2) счётчик узкий (180px). Блок ограничен шириной контента (780px), и
935          каждый лишний пиксель справа отбирается у кнопок — при 210px они
936          уже не помещались в одну строку. */
937    .wb-tg-cta--split {
938        gap: 18px;
939        align-items: center;
940    }
941
942    .wb-tg-cta__left {
943        display: flex;
944        flex-direction: column;
945        gap: 14px;
946        flex: 1 1 520px;
947        min-width: 0;
948    }
949
950    .wb-tg-cta--split .wb-tg-cta__main { flex: 0 0 auto; }
951
952    /* Кнопки строго в одну строку — перенос делал блок вдвое выше. */
953    .wb-tg-cta--split .wb-tg-cta__actions {
954        flex: 0 0 auto;
955        flex-wrap: nowrap;
956        gap: 8px;
957    }
958
959    .wb-tg-cta--split .wb-tg-cta__btn {
960        padding: 10px 14px;
961        font-size: 14px;
962        white-space: nowrap;
963    }
964
965    .wb-tg-cta__stat {
966        flex: 0 0 auto;
967        align-self: center;
968        width: 180px;
969        padding: 14px 12px;
970        border-radius: 16px;
971        border: 1px solid rgba(34, 158, 217, .22);
972        background: rgba(255, 255, 255, .72);
973        text-align: center;
974    }
975
976    .wb-tg-cta__stat-value {
977        display: block;
978        font-size: 28px; font-weight: 800; line-height: 1.15; letter-spacing: -.02em;
979        color: #0f5d80; font-variant-numeric: tabular-nums;
980        white-space: nowrap;
981    }
982
983    .wb-tg-cta__stat-label {
984        display: block;
985        margin-top: 2px;
986        font-size: 13px; font-weight: 600; color: #175c80;
987    }
988
989    .wb-tg-cta__stat-note {
990        display: block;
991        margin-top: 2px;
992        font-size: 11.5px; line-height: 1.35; color: #4b5563;
993    }
994
995    /* Мобилка: половины друг под другом, счётчик обычной карточкой
996       во всю ширину — число сверху, подписи под ним. */
997    @media (max-width: 860px) {
998        .wb-tg-cta--split { align-items: stretch; }
999        .wb-tg-cta__left { flex: 1 1 100%; }
1000        .wb-tg-cta--split .wb-tg-cta__actions { flex-wrap: wrap; }
1001        .wb-tg-cta__stat {
1002            width: 100%;
1003            align-self: stretch;
1004            padding: 14px 16px;
1005        }
1006    }
1007
1008    /* flex-basis здесь НЕЛЬЗЯ задавать в пикселях: родитель .wb-tg-cta__left —
1009       колонка, а значит основная ось у него вертикальная и 420px превращались
1010       в минимальную ВЫСОТУ строки с заголовком. На главной это гасил
1011       --split, на остальных лендингах блок раздувался пустотой. */
1012    .wb-tg-cta__main { display: flex; gap: 18px; align-items: flex-start; flex: 0 0 auto; min-width: 0; }
1013    .wb-tg-cta__icon {
1014        flex: 0 0 auto;
1015        width: 48px; height: 48px;
1016        display: flex; align-items: center; justify-content: center;
1017        border-radius: 15px;
1018        color: #fff; font-size: 24px;
1019        background: #229ED9;
1020        box-shadow: 0 12px 26px rgba(34, 158, 217, .30);
1021    }
1022    .wb-tg-cta__copy h2 { margin: 0 0 6px; font-size: 21px; line-height: 1.25; font-weight: 700; }
1023    .wb-tg-cta__copy p { margin: 0; font-size: 15px; line-height: 1.55; color: #4b5563; }
1024    .wb-tg-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; flex: 0 1 auto; }
1025    .wb-tg-cta__btn {
1026        display: inline-flex; align-items: center; gap: 8px;
1027        padding: 11px 18px;
1028        border-radius: 13px;
1029        font-size: 15px; font-weight: 600; text-decoration: none;
1030        color: #0f5d80;
1031        border: 1px solid rgba(34, 158, 217, .32);
1032        background: rgba(255, 255, 255, .9);
1033        transition: transform .15s ease, box-shadow .15s ease;
1034    }
1035    .wb-tg-cta__btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(34, 158, 217, .18); color: #0f5d80; }
1036    .wb-tg-cta__btn--primary {
1037        color: #fff;
1038        border-color: transparent;
1039        background: #229ED9;
1040        box-shadow: 0 12px 26px rgba(34, 158, 217, .26);
1041    }
1042    .wb-tg-cta__btn--primary:hover { color: #fff; background: #1B8AC0; }
1043    @media (max-width: 720px) {
1044        .wb-tg-cta { padding: 20px; border-radius: 20px; }
1045        .wb-tg-cta__copy h2 { font-size: 19px; }
1046        .wb-tg-cta__actions { width: 100%; }
1047        .wb-tg-cta__btn { flex: 1 1 100%; justify-content: center; }
1048    }
1049</style>
1050
1051</main>
1052
1053        <div
1054    class="wb-auth"
1055    data-wb-auth
1056    data-api-base="https://core.wbray.ru/api"
1057    data-app-url="https://app.wbray.ru"
1058>
1059    <div class="wb-auth__overlay" data-auth-close hidden></div>
1060
1061    <section class="wb-auth__modal" role="dialog" aria-modal="true" aria-labelledby="wb-auth-title" hidden>
1062        <button class="wb-auth__close" type="button" data-auth-close aria-label="Закрыть">
1063            <span aria-hidden="true">&times;</span>
1064        </button>
1065
1066        <header class="wb-auth__head">
1067            <span class="wb-auth__mark">WB</span>
1068            <div>
1069                <h2 id="wb-auth-title">Вход в WBRay</h2>
1070                <p data-auth-subtitle>Авторизация</p>
1071            </div>
1072        </header>
1073
1074        <div class="wb-auth__tabs" role="tablist" aria-label="Авторизация WBRay">
1075            <button class="wb-auth__tab is-active" type="button" data-auth-view-button="login">Вход</button>
1076            <button class="wb-auth__tab" type="button" data-auth-view-button="register">Регистрация</button>
1077        </div>
1078
1079        <div class="wb-auth__message" data-auth-message hidden></div>
1080
1081        <form class="wb-auth__view is-active" data-auth-view="login" data-auth-form="login" method="post" autocomplete="on" novalidate>
1082            <label class="wb-auth__field">
1083                <span>Email</span>
1084                <span class="wb-auth__input">
1085                    <i class="bi bi-envelope" aria-hidden="true"></i>
1086                    <input type="email" name="email" autocomplete="username" required>
1087                </span>
1088            </label>
1089            <label class="wb-auth__field">
1090                <span>Пароль</span>
1091                <span class="wb-auth__input">
1092                    <i class="bi bi-lock" aria-hidden="true"></i>
1093                    <input type="password" name="password" autocomplete="current-password" required>
1094                </span>
1095            </label>
1096            <label class="wb-auth__check wb-auth__check--remember">
1097                <input type="checkbox" name="remember" checked>
1098                <span>Запомнить пароль</span>
1099            </label>
1100            <button class="wb-auth__submit" type="submit">Войти</button>
1101            <button class="wb-auth__link" type="button" data-auth-view-button="forgot">Забыли пароль?</button>
1102        </form>
1103
1104        <form class="wb-auth__view" data-auth-view="register" data-auth-form="register" novalidate>
1105            <label class="wb-auth__field">
1106                <span>Никнейм или имя</span>
1107                <span class="wb-auth__input">
1108                    <i class="bi bi-person" aria-hidden="true"></i>
1109                    <input type="text" name="name" autocomplete="nickname" placeholder="Как к вам обращаться" required>
1110                </span>
1111            </label>
1112            <label class="wb-auth__field">
1113                <span>Email</span>
1114                <span class="wb-auth__input">
1115                    <i class="bi bi-envelope" aria-hidden="true"></i>
1116                    <input type="email" name="email" autocomplete="email" required>
1117                </span>
1118            </label>
1119            <label class="wb-auth__field">
1120                <span>Пароль</span>
1121                <span class="wb-auth__input">
1122                    <i class="bi bi-lock" aria-hidden="true"></i>
1123                    <input type="password" name="password" autocomplete="new-password" minlength="8" required>
1124                </span>
1125            </label>
1126            
1127            <label class="wb-auth__field">
1128                <span>Повторите пароль</span>
1129                <span class="wb-auth__input">
1130                    <i class="bi bi-lock-fill" aria-hidden="true"></i>
1131                    <input type="password" name="password_confirm" autocomplete="new-password" minlength="8" required>
1132                </span>
1133            </label>
1134            <label class="wb-auth__field">
1135                <span>Реферальный код <small>необязательно</small></span>
1136                <span class="wb-auth__input">
1137                    <i class="bi bi-people" aria-hidden="true"></i>
1138                    <input type="text" name="ref_code" autocomplete="off" maxlength="32" placeholder="Если вас пригласили">
1139                </span>
1140                <small class="wb-auth__hint">Код пользователя или партнёра WBRay. Регистр символов учитывается.</small>
1141            </label>
1142            <label class="wb-auth__check">
1143                <input type="checkbox" name="legal_accepted" required>
1144                <span>Принимаю <a href="/offer/" target="_blank" rel="noopener noreferrer">оферту</a>, <a href="/privacy/" target="_blank" rel="noopener noreferrer">политику конфиденциальности</a> и даю <a href="/personal-data-consent/" target="_blank" rel="noopener noreferrer">согласие на обработку персональных данных</a>, а также согласие на рассылку. Отписаться можно в любой момент.</span>
1145            </label>
1146            <button class="wb-auth__submit" type="submit">Зарегистрироваться</button>
1147        </form>
1148
1149        <form class="wb-auth__view" data-auth-view="verify" data-auth-form="verify" novalidate>
1150            <p class="wb-auth__note">Мы отправили код на <span data-auth-email-mask></span>.</p>
1151            <label class="wb-auth__field">
1152                <span>Код из письма</span>
1153                <input type="text" name="code" inputmode="numeric" autocomplete="one-time-code" required>
1154            </label>
1155            <button class="wb-auth__submit" type="submit">Подтвердить email</button>
1156            <button class="wb-auth__link" type="button" data-auth-resend>Отправить код повторно</button>
1157            <button class="wb-auth__link" type="button" data-auth-cancel-verification>Вернуться ко входу</button>
1158        </form>
1159
1160        <form class="wb-auth__view" data-auth-view="forgot" data-auth-form="forgot" novalidate>
1161            <p class="wb-auth__note">Укажите email. Мы отправим код восстановления пароля.</p>
1162            <label class="wb-auth__field">
1163                <span>Email</span>
1164                <input type="email" name="email" autocomplete="email" required>
1165            </label>
1166            <button class="wb-auth__submit" type="submit">Получить код</button>
1167            <button class="wb-auth__link" type="button" data-auth-view-button="login">Вернуться ко входу</button>
1168        </form>
1169
1170        <form class="wb-auth__view" data-auth-view="reset-code" data-auth-form="reset-code" novalidate>
1171            <p class="wb-auth__note">Введите код восстановления из письма.</p>
1172            <label class="wb-auth__field">
1173                <span>Код</span>
1174                <input type="text" name="code" inputmode="numeric" autocomplete="one-time-code" required>
1175            </label>
1176            <button class="wb-auth__submit" type="submit">Проверить код</button>
1177        </form>
1178
1179        <form class="wb-auth__view" data-auth-view="reset-password" data-auth-form="reset-password" novalidate>
1180            <label class="wb-auth__field">
1181                <span>Новый пароль</span>
1182                <input type="password" name="new_password" autocomplete="new-password" minlength="8" required>
1183            </label>
1184            <label class="wb-auth__field">
1185                <span>Повторите пароль</span>
1186                <input type="password" name="new_password_confirm" autocomplete="new-password" minlength="8" required>
1187            </label>
1188            <button class="wb-auth__submit" type="submit">Сменить пароль</button>
1189        </form>
1190    </section>
1191</div>
1192
1193        
1194<style>
1195  .ry-tu { position:fixed; inset:0; z-index:600; display:flex; align-items:center; justify-content:center;
1196           padding:18px; }
1197  .ry-tu[hidden] { display:none; }
1198  .ry-tu * { box-sizing:border-box; }
1199  .ry-tu__overlay { position:absolute; inset:0; background:rgba(15,10,35,.52); backdrop-filter:blur(3px); }
1200  .ry-tu__dialog { position:relative; z-index:1; width:100%; max-width:600px; max-height:calc(100vh - 36px);
1201                   overflow:auto; padding:22px; border-radius:22px; background:#fff; color:#17132d;
1202                   box-shadow:0 30px 80px rgba(20,10,50,.34); }
1203  .ry-tu__head { display:flex; align-items:flex-start; gap:12px; margin-bottom:6px; }
1204  .ry-tu__head h2 { margin:0; font-size:21px; font-weight:900; letter-spacing:-.03em; }
1205  .ry-tu__head p { margin:5px 0 0; font-size:13.5px; line-height:1.5; color:#6a6380; }
1206  .ry-tu__x { flex:0 0 auto; margin-left:auto; display:grid; place-items:center; width:34px; height:34px;
1207              border:0; border-radius:11px; background:#f4f1fb; color:#17132d; font-size:19px; line-height:1;
1208              cursor:pointer; }
1209  .ry-tu__x:hover { background:#ece5fb; }
1210
1211  .ry-tu__reason, .ry-tu__error, .ry-tu__note { margin-top:12px; padding:10px 13px; border-radius:13px;
1212                                                font-size:13px; line-height:1.45; }
1213  .ry-tu__reason { background:#f5f1ff; color:#4c1d95; font-weight:700; }
1214  .ry-tu__error { background:rgba(239,68,68,.1); color:#b91c1c; font-weight:700; }
1215  .ry-tu__note { background:rgba(245,158,11,.12); color:#92400e; }
1216  .ry-tu__note a { color:#7b3dff; font-weight:800; }
1217  .ry-tu__reason[hidden], .ry-tu__error[hidden], .ry-tu__note[hidden] { display:none; }
1218
1219  .ry-tu__packs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:16px; }
1220  @media (max-width:560px) { .ry-tu__packs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
1221  .ry-tu__pack { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:2px;
1222                 min-height:84px; padding:13px 13px 12px; border:1px solid rgba(23,16,50,.1); border-radius:15px;
1223                 background:#fff; color:#17132d; font:inherit; text-align:left; cursor:pointer;
1224                 transition:border-color .14s ease, box-shadow .14s ease; }
1225  .ry-tu__pack:hover { border-color:rgba(124,58,237,.45); }
1226  .ry-tu__pack.is-active { border-color:#7b3dff; box-shadow:0 0 0 1px #7b3dff, 0 10px 24px rgba(123,61,255,.14); }
1227  .ry-tu__pack b { display:flex; align-items:baseline; gap:5px; font-size:22px; font-weight:900;
1228                   letter-spacing:-.03em; line-height:1.05; width:100%; }
1229  .ry-tu__pack b i { font-style:normal; font-size:11px; font-weight:800; color:#7b3dff; }
1230  /* Своя сумма — не число, а подпись: тем же кеглем она смотрится обрубком. */
1231  .ry-tu__pack b.ry-tu__pack-label { font-size:15px; letter-spacing:-.01em; }
1232  .ry-tu__pack u { display:block; margin-top:4px; text-decoration:none; color:#6a6380; font-size:13.5px;
1233                   font-weight:700; }
1234  .ry-tu__pack u.is-bad { color:#b91c1c; }
1235  .ry-tu__pack em { margin-top:7px; padding:2px 8px; border-radius:999px; font-style:normal;
1236                    background:rgba(34,197,94,.12); color:#166534; font-size:11px; font-weight:800; }
1237  .ry-tu__pack--custom { border-style:dashed; }
1238  .ry-tu__pack--custom.is-active { border-style:solid; }
1239  .ry-tu__custom { width:100%; min-width:0; padding:0; border:0; background:transparent; color:#17132d;
1240                   font:inherit; font-size:20px; font-weight:900; letter-spacing:-.03em; outline:none;
1241                   -moz-appearance:textfield; appearance:textfield; }
1242  /* Стрелки счётчика в карточке лишние: шаг всё равно диктует сервер. */
1243  .ry-tu__custom::-webkit-outer-spin-button,
1244  .ry-tu__custom::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
1245  .ry-tu__hit { position:absolute; top:-8px; left:50%; transform:translateX(-50%); padding:1px 8px;
1246                border-radius:999px; background:linear-gradient(135deg,#8b5cf6,#6d28d9); color:#fff;
1247                font-size:9.5px; font-weight:800; letter-spacing:.02em; white-space:nowrap; }
1248  .ry-tu__skeleton { height:84px; border-radius:15px; background:linear-gradient(100deg,#f4f1fb,#ece7f8,#f4f1fb);
1249                     background-size:200% 100%; animation:ry-tu-shine 1.2s linear infinite; }
1250  @keyframes ry-tu-shine { from { background-position:180% 0; } to { background-position:-40% 0; } }
1251  @media (prefers-reduced-motion:reduce) { .ry-tu__skeleton { animation:none; } }
1252
1253  .ry-tu__provs { margin-top:16px; }
1254  .ry-tu__provs[hidden] { display:none; }
1255  .ry-tu__provs > span { display:block; margin-bottom:8px; font-size:12.5px; font-weight:700; color:#6a6380; }
1256  .ry-tu__provs-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
1257  @media (max-width:560px) { .ry-tu__provs-list { grid-template-columns:1fr; } }
1258  .ry-tu__prov { display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid rgba(23,16,50,.1);
1259                 border-radius:14px; background:#fff; color:#17132d; font:inherit; text-align:left; cursor:pointer;
1260                 transition:border-color .14s ease, box-shadow .14s ease; }
1261  .ry-tu__prov:hover { border-color:rgba(124,58,237,.45); }
1262  .ry-tu__prov.is-active { border-color:#7b3dff; box-shadow:0 0 0 1px #7b3dff; }
1263  .ry-tu__prov-dot { flex:0 0 auto; width:16px; height:16px; border-radius:50%;
1264                     border:1.5px solid rgba(23,16,50,.22); }
1265  .ry-tu__prov.is-active .ry-tu__prov-dot { border-color:#7b3dff; box-shadow:inset 0 0 0 3.5px #7b3dff; }
1266  .ry-tu__prov b { display:block; font-size:14px; font-weight:700; }
1267  .ry-tu__prov i { display:block; font-style:normal; font-size:12.5px; color:#6a6380; }
1268
1269  .ry-tu__promo { margin-top:15px; padding:12px; border:1px solid rgba(23,16,50,.1); border-radius:14px;
1270                  background:rgba(124,58,237,.025); }
1271  .ry-tu__promo.is-ok { border-color:rgba(22,163,74,.3); background:rgba(22,163,74,.045); }
1272  .ry-tu__promo > label { display:block; margin-bottom:7px; font-size:12.5px; font-weight:800; color:#3a3354; }
1273  .ry-tu__promo > label small { margin-left:4px; color:#8a839c; font-size:11px; font-weight:650; }
1274  .ry-tu__promo-row { display:flex; align-items:stretch; gap:8px; }
1275  .ry-tu__promo-input { flex:1 1 auto; min-width:0; height:42px; padding:0 12px; border:1px solid rgba(23,16,50,.14);
1276                        border-radius:11px; background:#fff; color:#17132d; font:inherit; font-size:14px;
1277                        font-weight:750; letter-spacing:.025em; outline:none; }
1278  .ry-tu__promo-input:focus { border-color:#7b3dff; box-shadow:0 0 0 3px rgba(123,61,255,.1); }
1279  .ry-tu__promo-apply { flex:0 0 auto; min-height:42px; padding:0 15px; border:1px solid rgba(123,61,255,.24);
1280                        border-radius:11px; background:#fff; color:#6d28d9; font:inherit; font-size:13.5px;
1281                        font-weight:850; cursor:pointer; }
1282  .ry-tu__promo-apply:hover:not(:disabled) { background:#f5f1ff; }
1283  .ry-tu__promo-apply:disabled { opacity:.48; cursor:not-allowed; }
1284  .ry-tu__promo-result { margin:7px 2px 0; font-size:12.5px; font-weight:700; line-height:1.4; color:#6a6380; }
1285  .ry-tu__promo-result.is-ok { color:#166534; }
1286  .ry-tu__promo-result.is-bad { color:#b91c1c; }
1287  .ry-tu__promo-result[hidden] { display:none; }
1288  @media (max-width:440px) {
1289    .ry-tu__promo-row { flex-direction:column; }
1290    .ry-tu__promo-apply { width:100%; }
1291  }
1292
1293  .ry-tu__foot { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
1294                 margin-top:18px; padding-top:15px; border-top:1px solid rgba(23,16,50,.09); }
1295  .ry-tu__sum { display:flex; align-items:baseline; gap:8px; }
1296  .ry-tu__sum small { font-size:13px; color:#6a6380; }
1297  .ry-tu__sum b { font-size:21px; font-weight:900; letter-spacing:-.03em; }
1298  .ry-tu__sum i { font-style:normal; font-size:13px; color:#6a6380; }
1299  .ry-tu__pay { display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 22px; border:0;
1300                border-radius:13px; background:linear-gradient(135deg,#8b5cf6,#6d28d9); color:#fff; font:inherit;
1301                font-size:15px; font-weight:800; cursor:pointer; transition:transform .12s ease, opacity .12s ease; }
1302  .ry-tu__pay:hover:not(:disabled) { transform:translateY(-1px); }
1303  .ry-tu__pay:disabled { opacity:.45; cursor:not-allowed; }
1304  .ry-tu__manual { display:inline-block; margin-top:10px; color:#7b3dff; font-size:13.5px; font-weight:800; }
1305  .ry-tu__manual[hidden] { display:none; }
1306  .ry-tu__legal { margin:12px 0 0; font-size:11.5px; line-height:1.5; color:#8a839c; }
1307  .ry-tu__legal a { color:#6a6380; text-decoration:underline; }
1308  body.ry-tu-lock { overflow:hidden; }
1309
1310</style>
1311
1312<div class="ry-tu" data-topup hidden role="dialog" aria-modal="true" aria-labelledby="ry-tu-title">
1313  <div class="ry-tu__overlay" data-topup-overlay></div>
1314
1315  <div class="ry-tu__dialog" data-topup-dialog>
1316    <div class="ry-tu__head">
1317      <div>
1318        <h2 id="ry-tu-title">Пополнить баланс</h2>
1319        <p>Разовая покупка Rays. Без подписки и автоплатежа.</p>
1320      </div>
1321      <button class="ry-tu__x" type="button" data-topup-close aria-label="Закрыть">×</button>
1322    </div>
1323
1324    <div class="ry-tu__reason" data-topup-reason hidden></div>
1325    <div class="ry-tu__error" data-topup-error hidden role="alert"></div>
1326    <div class="ry-tu__note" data-topup-note hidden></div>
1327
1328    <div class="ry-tu__packs" data-topup-packs></div>
1329
1330    <div class="ry-tu__provs" data-topup-providers hidden>
1331      <span>Способ оплаты</span>
1332      <div class="ry-tu__provs-list" data-topup-providers-list></div>
1333    </div>
1334
1335    <div class="ry-tu__promo" data-topup-promo>
1336      <label for="ry-tu-promo">Промокод <small>если есть</small></label>
1337      <div class="ry-tu__promo-row">
1338        <input class="ry-tu__promo-input" id="ry-tu-promo" type="text" maxlength="48"
1339               autocomplete="off" placeholder="Введите код" data-topup-promo-input>
1340        <button class="ry-tu__promo-apply" type="button" data-topup-promo-apply disabled>Применить</button>
1341      </div>
1342      <div class="ry-tu__promo-result" data-topup-promo-result aria-live="polite" hidden></div>
1343    </div>
1344
1345    <div class="ry-tu__foot">
1346      <div class="ry-tu__sum">
1347        <small>К оплате</small>
1348        <b data-topup-total>—</b>
1349        <i data-topup-total-hint></i>
1350      </div>
1351      <button class="ry-tu__pay" type="button" data-topup-submit disabled>
1352        <span data-topup-submit-label>Оплатить</span>
1353      </button>
1354    </div>
1355
1356    <a class="ry-tu__manual" data-topup-manual target="_blank" rel="noopener" hidden>Перейти к оплате →</a>
1357
1358    <p class="ry-tu__legal">Оплата проходит на стороне банка, реквизиты карты на сайт не попадают.
1359      Покупая Rays, вы соглашаетесь с <a href="/offer/">офертой</a> и
1360      <a href="/payment-and-refund/">условиями оплаты и возврата</a>.
1361      История операций — в <a href="https://app.wbray.ru/rays" target="_blank" rel="noopener">личном кабинете</a>.</p>
1362  </div>
1363</div>
1364
1365        
1366<style>
1367  .wbn-stack {
1368    position: fixed;
1369    right: 16px;
1370    bottom: 16px;
1371    z-index: 500;
1372    display: flex;
1373    flex-direction: column-reverse;
1374    gap: 10px;
1375    max-width: min(92vw, 400px);
1376    pointer-events: none;
1377  }
1378  .wbn-stack:empty { display: none; }
1379
1380  .wbn {
1381    position: relative;
1382    display: flex;
1383    align-items: center;
1384    gap: 11px;
1385    padding: 13px 12px 13px 15px;
1386    border-radius: 16px;
1387    background: #fff;
1388    color: #17132d;
1389    border: 1px solid rgba(23, 16, 50, .1);
1390    box-shadow: 0 18px 44px rgba(20, 10, 50, .18);
1391    pointer-events: auto;
1392    overflow: hidden;
1393    transform: translateY(8px);
1394    opacity: 0;
1395    transition: transform .22s cubic-bezier(.22, 1, .36, 1), opacity .22s ease;
1396  }
1397  .wbn.is-in { transform: translateY(0); opacity: 1; }
1398  .wbn.is-out { transform: translateY(6px); opacity: 0; }
1399  @media (prefers-reduced-motion: reduce) {
1400    .wbn { transition: none; transform: none; opacity: 1; }
1401  }
1402
1403  .wbn__dot {
1404    flex: 0 0 auto;
1405    width: 10px;
1406    height: 10px;
1407    border-radius: 50%;
1408    background: #7b3dff;
1409  }
1410  .wbn[data-tone="ok"] .wbn__dot { background: #16a34a; }
1411  .wbn[data-tone="bad"] .wbn__dot { background: #ef4444; }
1412
1413  .wbn__body { min-width: 0; }
1414  .wbn__body b {
1415    display: block;
1416    font-size: 13.5px;
1417    font-weight: 800;
1418    line-height: 1.35;
1419  }
1420  .wbn__body i {
1421    display: block;
1422    font-style: normal;
1423    font-size: 12px;
1424    line-height: 1.4;
1425    color: #6a6380;
1426  }
1427  .wbn__body i[hidden] { display: none; }
1428
1429  .wbn__acts { display: flex; align-items: center; gap: 6px; margin-left: auto; }
1430  .wbn__acts:empty { display: none; }
1431  .wbn__btn {
1432    border: 0;
1433    border-radius: 10px;
1434    padding: 6px 10px;
1435    background: #f4f1fb;
1436    color: #17132d;
1437    font: inherit;
1438    font-size: 12.5px;
1439    font-weight: 800;
1440    white-space: nowrap;
1441    cursor: pointer;
1442  }
1443  .wbn__btn:hover { background: #ece5fb; }
1444  .wbn__btn--primary { background: linear-gradient(135deg, #8b5cf6, #6d28d9); color: #fff; }
1445
1446  /* Крестик мелкий и тихий: закрытие не должно спорить с самим сообщением. */
1447  .wbn__x {
1448    flex: 0 0 auto;
1449    display: grid;
1450    place-items: center;
1451    width: 22px;
1452    height: 22px;
1453    margin-left: 2px;
1454    padding: 0;
1455    border: 0;
1456    border-radius: 7px;
1457    background: transparent;
1458    color: #a49dbb;
1459    cursor: pointer;
1460    transition: background .14s ease, color .14s ease;
1461  }
1462  .wbn__acts:empty + .wbn__x { margin-left: auto; }
1463  .wbn__x svg { width: 11px; height: 11px; display: block; }
1464  .wbn__x:hover { background: #f4f1fb; color: #17132d; }
1465
1466  /* Полоска времени: видно, что сообщение уйдёт само, и сколько осталось. */
1467  .wbn__bar {
1468    position: absolute;
1469    left: 0;
1470    right: 0;
1471    bottom: 0;
1472    height: 2px;
1473    background: rgba(23, 16, 50, .06);
1474  }
1475  .wbn__bar[hidden] { display: none; }
1476  .wbn__bar i { display: block; height: 100%; width: 100%; background: #7b3dff; transform-origin: left center; }
1477  .wbn[data-tone="ok"] .wbn__bar i { background: #16a34a; }
1478  .wbn[data-tone="bad"] .wbn__bar i { background: #ef4444; }
1479  @keyframes wbn-bar { from { transform: scaleX(1); } to { transform: scaleX(0); } }
1480  @media (prefers-reduced-motion: reduce) { .wbn__bar { display: none; } }
1481
1482  @media (max-width: 480px) {
1483    .wbn-stack { left: 12px; right: 12px; bottom: 12px; max-width: none; }
1484  }
1485</style>
1486
1487<div class="wbn-stack" data-notice-stack aria-live="polite"></div>
1488
1489
1490        <footer class="wbm-footer" aria-label="Подвал WBRay">
1491            <div class="wbm-footer__top">
1492                <div class="wbm-footer__about">
1493                    <a href="/about/" class="wbm-footer__logo" aria-label="WBRay - о сервисе">
1494                        <span class="wbm-brand__mark" aria-hidden="true"></span>
1495                        <span class="wbm-brand__text"><span class="wbm-brand__wb">WB</span><span class="wbm-brand__tail">Ray</span></span>
1496                    </a>
1497                    <p>Сервис инструментов для селлеров и менеджеров Wildberries.</p>
1498                    <span class="wbm-footer__copyright">© 2026 WBRay</span>
1499                </div>
1500
1501                <nav class="wbm-footer__group" aria-label="Инструменты WBRay">
1502                    <h2>Инструменты</h2>
1503                    <div class="wbm-footer__list">
1504                        <a href="/wb-photo-download/">Фото карточек</a>
1505                        <a href="/wb-feedbacks/">Фото отзывов</a>
1506                        <a href="/wb-feedbacks-excel/">Скачать отзывы Wildberries</a>
1507                        <a href="/wb-card-audit/">Аудит карточки</a>
1508                        <a href="/tools/wb-monitoring/">Мониторинг карточек</a>
1509                        <a href="/wb-brand-export/">Выгрузка бренда</a>
1510                        <a href="/wb-search-export/">Выгрузка выдачи</a>
1511                        <a href="/wb-photo-pack/">Фото по списку артикулов</a>
1512                        <a href="/wibes-video/">Видео из Wibes</a>
1513                        <a href="/extension/">Chrome-расширение</a>
1514                        <a href="/telegram-bot/">Телеграм-бот для фото</a>
1515                    </div>
1516                </nav>
1517
1518                <nav class="wbm-footer__group" aria-label="Навигация WBRay">
1519                    <h2>Навигация</h2>
1520                    <div class="wbm-footer__list">
1521                        <a href="/rays/">Rays</a>
1522                        <a href="/collections/">Коллекции</a>
1523                        <a href="/avito/">Автозагрузка Авито</a>
1524                        <a href="/wb-to-avito/">С Wildberries на Авито</a>
1525                        <a href="/together/">Развиваем вместе</a>
1526                        <a href="/about/">О нас</a>
1527                        <a href="/blog/">WB Практика</a>
1528                        <a href="/privacy/">Конфиденциальность</a>
1529                        <a href="https://app.wbray.ru/auth/login">Вход</a>
1530                    </div>
1531                </nav>
1532
1533                <div class="wbm-footer__social" aria-label="Социальные сети WBRay">
1534                    <h2>Мы в соцсетях</h2>
1535                    <div class="wbm-social-grid">
1536                        <a class="wbm-social wbm-social--vk" href="https://vk.com/wbray_ai" target="_blank" rel="noopener noreferrer"><span class="wbm-social__mark">VK</span><span>VK</span></a>
1537                        <a class="wbm-social wbm-social--ig" href="https://www.instagram.com/wb.aiaudit/" target="_blank" rel="noopener noreferrer"><span class="wbm-social__mark">IG</span><span>Instagram</span></a>
1538                        <a class="wbm-social wbm-social--tg" href="https://t.me/wb_ray" target="_blank" rel="noopener noreferrer"><span class="wbm-social__mark">TG</span><span>Telegram</span></a>
1539                        <a class="wbm-social wbm-social--yt" href="https://www.youtube.com/@WBray_youtube/featured" target="_blank" rel="noopener noreferrer"><span class="wbm-social__mark">YT</span><span>YouTube</span></a>
1540                        <a class="wbm-social wbm-social--chrome" href="https://chromewebstore.google.com/detail/gpnadigonejdkdjhhiphjbkickjeohlh" target="_blank" rel="noopener noreferrer"><span class="wbm-social__mark">CH</span><span>Chrome Web Store</span></a>
1541                    </div>
1542                    <div class="wbm-footer__follow">
1543                        <span aria-hidden="true">✦</span>
1544                        <p>Подписывайтесь и следите за обновлениями WBRay</p>
1545                    </div>
1546                </div>
1547            </div>
1548
1549            <div class="wbm-footer__bottom">
1550                <a class="wbm-footer__help" href="https://vk.com/wbray_ai" target="_blank" rel="noopener noreferrer">
1551                    <span class="wbm-footer__help-icon" aria-hidden="true">VK</span>
1552                    <span><strong>Нужна помощь?</strong><em>Напишите нам ВКонтакте</em></span>
1553                </a>
1554
1555                <nav class="wbm-footer__legal" aria-label="Документы WBRay">
1556                    <a href="/rays/">Тарифы</a>
1557                    <span aria-hidden="true">·</span>
1558                    <a href="/offer/">Оферта</a>
1559                    <span aria-hidden="true">·</span>
1560                    <a href="/payment-and-refund/">Оплата и возврат</a>
1561                    <span aria-hidden="true">·</span>
1562                    <a href="/contacts/">Контакты</a>
1563                    <span aria-hidden="true">·</span>
1564                    <a href="/privacy/">Конфиденциальность</a>
1565                </nav>
1566            </div>
1567        </footer>
1568    </div>
1569</div>
1570
1571
1572    <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 1572-1573
1572
1573<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1573GTM-MJN33G7M
vendor: 85 bytes, lines 1573-1574
1573"
1574height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1575<!-- End Google Tag Manager (noscript) -->
1576
1577    
1578<script src="/static/wbray/js/marketing.js?v=20260911-card-media-7-media-8"></script>
vendor: 1 bytes, line 1578
1578
1579<script src="/static/wbray/js/auth.js?v=20260911-card-media-7-media-8-app-sso-2"></script>
1579
1580
1581<script src="/static/wbray/js/notice.js?v=20260911-card-media-7-media-8"></script>
1581
1582
1583<script src="/static/wbray/js/topup.js?v=20260911-card-media-7-media-8-promo-input-1"></script>
vendor: 1 bytes, line 1583
1583
1584<script>
1585  // Раскрытие подменю выгрузок нажатием — нужно только на тач-экранах, где
1586  // hover не срабатывает. На десктопе всё делает CSS.
1587  document.addEventListener('click', function (event) {
1588    var toggle = event.target.closest('[data-wbm-nest-toggle]');
1589    if (!toggle) return;
1590    event.preventDefault();
1591    var nest = toggle.closest('[data-wbm-nest]');
1592    if (!nest) return;
1593    var opened = nest.classList.toggle('is-open');
1594    toggle.setAttribute('aria-expanded', opened ? 'true' : 'false');
1595  });
1596</script>
1596
1597
1598
1599</body>
1600</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.