Назад

📖 Инструкция по Google Sheets

📊 Как подключить Google Таблицы

Полная инструкция: создание таблиц, правильное заполнение, публикация и подключение к сайту

📋 1. Создать Google Таблицу
1

Откройте Google Таблицы

Перейдите на sheets.google.com и войдите в аккаунт Google.

2

Нажмите «+» — Новая таблица

Назовите таблицу, например: «Мой сайт — данные»

3

Создайте нужные листы

Внизу нажмите + чтобы добавить лист. Называйте листы точно как в инструкции — с учётом регистра и пробелов.

⚠️ Название листа важно! «Тема» и «тема» — разные листы. Копируйте названия из этой инструкции.
🗂️ 2. Список всех листов

🎨 Тема

Для обоих сайтов (Bamboo + Мебель)
A — НазваниеB — ЗначениеОписание
НазваниеЗначениеЗаголовок (обязательно в строке 1)
accent#FF5722Основной акцентный цвет
bg-primary#0a0a1aФоновый цвет страницы
bg-secondary#1a1a2eВторичный фон (секции)
card-bg#252535Фон карточек
border#444466Цвет границ
text-primary#ffffffОсновной цвет текста
companyМоя КомпанияНазвание компании (в шапке)
phone+7 777 000 00 00Номер телефона
whatsapp77770000000Номер WhatsApp (без +, без пробелов)
logo-emoji🎋Эмодзи-логотип в шапке
Каждый параметр — в отдельную строку! Не вписывайте несколько параметров в одну ячейку через пробел.
Цвета вводите без кавычек: просто #FF5722 — не «#FF5722». Если Google автоматически меняет на другой формат — нажмите на ячейку, формат → «Простой текст».
🎨 3. Как правильно заполнить «Тема»
1

Нажмите на ячейку A1

Введите слово Название — только одно слово, без лишнего.

❌ Неправильно: вписать «Название accent bg-primary ...» всё в одну ячейку
✅ Правильно: только слово «Название» в A1
2

Нажмите Tab → перейдите в B1

Введите Значение

3

Нажмите Enter → перейдёт в A2

Введите accent → Tab → #FF5722 → Enter

Повторите для каждой строки.

💡 Клавиши: Tab = следующий столбец, Enter = следующая строка
4

Проверьте: каждый параметр в отдельной строке

Должно выглядеть так:

AB
НазваниеЗначение
accentFF5722
bg-primary0a0a1a
companyBambuk Astana
💡 Можно писать цвета без # (FF5722 вместо #FF5722) — код добавит # автоматически
🎋 4. Лист «БамбукРаботы» — наши работы

🎋 БамбукРаботы

Галерея работ на сайте Bamboo
A — НазваниеB — ОписаниеC — Фото (ссылки)D — ВидеоE — Теги
Кухня белая матовая МДФ крашеный, встроенная техника https://drive.google.com/file/d/ИД1/view;https://drive.google.com/file/d/ИД2/view https://drive.google.com/file/d/ИД_ВИДЕО/view Кухня,МДФ
Шкаф-купе с зеркалом ЛДСП белый, 3 двери, зеркало https://drive.google.com/file/d/ИД3/view (пусто если нет видео) Шкаф,Зеркало
Несколько фото: вставьте ссылки через точку с запятой ; — без пробелов между ссылками.
Ссылка на Google Drive: загрузите фото/видео на Drive → правая кнопка → «Поделиться» → «Все у кого есть ссылка» → скопируйте ссылку.
Файл на Google Drive должен быть доступен «Всем у кого есть ссылка» — иначе фото не загрузится на сайте.
🛋️ 5. Лист «Мебель_работы»

🛋️ Мебель_работы

Галерея работ на сайте Мебель
A — НазваниеB — ОписаниеC — ФотоD — ВидеоE — Теги
Детская комната Шкаф + кровать-чердак, ЛДСП https://drive.google.com/file/d/ИД/view https://drive.google.com/file/d/ИД_В/view Детская,Шкаф

Структура такая же как у «БамбукРаботы» — те же 5 столбцов.

💰 6. Единая таблица цен МастерПро

Создайте одну книгу Google Таблиц с одним листом «Цены». Один ID работает сразу для всех калькуляторов: Кухня, Шкаф-купе, Шкаф распашной, Прихожая, Детская, Спальня, Стол, Смета.

