[{"data":1,"prerenderedAt":624},["ShallowReactive",2],{"\u002F":3,"next-intro-\u002F":111},{"id":4,"title":5,"body":6,"description":102,"extension":103,"icon":104,"meta":105,"navigation":106,"path":107,"seo":108,"stem":109,"__hash__":110},"content\u002Findex.md","Введение",{"type":7,"value":8,"toc":95},"minimark",[9,14,22,27,60,64,83,87],[10,11,13],"h1",{"id":12},"fitting-widget-виртуальная-примерка","Fitting Widget — Виртуальная примерка",[15,16,17,21],"p",{},[18,19,20],"strong",{},"Fitting Widget"," — это готовое решение для виртуальной примерки одежды в интернет-магазинах. Он позволяет вашим покупателям загрузить фотографию и мгновенно увидеть, как на них выглядит любой предмет одежды — прямо на странице товара.",[23,24,26],"h2",{"id":25},"ключевые-возможности","Ключевые возможности",[28,29,30,42,48,54],"ul",{},[31,32,33,36,37,41],"li",{},[18,34,35],{},"Быстрая интеграция"," — Один тег ",[38,39,40],"code",{},"\u003Cscript>"," и несколько строк кода.",[31,43,44,47],{},[18,45,46],{},"Не зависит от фреймворков"," — Работает с Vanilla JS, React, Vue, Next.js, Nuxt и другими.",[31,49,50,53],{},[18,51,52],{},"Настраиваемый"," — Стилизуйте виджет под ваш бренд.",[31,55,56,59],{},[18,57,58],{},"Лёгкий"," — Оптимизированная загрузка, которая не замедляет магазин.",[23,61,63],{"id":62},"как-это-работает","Как это работает",[65,66,67,70,73,80],"ol",{},[31,68,69],{},"Загрузите скрипт виджета на страницу.",[31,71,72],{},"Инициализируйте его с вашим API-ключом.",[31,74,75,76,79],{},"Вызовите ",[38,77,78],{},"window.fitting('create', { ... })"," с URL-адресами изображений товаров.",[31,81,82],{},"Виджет отображается внутри выбранного вами контейнера.",[23,84,86],{"id":85},"быстрый-старт","Быстрый старт",[15,88,89,90,94],{},"Перейдите к руководству ",[91,92,86],"a",{"href":93},"\u002Fgetting-started\u002Fquick-start",", чтобы начать работу менее чем за 5 минут.",{"title":96,"searchDepth":97,"depth":97,"links":98},"",2,[99,100,101],{"id":25,"depth":97,"text":26},{"id":62,"depth":97,"text":63},{"id":85,"depth":97,"text":86},"Что такое Fitting Widget и зачем его использовать?","md","i-lucide-sparkles",{},true,"\u002F",{"title":5,"description":102},"index","kGT91Bb-Wx88tMoHoRu65KMhDKtcehaBgnLzJYfeCWE",{"id":112,"title":86,"body":113,"description":618,"extension":103,"icon":619,"meta":620,"navigation":106,"path":93,"seo":621,"stem":622,"__hash__":623},"content\u002Fgetting-started\u002Fquick-start.md",{"type":7,"value":114,"toc":609},[115,117,120,124,134,138,148,215,219,398,402,409,438,442,449,578,582,585,589,605],[10,116,86],{"id":85},[15,118,119],{},"Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.",[23,121,123],{"id":122},"_1-получите-api-ключ","1. Получите API-ключ",[15,125,126,127,133],{},"Зарегистрируйтесь на ",[91,128,132],{"href":129,"rel":130},"https:\u002F\u002Fwidget.try-on.ru",[131],"nofollow","widget.try-on.ru",", чтобы получить бесплатный API-ключ.",[23,135,137],{"id":136},"_2-загрузите-скрипт-виджета","2. Загрузите скрипт виджета",[15,139,140,141,143,144,147],{},"Добавьте следующий тег ",[38,142,40],{}," на страницу, желательно перед закрывающим тегом ",[38,145,146],{},"\u003C\u002Fbody>",":",[149,150,154],"pre",{"className":151,"code":152,"language":153,"meta":96,"style":96},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript\n  src=\"https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js\"\n  id=\"fitting-widget-bundle\"\n>\u003C\u002Fscript>\n","html",[38,155,156,169,188,203],{"__ignoreMap":96},[157,158,161,165],"span",{"class":159,"line":160},"line",1,[157,162,164],{"class":163},"sMK4o","\u003C",[157,166,168],{"class":167},"swJcz","script\n",[157,170,171,175,178,181,185],{"class":159,"line":97},[157,172,174],{"class":173},"spNyl","  src",[157,176,177],{"class":163},"=",[157,179,180],{"class":163},"\"",[157,182,184],{"class":183},"sfazB","https:\u002F\u002Fwidget.try-on.ru\u002Ffitting-widget-bundle.js",[157,186,187],{"class":163},"\"\n",[157,189,191,194,196,198,201],{"class":159,"line":190},3,[157,192,193],{"class":173},"  id",[157,195,177],{"class":163},[157,197,180],{"class":163},[157,199,200],{"class":183},"fitting-widget-bundle",[157,202,187],{"class":163},[157,204,206,209,212],{"class":159,"line":205},4,[157,207,208],{"class":163},">\u003C\u002F",[157,210,211],{"class":167},"script",[157,213,214],{"class":163},">\n",[23,216,218],{"id":217},"_3-инициализируйте-виджет","3. Инициализируйте виджет",[149,220,222],{"className":151,"code":221,"language":153,"meta":96,"style":96},"\u003Cscript id=\"fitting-init\">\n  window.fitting = window.fitting || function() {\n    (window.fitting.q = window.fitting.q || []).push(arguments);\n  };\n  window.fitting('init', {\n    apiKey: 'YOUR_API_KEY'\n  });\n\u003C\u002Fscript>\n",[38,223,224,244,277,332,337,361,378,388],{"__ignoreMap":96},[157,225,226,228,230,233,235,237,240,242],{"class":159,"line":160},[157,227,164],{"class":163},[157,229,211],{"class":167},[157,231,232],{"class":173}," id",[157,234,177],{"class":163},[157,236,180],{"class":163},[157,238,239],{"class":183},"fitting-init",[157,241,180],{"class":163},[157,243,214],{"class":163},[157,245,246,250,253,256,258,261,263,265,268,271,274],{"class":159,"line":97},[157,247,249],{"class":248},"sTEyZ","  window",[157,251,252],{"class":163},".",[157,254,255],{"class":248},"fitting ",[157,257,177],{"class":163},[157,259,260],{"class":248}," window",[157,262,252],{"class":163},[157,264,255],{"class":248},[157,266,267],{"class":163},"||",[157,269,270],{"class":173}," function",[157,272,273],{"class":163},"()",[157,275,276],{"class":163}," {\n",[157,278,279,282,285,287,290,292,295,298,300,302,304,306,308,311,314,316,320,323,326,329],{"class":159,"line":190},[157,280,281],{"class":167},"    (",[157,283,284],{"class":248},"window",[157,286,252],{"class":163},[157,288,289],{"class":248},"fitting",[157,291,252],{"class":163},[157,293,294],{"class":248},"q",[157,296,297],{"class":163}," =",[157,299,260],{"class":248},[157,301,252],{"class":163},[157,303,289],{"class":248},[157,305,252],{"class":163},[157,307,294],{"class":248},[157,309,310],{"class":163}," ||",[157,312,313],{"class":167}," [])",[157,315,252],{"class":163},[157,317,319],{"class":318},"s2Zo4","push",[157,321,322],{"class":167},"(",[157,324,325],{"class":248},"arguments",[157,327,328],{"class":167},")",[157,330,331],{"class":163},";\n",[157,333,334],{"class":159,"line":205},[157,335,336],{"class":163},"  };\n",[157,338,340,342,344,346,348,351,354,356,359],{"class":159,"line":339},5,[157,341,249],{"class":248},[157,343,252],{"class":163},[157,345,289],{"class":318},[157,347,322],{"class":248},[157,349,350],{"class":163},"'",[157,352,353],{"class":183},"init",[157,355,350],{"class":163},[157,357,358],{"class":163},",",[157,360,276],{"class":163},[157,362,364,367,369,372,375],{"class":159,"line":363},6,[157,365,366],{"class":167},"    apiKey",[157,368,147],{"class":163},[157,370,371],{"class":163}," '",[157,373,374],{"class":183},"YOUR_API_KEY",[157,376,377],{"class":163},"'\n",[157,379,381,384,386],{"class":159,"line":380},7,[157,382,383],{"class":163},"  }",[157,385,328],{"class":248},[157,387,331],{"class":163},[157,389,391,394,396],{"class":159,"line":390},8,[157,392,393],{"class":163},"\u003C\u002F",[157,395,211],{"class":167},[157,397,214],{"class":163},[23,399,401],{"id":400},"_4-добавьте-контейнер","4. Добавьте контейнер",[15,403,404,405,408],{},"Разместите ",[38,406,407],{},"\u003Cdiv>"," там, где должен отображаться виджет:",[149,410,412],{"className":151,"code":411,"language":153,"meta":96,"style":96},"\u003Cdiv id=\"widget-container\">\u003C\u002Fdiv>\n",[38,413,414],{"__ignoreMap":96},[157,415,416,418,421,423,425,427,430,432,434,436],{"class":159,"line":160},[157,417,164],{"class":163},[157,419,420],{"class":167},"div",[157,422,232],{"class":173},[157,424,177],{"class":163},[157,426,180],{"class":163},[157,428,429],{"class":183},"widget-container",[157,431,180],{"class":163},[157,433,208],{"class":163},[157,435,420],{"class":167},[157,437,214],{"class":163},[23,439,441],{"id":440},"_5-запустите-виджет","5. Запустите виджет",[15,443,444,445,448],{},"Вызовите метод ",[38,446,447],{},"create"," при нажатии пользователем кнопки:",[149,450,454],{"className":451,"code":452,"language":453,"meta":96,"style":96},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.fitting('create', {\n  targetElementId: 'widget-container',\n  model: 'balanced',\n  tryonItems: [\n    {\n      productName: 'Classic Denim Jacket',\n      url: 'https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg',\n    },\n  ],\n});\n","js",[38,455,456,476,492,508,518,523,539,555,560,568],{"__ignoreMap":96},[157,457,458,460,462,464,466,468,470,472,474],{"class":159,"line":160},[157,459,284],{"class":248},[157,461,252],{"class":163},[157,463,289],{"class":318},[157,465,322],{"class":248},[157,467,350],{"class":163},[157,469,447],{"class":183},[157,471,350],{"class":163},[157,473,358],{"class":163},[157,475,276],{"class":163},[157,477,478,481,483,485,487,489],{"class":159,"line":97},[157,479,480],{"class":167},"  targetElementId",[157,482,147],{"class":163},[157,484,371],{"class":163},[157,486,429],{"class":183},[157,488,350],{"class":163},[157,490,491],{"class":163},",\n",[157,493,494,497,499,501,504,506],{"class":159,"line":190},[157,495,496],{"class":167},"  model",[157,498,147],{"class":163},[157,500,371],{"class":163},[157,502,503],{"class":183},"balanced",[157,505,350],{"class":163},[157,507,491],{"class":163},[157,509,510,513,515],{"class":159,"line":205},[157,511,512],{"class":167},"  tryonItems",[157,514,147],{"class":163},[157,516,517],{"class":248}," [\n",[157,519,520],{"class":159,"line":339},[157,521,522],{"class":163},"    {\n",[157,524,525,528,530,532,535,537],{"class":159,"line":363},[157,526,527],{"class":167},"      productName",[157,529,147],{"class":163},[157,531,371],{"class":163},[157,533,534],{"class":183},"Classic Denim Jacket",[157,536,350],{"class":163},[157,538,491],{"class":163},[157,540,541,544,546,548,551,553],{"class":159,"line":380},[157,542,543],{"class":167},"      url",[157,545,147],{"class":163},[157,547,371],{"class":163},[157,549,550],{"class":183},"https:\u002F\u002Fyour-store.com\u002Fimages\u002Fjacket.jpg",[157,552,350],{"class":163},[157,554,491],{"class":163},[157,556,557],{"class":159,"line":390},[157,558,559],{"class":163},"    },\n",[157,561,563,566],{"class":159,"line":562},9,[157,564,565],{"class":248},"  ]",[157,567,491],{"class":163},[157,569,571,574,576],{"class":159,"line":570},10,[157,572,573],{"class":163},"}",[157,575,328],{"class":248},[157,577,331],{"class":163},[23,579,581],{"id":580},"результат","Результат",[15,583,584],{},"Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.",[23,586,588],{"id":587},"дальнейшие-шаги","Дальнейшие шаги",[28,590,591,598],{},[31,592,593,594,252],{},"Ознакомьтесь с руководствами для конкретных фреймворков в разделе ",[91,595,597],{"href":596},"\u002Fintegrations\u002Fvanilla-js","Интеграции",[31,599,600,601,252],{},"Изучите полный ",[91,602,604],{"href":603},"\u002Fapi","Справочник API",[606,607,608],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}",{"title":96,"searchDepth":97,"depth":97,"links":610},[611,612,613,614,615,616,617],{"id":122,"depth":97,"text":123},{"id":136,"depth":97,"text":137},{"id":217,"depth":97,"text":218},{"id":400,"depth":97,"text":401},{"id":440,"depth":97,"text":441},{"id":580,"depth":97,"text":581},{"id":587,"depth":97,"text":588},"Запустите Fitting Widget за считанные минуты","i-lucide-rocket",{},{"title":86,"description":618},"getting-started\u002Fquick-start","4USnYxFPZA1hrOvVApcSHMt9oQc0aZ6Ct8ohgcj8WJ8",1779283220018]