Как да редактираш сайта си с визуалния билдър на LAI

Блог

Как да редактираш сайта си с визуалния билдър на LAI

Пълно ръководство за визуалния редактор на LAI — секции, колони, елементи, настройки, снимки, форми, AI чат и публикуване на сайта.

✦ Ръководство за работа с LAI

Редактирай сайта си визуално, директно върху неговия реален изглед

След създаването на сайта LAI ти дава визуален редактор, в който можеш да променяш секции, колони, текстове, снимки, бутони, форми и останалото съдържание. Работиш върху самия сайт, а не върху празен или сив макет.

Ръчното редактиране няма лимит. Промените във визуалния билдър се записват автоматично приблизително 1 секунда след редакция.
1

Как изглежда визуалният билдър

Горна лента

Оттук се връщаш към таблото, сменяш вътрешната страница, виждаш статуса на записа, отваряш сайта или преминаваш към AI чат.

Платно

В средата виждаш реалния сайт — hero секция, карти, колони, текстове, снимки, цветове и шрифт от избрания шаблон.

Панел за редакция

Вдясно се намират Структура, Елементи и Настройки. На телефон този панел се показва отдолу.

2

Горна лента

← Табло Връща те обратно към таблото.
Заглавие Името на сайта или надпис „Редактор“.
Чипове на страници При сайт с повече страници сменяш Начало, Услуги или Стаи, За нас и Контакти.
AI 0/3 Показва AI корекциите за текущия месец. Лимитът е 3 на сайт.
Записано / Запис… / Грешка Статус на записа. Това не е бутон.
Запази Ръчен запис. Има и автоматичен запис приблизително 1 секунда след промяна.
Виж Отваря публичния адрес на сайта в нов таб.
AI чат Отваря класическия редактор с чат и AI пренаписване.
Няма бутон „Готово“ във визуалния билдър. Не е необходимо да натискаш допълнителен бутон, за да се запише текстът.
3

Структура, Елементи и Настройки

Структура

Показва дърво от секции → колони → елементи. Колоните се виждат като „C + ширина %“.

Елементи

Тук са всички блокове, които можеш да добавиш. Има търсачка „Търси елемент…“.

Настройки

Показва настройките на избраната секция, колона или елемент.

Празно платно: „Няма секции още.“ + „+ Добави секция“.
Празна колона: „Пусни елемент тук“.
4

Нова секция и подредба на колоните

При добавяне на нова секция се отваря прозорец „Нова секция“. Избираш колко колони искаш и как да бъдат разпределени.

1 колона
2 колони
3 колони
4 колони
5 колони
6 колони
1/3 + 2/3
2/3 + 1/3
1/4 + 3/4
3/4 + 1/4
1/4 + 1/2 + 1/4
Върху платното секцията има дръжка с името, колоната показва например „C 50%“, а елементите имат ⋮⋮ за влачене.
5

Настройки на секция

Основни настройки

Име в структурата

Вид: Обикновена, Hero, Услуги, За нас, История, Процес, Защо нас, Отзиви, Галерия, Въпроси, Контакти, Призив, Цифри.

Ширина: В кутия / Цяла ширина.

Размери и оформление

Разстояние между колони

Отстъп горе / долу / страни

Мин. височина

Фон цвят

Цвят на текста

Фон снимка

Бутоните 1–6 сменят броя на колоните в секцията.
↑ Нагоре ↓ Надолу ⧉ Дублирай ⌫ Изтрий
6

Настройки на колона

За всяка колона можеш да определиш Ширина %.

↑ Нагоре ↓ Надолу ⧉ Дублирай ⌫ Изтрий
Не може да останат 0 колони.
7

Каталог на елементите

Всеки елемент може да бъде добавен чрез влачене към колона или чрез клик.

01

Основни

Заглавие

Текст, таг h1–h6, подравняване, цвят и размер px.

Текстов редактор

Богат текст и подравняване. Поддържа удебеляване, курсив и връзки.

Изображение

Качване, alt, линк, подравняване и ширина px.

Бутон

Текст, URL, подравняване, фон, цвят и плътен/контур.

Разделител

Цвят, ширина %, solid/dashed/dotted.

Разстояние

Височина px.

HTML

Суров HTML.

Иконка

Име на иконка, размер, цвят и подравняване.

Списък с иконки

Редове icon + text, + Ред, Премахни.

Кутия с иконка

Иконка, заглавие и текст.

Кутия със снимка

Снимка, заглавие и текст.

02

Медия

Видео

YouTube / Vimeo URL.

Галерия

Качване на много снимки, описание, Премахни, + Качи снимки.

Google Maps

Адрес или embed URL.

03

Още

Въпроси

Въпрос + отговор с форматиране, + Добави въпрос.

Табове