Формат: столбец A = ключ, столбец B = цена. Строка 1 — заголовок, строки с 2-й — данные. Порядок строк не важен.

💰 Цены

Лист с именем «Цены» — единый для всех калькуляторов
A — КлючB — Цена (₸)C — Описание (необязательно)
КлючЦенаОписание
— МАТЕРИАЛЫ (общие для всех) —
ldsp_sheet8500ЛДСП лист 2750×1830
dvp_sheet2200ДВП лист 2440×1220
mdf_sheet9500МДФ лист
kr2180Кромка ПВХ 2мм (₸/м)
kr0480Кромка ПВХ 0.4мм (₸/м)
raspil150Распил (₸/деталь)
kromlen120Кромление (₸/м)
zerkalo_m28000Зеркало (₸/м²)
— ФУРНИТУРА —
petlya_china150Петля Эконом (шт)
petlya_mid300Петля Средняя (шт)
petlya_premium900Петля Blum/Hettich (шт)
naprav_china500Направляющие Эконом (пара)
naprav_mid1200Направляющие Средние (пара)
naprav_premium3500Направляющие Blum (пара)
ruchka_china200Ручка Эконом
ruchka_mid500Ручка Средняя
ruchka_premium1200Ручка Premium
polkoder_china60Полкодержатель Эконом (₸/4шт)
polkoder_mid120Полкодержатель Средний (₸/4шт)
polkoder_premium250Полкодержатель Премиум (₸/4шт)
konfirmat_china400Конфирмат Эконом (₸/50шт)
konfirmat_mid600Конфирмат Средний (₸/50шт)
konfirmat_premium900Конфирмат Премиум (₸/50шт)
noga_china500Ножка мебельная Эконом (шт)
noga_mid800Ножка мебельная Средняя (шт)
noga_premium1500Ножка мебельная Премиум (шт)
kryuchok_china150Крючок прихожей Эконом (шт)
kryuchok_mid250Крючок прихожей Средний (шт)
kryuchok_premium500Крючок прихожей Премиум (шт)
podjem_china6000Подъёмный механизм Эконом
podjem_mid8000Подъёмный механизм Средний
podjem_premium12000Подъёмный механизм Премиум
noga800Ножка мебельная (шт)
kryuchok200Крючок прихожей (шт)
podjem8000Подъёмный механизм кровати
— ШКАФ-КУПЕ —
door_econom8000Система купе Эконом (₸/дверь)
door_standart15000Система купе Стандарт
door_raumplus35000Raum Plus Premium
fill_ldsp163500Наполнение ЛДСП 16мм (₸/м²)
fill_mirror8000Наполнение зеркало (₸/м²)
fill_glass_mat9000Наполнение стекло матовое
— ФАСАДЫ (₸/м²) —
f_ldsp4000Фасад ЛДСП
f_mdf_pvh_mat7000МДФ ПВХ матовый
f_mdf_pvh_gloss8000МДФ ПВХ глянец
f_mdf_pvh_soft10000МДФ Soft-touch
f_mdf_krashen_mat14000МДФ крашеный матовый
f_mdf_krashen_gloss18000МДФ крашеный глянец
f_mdf_frez12000МДФ фрезерованный Классика
f_mdf_frez_milan13000МДФ фрез. Милан
f_mdf_frez_provans13500МДФ фрез. Прованс
f_mdf_frez_krashen22000МДФ фрез. крашеный
f_acrylic18000Акрил глянец
f_acrylic_mat15000Акрил матовый
f_glass_ramka14000Стекло в алюм. рамке
f_glass_vitrina16000Витрина стекло
f_shpon28000Шпон натуральный
f_massiv_fasad50000Массив дерева
f_bent_kerfing22000Гнутый кёрфинг
f_bent_krashen30000Гнутый крашеный
f_bent_acrylic35000Гнутый акрил
f_sphere_mdf38000Сферический МДФ
f_sphere_krashen55000Сферический крашеный
— СТОЛЕШНИЦЫ (₸/п.м) —
stol_postform285000Постформинг 28мм
stol_postform388000Постформинг 38мм
stol_hpl14000HPL пластик
stol_stone_art35000Искусственный камень
stol_stone_nat60000Натуральный камень
stol_wood20000Массив дерева
stol_steel25000Нержавейка
— СБОРКА И МОНТАЖ —
sborka_kuhnya50000Сборка кухни
sborka_shkaf25000Сборка шкафа-купе
sborka_rsp15000Сборка распашного шкафа
sborka_prikhozh20000Сборка прихожей
sborka_detskaya20000Сборка детской
sborka_spalnya30000Сборка спальни
sborka_stol5000Сборка стола
sborka_h3000Почасовая сборка (₸/час)
dostavka5000Доставка
Один ID на все калькуляторы! Введите ID таблицы в любом калькуляторе — он сохранится и автоматически применится во всех остальных.
Порядок строк не важен. Пишите только нужные строки — остальные возьмутся из встроенных дефолтов. Числа без пробелов и символов валюты.
🌐 7. Как опубликовать таблицу
Это самый важный шаг! Без публикации сайт не сможет читать данные.
1

