---
title: "Веб-версия магазина — Tippisell"
description: "Магазин открывается как сайт на вашем домене: те же товары, цены и оплата, что в боте. Хостинг бесплатный."
canonical_url: "https://tippisell.cc/help/article/veb-versiya-magazina"
meta:
  "og:description": "Магазин открывается как сайт на вашем домене: те же товары, цены и оплата, что в боте. Хостинг бесплатный."
  "og:image": "https://tippisell.cc/_og/s/o_0950639a091e5752.png"
  "og:image:height": "600"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Веб-версия магазина — Tippisell"
  "twitter:image": "https://tippisell.cc/_og/s/o_0950639a091e5752.png"
---

> Index of every page on this site: [llms.txt](https://tippisell.cc/llms.txt)

## **Что понадобится**

- Node.js 18 или новее на компьютере.
- Аккаунт на [Netlify](https://app.netlify.com), регистрация по почте.
- Свой домен, если сайт нужен не на адресе Netlify.

## **ШАГ 1****Скачайте код**

Скачайте [архив с GitHub](https://github.com/alteralt/tippisell-web-shop/archive/refs/heads/main.zip), распакуйте его и откройте папку в терминале.

## **ШАГ 2****Узнайте UUID магазина**

В [@tippisell\_bot](https://t.me/tippisell_bot) нажмите «📁 Мой профиль» → «Мои боты» и выберите своего бота. Скопируйте строку UUID.

**T******Tippisell****бот•••

📁 Мой профиль13:52 ✓✓

Баланс: 0.0 руб  
API-KEY: `Kq7XmT2vL9bRwNc4Zd8s`13:52

**Пополнить баланс **

**Мои боты **

**Мои боты:**13:52

**top\_shop\_robot ****Перейти **

ID: 18  
@top\_shop\_robot  
Токен: `••••••••••`  
UUID: `3f9c2a71-8e4b-4d1a-9b6e-2c7f5a0d8e13`  
Дата создания: 10:23:08 22-07-2021  
Количество юзеров: 128  
Премиум до: не оплачен 13:52

**Изменить токен бота **

**Оплатить премиум **

**Изменить валюту **

📎Сообщение ➤

*****Рис. 1**** UUID в карточке бота*

## **ШАГ 3****Впишите UUID в .env**

Создайте в папке проекта файл `.env` с одной строкой, подставив свой UUID:

```
VITE_SHOP_UUID="3f9c2a71-8e4b-4d1a-9b6e-2c7f5a0d8e13"
```

## **ШАГ 4****Соберите сайт**

Выполните в терминале две команды. Готовый сайт появится в папке `dist`.

```
npm install
npm run build
```

## **ШАГ 5****Выложите сайт на Netlify**

Откройте [app.netlify.com/drop](https://app.netlify.com/drop) и перетащите туда папку `dist`. Netlify сразу выдаст адрес вида `название.netlify.app`.

## **ШАГ 6****Подключите домен**

В проекте на Netlify откройте раздел **Domains** и добавьте свой домен. Netlify подскажет, какие записи DNS поставить у регистратора.

## **Если не получилось**

- **Сайт открывается пустым.** Проверьте UUID в `.env`: строка должна совпадать с ботом до символа. После правки `.env` сайт нужно собрать заново.
- **`npm` не найден.** Не установлен Node.js, скачайте его с [nodejs.org](https://nodejs.org).
- **Хочется другой хостинг.** Подойдут Cloudflare Pages, Vercel или GitHub Pages: туда загружается та же папка `dist`.

### **Ещё по теме **

[****API-ключ****23.10.2026](https://tippisell.cc/help/article/kak-poluchit-api-key) [****Уведомления о пополнении****23.10.2026](https://tippisell.cc/help/article/podpiska-na-uvedomleniya-o-popolnenie-tovara) [****Все статьи****10 гайдов →](https://tippisell.cc/help)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://tippisell.cc/#website","@type":"WebSite","description":"Конструктор магазинов цифровых товаров в Telegram: каталог, оплата и автовыдача товара","name":"Tippisell","url":"https://tippisell.cc/","publisher":{"@id":"https://tippisell.cc/#identity"}},{"@id":"https://tippisell.cc/help/article/veb-versiya-magazina#webpage","@type":"WebPage","dateModified":"2026-10-23","datePublished":"2026-10-23","description":"Магазин открывается как сайт на вашем домене: те же товары, цены и оплата, что в боте. Хостинг бесплатный.","name":"Веб-версия магазина","url":"https://tippisell.cc/help/article/veb-versiya-magazina","breadcrumb":{"@id":"https://tippisell.cc/help/article/veb-versiya-magazina#breadcrumb"},"isPartOf":{"@id":"https://tippisell.cc/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://tippisell.cc/help/article/veb-versiya-magazina"]}],"primaryImageOfPage":{"@id":"https://tippisell.cc/#logo"}},{"@id":"https://tippisell.cc/#identity","@type":"Organization","name":"Tippisell","url":"https://tippisell.cc","logo":{"@id":"https://tippisell.cc/#logo"},"sameAs":["https://t.me/tippisell_channel","https://t.me/tippisell_bot"]},{"@id":"https://tippisell.cc/help/article/veb-versiya-magazina#article","@type":"Article","dateModified":"2026-10-23","datePublished":"2026-10-23","description":"Магазин открывается как сайт на вашем домене: те же товары, цены и оплата, что в боте. Хостинг бесплатный.","headline":"Веб-версия магазина","inLanguage":"ru","thumbnailUrl":"https://tippisell.cc/_og/s/o_0950639a091e5752.png","author":{"@id":"https://tippisell.cc/#identity"},"image":{"@id":"https://tippisell.cc/#/schema/image/1"},"isPartOf":{"@id":"https://tippisell.cc/help/article/veb-versiya-magazina#webpage"},"mainEntityOfPage":{"@id":"https://tippisell.cc/help/article/veb-versiya-magazina#webpage"},"publisher":{"@id":"https://tippisell.cc/#identity"}},{"@id":"https://tippisell.cc/help/article/veb-versiya-magazina#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Помощь","item":"https://tippisell.cc/help","position":1},{"@type":"ListItem","name":"Веб-версия магазина","position":2}]},{"@id":"https://tippisell.cc/#logo","@type":"ImageObject","caption":"Tippisell","contentUrl":"https://tippisell.cc/favicon.ico","inLanguage":"ru","url":"https://tippisell.cc/favicon.ico"},{"@id":"https://tippisell.cc/#/schema/image/1","@type":"ImageObject","contentUrl":"https://tippisell.cc/_og/s/o_0950639a091e5752.png","inLanguage":"ru","url":"https://tippisell.cc/_og/s/o_0950639a091e5752.png"}]}
```

## Sitemap

See the full [sitemap](https://tippisell.cc/sitemap.md) for all pages.