Elbuz дає готовий код вставки: один конфігуратор або цілий простір із кількох збірок з'являється на вашому сайті блоком, а дані й ціни підтягуються з каталогу без вивантажень.
Коли це знадобиться:
- На сторінці «Збірки» треба кілька конфігураторів — простір ставиться на сайт одним кодом.
- На одному сайті шини, на іншому диски — кожен сайт отримує свій простір і свій код.
- Код вставили, а на сайті порожньо — домен сайту треба дозволити в картці конфігуратора.
- Вигляд не пасує до сайту — свої стилі й скрипти задаються в картці.
З чого почати: скопіюйте код вставки і віддайте його тому, хто веде шаблони сайту.
Що вміє
- Простір збирає кілька конфігураторів під одну сторінку сайту і дає перегляд, як у покупця.
- Код «Для віджету» ставиться в шаблон будь-якого сайту, зокрема OpenCart.
- Код «Для модуля CMS» вписується в налаштування модуля Elbuz і показує конфігуратор мовою сторінки.
- Список доменів обмежує, на яких сайтах працює конфігуратор.
- Свої CSS і JS підганяють вигляд під сайт; картинку конфігуратора AI згенерує за описом.
Де це і хто має доступ
- Меню
- Довідники → Категорії → плитка «Налаштування віджету - Конфігуратор»
- Простори
- те саме вікно → кнопка «Групи конфігураторів» у тулбарі
- Код одного конфігуратора
- картка конфігуратора → «Налаштування» → блок «Код інтеграції»
- Право доступу
- вікно «Категорії» у «Правах груп»
- Підготувати
- доступ до шаблонів сайту або людину, яка його веде
У програмі список просторів називається «Групи конфігураторів» — це набори конфігураторів під одну сторінку сайту. З групами кроків усередині конфігуратора їх не плутайте.
Як зібрати конфігуратори в простір
Простір — це набір конфігураторів, який ставиться на сайт одним блоком. Наприклад, простір «Збірки» з конфігураторами «Ігровий ПК», «Робоча станція», «Домашній медіацентр»: покупець вибирає збірку, а далі проходить її кроки.
У картці простору три вкладки: «Налаштування», «Список конфігураторів» — що в нього входить, і «Код інтеграції». Кнопка перегляду відкриває простір так, як його побачить покупець, — перевіряти зміни зручніше саме звідси, не чіпаючи сайт.
Один конфігуратор може входити в кілька просторів. Якщо збірка одна, простір не обов'язковий: у картці конфігуратора є власний код інтеграції.
Як видалити простір
У списку «Групи конфігураторів» виділіть рядок, натисніть кнопку видалення в тулбарі й підтвердьте. Зникне сам простір, його тексти й список конфігураторів у ньому; конфігуратори лишаються, а код цього простору на сайті перестане показувати збірки.
Який код вставки брати
На вкладці «Код інтеграції» простору одне поле з кодом для вставки на сайт і блок «Налаштування JS, CSS». Окремий конфігуратор ставиться на сайт і без простору: у його картці на вкладці «Налаштування», у блоці «Код інтеграції», код дається у двох виглядах.
| Код | Що це | Куди вставляти | Мова для покупця |
|---|---|---|---|
| «Для віджету» | готовий фрагмент HTML | у шаблон будь-якого сайту, зокрема OpenCart, там, де має стояти конфігуратор | основна мова Elbuz |
| «Для модуля CMS» | адреса конфігуратора | у налаштування модуля Elbuz на сайті, а не в шаблон | мова сторінки |
| Код простору | фрагмент для вставки з вкладки «Код інтеграції» | у шаблон сторінки сайту | основна мова Elbuz |
Біля кожного поля є кнопка копіювання.
Конфігуратор не з'явиться на сайті сам: код інтеграції має поставити той, хто має доступ до шаблонів сайту. Перевіряйте результат у перегляді простору — якщо там усе правильно, а на сайті нічого немає, справа у вставці коду або в доменах, а не в налаштуваннях кроків.
Як дозволити домен сайту
Код «Для віджету» окремого конфігуратора працює тільки на дозволених сайтах. На сайті, якого немає в дозволених, замість конфігуратора буде порожнє місце.
- Домен з поля «Посилання на сайт» (вкладка «Інформація»).
- Домени зі списку «Список доменів, де можливо розмістити віджет» (вкладка «Налаштування», поруч із кодом інтеграції). Вписуйте домени без
https://і безwww, по одному в рядку або через кому — один спосіб на весь список.
У полі «Посилання на сайт» www. не відкидається: адреса https://www.site.com дає дозвіл для www.site.com, а адресу сторінки програма порівнює вже без www — і перевірка не проходить, навіть якщо сайт відкривається з www. Тому пишіть у «Посилання на сайт» адресу без www або додайте домен без www у список.
Сторінка простору домен не перевіряє, але конфігуратор, відкритий зі списку простору, перевіряє його за своїм списком — тож домен сайту має бути в налаштуваннях кожного конфігуратора простору.
Як змінити вигляд і картинки
На вкладці «Код інтеграції» простору є блок «Налаштування JS, CSS» з полями «Код JS» і «Стилі CSS».
- Стилі з цього поля діють тільки на сторінці простору — у списку конфігураторів.
- Конфігуратор, відкритий з простору, бере стилі з власного блоку «Налаштування JS, CSS» у своїй картці, тож вигляд самих кроків налаштовують там.
- У «Код JS» пишіть код разом із тегами
<script>…</script>: без них він виведеться на сторінку текстом.
Картинка конфігуратора в просторі
На вкладці «Список конфігураторів» кожен рядок відкривається своєю формою: «Активність», «Назва» й «Опис» на кожній мові та картинка.
- Завантажити свою — кнопка «Завантажити зображення».
- Згенерувати — кнопка «Створити картинку з використанням AI»: опишіть, що має бути на картинці, виберіть «Виберіть стиль картинки» («Автоматично» або один зі стилів) і натисніть «Створити».
Сценарії
На одному сайті конфігуратори шин, на іншому — дисків
«Групи конфігураторів» → «Додати» — заведіть два простори. У кожному на вкладці «Список конфігураторів» додайте свої конфігуратори, а код з вкладки «Код інтеграції» кожного простору вставте на свій сайт. Домен кожного сайту додайте в список доменів його конфігураторів. Другий магазин чи окремі категорії для цього не потрібні.
Один конфігуратор ПК на сайт OpenCart
У картці конфігуратора, вкладка «Налаштування», скопіюйте код «Для віджету» і вставте в шаблон сторінки. Домен сайту без www впишіть у «Список доменів, де можливо розмістити віджет». Якщо на сайті стоїть модуль Elbuz і потрібна мова сторінки, беріть «Для модуля CMS».
Що робити, коли на сайті порожньо
| Що ви бачите | Чому так | Що зробити |
|---|---|---|
| У перегляді все добре, на сайті нічого немає | код інтеграції не вставлений або вставлений не туди | передайте код тому, хто веде сайт |
| На основному сайті працює, на другому порожньо | домену другого сайту немає в списку доменів | впишіть домен без https:// і www у «Список доменів…» і оновіть сторінку |
| Порожньо навіть на основному сайті | у «Посилання на сайт» адреса з www | додайте в список домен без www |
| Простір відкривається, а збірка з нього — ні | домену немає в налаштуваннях цього конфігуратора | додайте домен у список кожного конфігуратора простору |
| На сторінці видно текст скрипта | «Код JS» вписано без тегів | оберніть код у |
| Назви груп завжди основною мовою | стоїть код «Для віджету» або код простору | для мови сторінки поставте модуль Elbuz і код «Для модуля CMS» |
Часті запитання
Де взяти код, щоб встановити конфігуратор на сайт OpenCart?
Код простору — у картці простору, вкладка «Код інтеграції». Код одного конфігуратора — у його картці, вкладка «Налаштування», блок «Код інтеграції». Детальніше: який код брати.
Мої стилі в просторі не змінили вигляд кроків. Чому?
Стилі простору діють лише на сторінці зі списком конфігураторів. Вигляд кроків задають у блоці «Налаштування JS, CSS» картки самого конфігуратора.
Навіщо потрібні простори, якщо конфігуратор уже готовий?
Простір збирає кілька конфігураторів під одну сторінку сайту й дає один код. Для однієї збірки досить коду з картки конфігуратора.
Чи може один конфігуратор стояти в кількох просторах?
Так. Додайте його на вкладці «Список конфігураторів» кожного простору; домени всіх сайтів впишіть у його список доменів.
Сайт відкривається з www. Що писати в «Посилання на сайт»?
Адресу без www — або додайте домен без www у «Список доменів, де можливо розмістити віджет». Інакше перевірка не пройде. Детальніше: домени.
Суміжні теми
- Якщо потрібна загальна картина конфігуратора — Конфігуратор товарів.
- Якщо на сайті конфігуратор є, а кроки показують не ті товари — Як скласти кроки конфігуратора.
- Якщо на сайті ще й потрібен пошук по каталогу — Розумний пошук.