Откройте таблицу

В верхнем меню нажмите Файл

2

Настройки доступа → Открыть доступ

Или в правом верхнем углу кнопка Поделиться

3

Выберите «Все у кого есть ссылка»

Роль: Читатель (не нужно давать права редактирования)

✅ После этого данные станут доступны сайту
4

После изменений — подождите 5–10 минут

Google кэширует CSV-данные. После изменений в таблице обновление на сайте происходит с задержкой.

💡 Если срочно нужно обновить — откройте таблицу → удалите лист → создайте заново с тем же именем → заполните заново. Это сбрасывает кэш.
🔑 8. Как узнать ID таблицы
1

Откройте таблицу в браузере

Посмотрите на адресную строку браузера:

https://docs.google.com/spreadsheets/d/1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgVE2upms/edit
2

Скопируйте часть между /d/ и /edit

Это и есть ID таблицы. Например: 1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgVE2upms

3

Вставьте ID в настройки сайта

В файле js/config.js найдите строку SHEET_ID: и замените значение.

✅ Один и тот же ID используется для всех листов одной таблицы
⚠️ 9. Частые ошибки и решения
ПроблемаПричинаРешение
Тема не меняется Кэш Google (5–10 мин) Подождите или пересоздайте лист
Все параметры в одной строке Скопировали всё в одну ячейку Каждый параметр — отдельная строка, вводить вручную
Фото не загружается Закрытый доступ Drive Открыть «Всем у кого есть ссылка»
Ошибка 403 / данные не грузятся Таблица не опубликована Файл → Поделиться → Все у кого есть ссылка
Неверное название листа Лишний пробел или другой регистр Название точь-в-точь как в инструкции
Цвет не применяется Google изменил #FF5722 на другой формат Установите формат ячейки «Простой текст» до ввода
WhatsApp не работает Номер с пробелами или + Только цифры: 77770000000
10. Часто задаваемые вопросы
Можно ли использовать одну таблицу для всех сайтов?
Да! Один Google Sheets файл — несколько листов. Например: лист «Тема» для цветов, лист «БамбукРаботы» для бамбука, лист «Мебель_работы» для мебели. Все листы в одной таблице — один ID для всех.
Как часто обновляются данные на сайте?
Google кэширует CSV примерно на 5–10 минут. Это значит: после изменения в таблице — подождите 5–10 минут и перезагрузите страницу. Реальный обновление может быть быстрее, иногда до 1–2 минут.
Нужно ли платить за Google Sheets?
Нет. Google Sheets абсолютно бесплатный. Нужен только аккаунт Google (Gmail).
Можно ли менять пароль от МастерПро?
Да. Откройте файл master/index.html, найдите строку var CORRECT_PASS = 'master2024'; и замените на свой пароль. Сохраните файл.
Как добавить своё фото на сайт?
1. Загрузите фото на Google Drive. 2. Нажмите правой кнопкой → «Получить ссылку» → «Все у кого есть ссылка». 3. Скопируйте ссылку вида: https://drive.google.com/file/d/ИД/view. 4. Вставьте в столбец «Фото» нужного листа.
Как скачать сайт и разместить на своём хостинге?
В разделе «Publish» (Публикация) на платформе есть возможность скачать все файлы как ZIP-архив. Распакуйте и загрузите на любой хостинг (например Netlify, Vercel, или обычный хостинг через FTP). Google Sheets будет продолжать работать — данные грузятся напрямую из таблицы.
Можно ли сделать разные темы для разных городов?
Да! Скопируйте шаблон сайта (shablon-bambuk.html) под другим именем. В config.js укажите другой SHEET_ID — с другой таблицей и другими цветами/телефоном. Каждый город = отдельная таблица = отдельный файл сайта.