Заглавие + съдържание, + Добави таб.

Известие

info/success/warning/danger, заглавие и текст.

Брояч

Число, суфикс и етикет.

Прогрес

Етикет и %.

Оценка

Звезди 1–5.

Отзив

Цитат, име, роля и снимка.

Социални

Редове network + url.

Котва

ID за скок в страницата.

04

Запитвания

Форма за запитване

Заглавие „Изпрати запитване“ и бутон „Изпрати“. Телефон/Viber/WhatsApp идват от настройките на сайта.

Обаждане / Viber

Опционален телефон и имейл. Празно поле използва контактите на сайта. На живия сайт има обаждане, WhatsApp и Viber.

Услуги / цени

Редове name, description, price.

Снимки: JPG, PNG, WebP и GIF. Качените снимки броят към лимита на плана. Готовите снимки в шаблона не броят.
8

Редактиране на избран елемент

Всеки елемент има четири основни действия:

Нагоре Надолу Дублирай Изтрий
9

Запис, преглед и публикуване

Запис

Автозапис около 1 секунда след промяна или ръчно чрез „Запази“.

Виж

Отваря публичния адрес на сайта в нов таб.

Публикувай / Скрий

Управлява се от страницата на сайта. Черновата се вижда само от теб.

Адресът на сайта е /s/име. Скриването на сайта не изтрива съдържанието.
10

AI чат

AI чатът е отделен класически екран с три колони:

Секции Преглед Редакция / AI чат

Секции

Влачи за ред, Скрий/Покажи, Дублирай, Изтрий и Добави секция.

Преглед

Виждаш сайта и можеш да кликнеш върху текст за редакция.

Редакция / AI чат

Пишеш на Лай какво искаш да бъде променено.

AI действия

Пренапиши По-кратко По-дълго По-сериозно По-топло За Google Нова версия
Тези AI действия броят към 3-те AI корекции за месеца.

Как работи чатът

Пишеш с твои думи какво искаш. Лай променя само поисканото, а не целия сайт.

Приложи

Записва промяната и пази версия „Преди AI промяната“.

Откажи

Връща предишния вид.

Изпрати

Изпраща написаното към Лай.

Запази версия

Позволява ръчно да запазиш версия.

Не броят: ръчното писане и смяната на телефон с цифри в чата. Живият сайт не се публикува автоматично.

Примери какво можеш да напишеш

„Направи hero секцията по-тъмна“
„Сложи телефона по-видимо“
„Направи галерията 3 колони“
„Смени оранжевото със зелено“
„Добави секция Защо да изберете нас“
На телефон долу се показват: Секции, Преглед, Редакция, Чат.
11

Брандинг сайт

Брандинг сайтът се редактира по различен начин. Няма каталог с блокове и елементи.

Преглед + Лай

Виждаш сайта и балона на Лай. Посочваш коя секция искаш да редактираш: меню, hero, услуги, галерия и други.

Текст или снимки

Лай пита дали искаш да смениш заглавие, текст, снимка или галерия.

Записът при брандинг сайт е веднага и не брои към AI корекциите.

Горе има: ПК / Тел, Настройки, Виж.

12

Свързани настройки

Цветове и шрифт

В таб Бранд има готови палитри. Всеки цвят е квадрат + HEX. Шрифтът се избира чрез търсачка към Google Fonts с кирилица. Inter е по подразбиране.

Лого / favicon / OG

Настройват се от настройките на сайта. Логото е в платените планове.

Телефон и Viber

Бутоните използват контактите от настройките на сайта, освен ако не въведеш друг телефон в самия елемент.

Форма

Формата за запитване използва телефон, Viber и WhatsApp от настройките на сайта.

13

Първите 10 минути

Избери правилната страница

Ако сайтът има Начало, Услуги, Стаи, За нас или Контакти, отвори страницата, която искаш да редактираш.

Отвори Структура

Виж как са подредени секциите, колоните и елементите.

Редактирай основните текстове

Смени заглавията и описанията с твоето реално съдържание.

Смени снимките

Използвай „Качи снимка“ или „Смени снимката“.

Добави липсващ елемент

Отвори Елементи и го влачи към желаната колона.

Добави нова секция

Избери необходимата подредба на колоните.

Подреди съдържанието

Използвай Нагоре, Надолу, Дублирай и Изтрий.

Провери контактите

Увери се, че телефонът, Viber и WhatsApp са правилни.

Натисни „Виж“

Прегледай публичния изглед на сайта.

Публикувай сайта

Когато всичко е готово, публикувай сайта от неговата страница.

Най-важното

При шаблонен сайт работиш със секции → колони → елементи. При брандинг сайт работиш чрез преглед + чат с Лай. Ръчното редактиране не използва AI корекции, а AI променя само това, което си поискал.