Lovable Lovable Общност COMMUNITYLOVABLE.BG
Вход
← Обучение
Ръководство · 9 мин четене

Как да си направя Shopify магазин с Lovable?

Как да си направиш Shopify магазин с Lovable? Кратък отговор: строиш витрината (дизайна и страниците) в Lovable, а Shopify остава двигателят отзад — продукти, наличности, кошница и плащане. Свързваш двете чрез Shopify Storefront API или с вградения Buy Button. Така получаваш пълна свобода върху дизайна, без да губиш надеждния checkout на Shopify.

Кога този подход е за теб

Стандартните Shopify теми ограничават: всяка по-смела идея опира до плащане на разработчик или компромис с темплейта. С Lovable описваш витрината с думи — „начална страница с голямо видео, категории като плочки, страница на продукт с галерия и ревюта“ — и я променяш за минути. Shopify продължава да върши това, в което е най-добър: поръчки, наличности, доставки, фактури.

Стъпка 1: Подготви Shopify акаунта

В Shopify админа добави продуктите си със снимки, цени и варианти. После създай частно приложение (Settings → Apps and sales channels → Develop apps) и активирай Storefront API — получаваш Storefront access token. Този токен е предназначен за публични витрини и е безопасен за използване във фронтенда, за разлика от Admin API ключовете, които никога не давай на никого.

Стъпка 2: Опиши витрината в Lovable

Създай нов проект и опиши магазина: за кого е, какви страници искаш, как да изглежда. После дай на Lovable токена и адреса на магазина с промпт от типа: „Свържи се със Shopify Storefront API на магазин mymagazin.myshopify.com с този Storefront token. Изтегли продуктите с GraphQL и ги покажи в каталог с филтри по категория. Страница на продукт с галерия, варианти и бутон Добави в кошницата.“

Стъпка 3: Кошница и плащане

Не изобретявай checkout. Storefront API създава кошница и връща checkout линк — при „Купи“ клиентът отива на защитената страница за плащане на Shopify и се връща при теб след успех. Промптът е прост: „Кошницата да използва Shopify cart API, бутонът за плащане да пренасочва към Shopify checkout.“

За съвсем малки магазини има и по-лесен път: Shopify Buy Button. Генерираш embed код за продукт или колекция от Shopify админа и казваш на Lovable къде да го вгради. Без API, без токени — но и с по-малко контрол.

Особености за България

Към момента Shopify Payments не се предлага за български магазини, затова в Shopify настрой външен платежен доставчик, работещ с БГ търговци (напр. PayPal или картов гейтуей от списъка на Shopify). Цените си поддържаш в евро, а витрината в Lovable си е изцяло на български — включително SEO заглавията и описанията, които Google вижда.

Чести грешки

Не смесвай Admin API с Storefront API — витрината ти трябва само от втория. Не пази наличности и цени на две места — Shopify е единственият източник на истината, Lovable само ги показва. И тествай поръчка от край до край с тестовия режим на платежния доставчик, преди да пуснеш реклама.

Ако зациклиш някъде, питай в раздел „Помощ“ — в общността вече има хора с работещи магазини по тази схема.