Как да си направим онлайн магазин без да сме програмисти използвайки WordPress и WooCommerce. Нужно е да имате само хостинг акаунт.

1. WORDPRESS
AND
WOOCOMMERCE
КАК ДА СИ НАПРАВИМ МАГАЗИН С
WOOCOMMERCE БЕЗ ДА СМЕ
ПРОГРАМИСТИ
от /Николай Нинарски (Ниньо) @ninarski

2. ЗА МЕН?
Front-end Team Lead @ - HTML5, JS,
Основател на
Член на хакерспейса
Допринасял за
Up2Technology
shtrak.eu
init Lab
WordPress ядрото (core)

3. А ЗА ВАС?
Име
С какво се занимавате
Хобита
Какво желаете да постигнете днес?

4. ПЛАНЪТ ЗА ДНЕС:
WordPress
Какво е WordPress
Как да инсталираме WordPress през хостинга - cPanel / Fantastico
Основна конфигурация на WordPress
WooCommerce
Какво е WooCommerce (и защо е готино)
Инсталиране и конфигуриране на WooCommerce
WooComemrce Themes (Теми / Дизайни)
WooCommerce Plugins (Допълнителни функционалности)
Съвети за порфесионалисти

5. КАКВО Е WORDPRESS
WordPress е най-популярната уеб платформа, която задвижва 23.3% от
всички сайтове в интернет
Или 60.7% от сайтовете, които имат CMS - система за управление на
съдържанието

6. ЗАЩО WORDPRESS (WP) Е
ТОЛКОВА ПОПУЛЯРЕН?
Лесен за използване
Много добри дизайни
Океан от допълнителни функционалности, наречени plugins
Платформа с отворен код - много хора знаят как да работят с него и
имате много професионалисти, които могат да ви помогнат с работата по
сайта ви
Сигурност - противно на всеобщото схващане ако обновявате
инсталацията си редовно вие резполагате с един от най-сигурните
софтуерни продукти правени някога. При това безплатно* - трябва да си
плащате за добър хостинг, разбира се

7. ИНСТАЛИРАНЕ НА WP
Стига фолософстване - хайде да инсталираме WordPress само с кликане.
Влезте в хостинг акаунта си (cPanel-а)
Намерете (и натиснете) усмихнатата иконка с име Fantastico
Натиснете WordPress
New Installation

8. ИНСТАЛИРАНЕ НА WP 2
Изберете домейна и директорията в която да се инсталира
Въведете потребителско име и парола, които ще използвате за да
влизате в административната част на WordPress. НЕ използвайте
потребителско име admin. И използвайте силна парола. Задължително!
Въведете псевдоним на потребителя си - Двете ви имена, например
Втведете мейла си
Въведете Име на сайта и описание (слоган)
Натиснете Install и след това Finish installation

9. ЧЕСТИТО
Вече имате инсталиран WordPress сайт, който може да отворите като
натиснете на линка

10. ВЛИЗАНЕ ВЪВ WP
АДМИНИСТРАЦИЯТА
(DASHBOARD)
Сега натиснете линка и си го запазете на компютъра. От там ще влизате
във вашия WordPress
Въведете вашето потребителско име и парола и натиснете Log In

11. ОБНОВЯВАНЕ НА
ИНСТАЛАЦИЯТА
Винаги трябва да държим нашият сайт обновен. Той пък винаги ни казва,
когато трябва да се обнови.

12. ОБНОВЯВАНЕ НА ЯДРОТО
Ядрото наричаме WordPress без плъгините и темите му. За да го обновите
натиснете линка в жълтата лента, която ви показва, че има ново
обновление или отидете на Обновления (или Updates)
От там натискате синия бутон Обновяване (или update) и чакате.

13. ОБНОВЯВАНЕ НА
РАЗШИРЕНИЯ (PLUGINS)
Пак на Updates в списъка с разширения (plugins) избирате всички и
натискате Обновяване на разширенията (Update plugins)

14. ОБНОВЯВАНЕ НА ТЕМИ
(THEMES)
Пак на Updates в списъка с теми (themes) избирате всички и натискате
Обновяване на темите (Update themes)

15. ОСНОВНА КОНФИГУРАЦИЯ
В менюто Настройки може да смените общите настройки на сайта, като
име, слоган, език и др.

16. ДОБАВЯНЕ НА СЪДЪРЖАНИЕ
По подразбиране WordPress има 2 типа съдържание - страници и
публикации (блог постове или новини)
За да добавите публикация отидете на публикации
За да добавите страница отидете на страници

17. УПРАВЛЕНИЕ НА МЕНЮТА
В зависимост от темата има възможност сстраниците ви да не се
визуализират въпреки че сте ги добавили.
Това е нормално. За да ги видите трябва просто да си създадете меню и да
добавите страницата си към нея. От Външен вид -> Менюта

18. ДЖАДЖИ (WIDGETS)
Уиджетите са кутийки с функционалност или нещо друго, които може да
добавяте из сайта (стига темата ви да го поддържа)
За да добавяте / махате и преподреждате уиджетите отидете на Външен
вид -> Джаджи

19. ИНСТАЛИРАНЕ НА
РАЗШИРЕНИЯ
Разширения се инсталират от менюто Разширения (Plugins)
От там избирате добавяне на още и търсите разширение и го инсталирате
Или го качвате като zip файл, който предварително сте свалили

20. ИНСТАЛИРАНЕ НА ТЕМИ
Подобно на разширенията, но се прави от Външен вид -> Теми -> Добави

21. ЧЕСТИТО!
Вече знаете как да си конфигурирате WordPress

22. WOOCOMMERCE
WooCommerce е най-популярното ecommerce разширение за WordPress
То превръща вашата базова инсталация в онлайн магазин и автоматично
създава нижните страници за да сте полуготови за продаване.

23. ИНСТАЛИРАНЕ НА
WOOCOMMERCE
Както разбрахме, че се инсталира плъгин - отиваме и търсим
WooCommerce
Активираме плъгина и разглеждаме какво той е направил със нашия
WordPress.
Добавени са страници със шорткодове ([нещо_изглеждащо_така])
Добавена е секция с Продукти от където добавяме продукти
Добавена е секция WooCommerce, която съдържа конфигурацията му и
допълнителните екстри, които получаваме с WooCommerce
В секцията WooCommerce са и поръчките които ваши клиенти са
направили през
* в WooCommerce -> Доклади имате графика с продажбите си по
различни периоди

24. КОНФИГУРИРАНЕ НА
WOOCOMMERCE
WooCommerce има хиляди настройки. В нашия случай искаме просто да
подкараме прилично изглеждащ онлайн магазин на български.

25. КОНФИГУРИРАНЕ НА
WOOCOMMERCE (ОБЩО)
Отиваме на WooCommerce -> Настройки
Попълваме на първата страница:
Седалище
Къде ще продаваме
Валута
Формат на валутата (позиция, символи и подобни)

26. КОНФИГУРИРАНЕ НА
WOOCOMMERCE (МЕТОД НА
ПЛАЩАНЕ)
Намирате горе табът "Поръчка" (Checkout) и скролвате до Системи за
разплащане.
Намирате "Наложен Платеж" / "Плащане при доставка" (Cash on delivery) и
натискате настройки
Активираме го и сменяме текстовете ако желаем.

27. КОНФИГУРИРАНЕ НА
WOOCOMMERCE (МЕТОД ЗА
ДОСТАВКА)
Отваряме таба "Доставка" (Shipping) и активираме и настройваме
желаните методи за доставка.
Тъй като може да пишем каквото си искаме в текста, може да активираме
безплатната доставка и да напишем следното
"Доставка с куриер за ваша сметка"
По този начин просто не казваме цената за доставка

28. ТЕМИ ЗА WOOCOMMERCE
За да намерим дизайн за сайта си имаме няколко опции:
Да търсим в
Да търсим в
Да търсим в
wordpress.org
woothemes.com
themeforest.com

29. РАЗШИРЕНИЯ ЗА
WOOCOMMERCE
Когато има функционалност, която ни липсва в WooCommerce винаги може
да потърсим за допълнителен плъгин за нея.
За щастие в повечето случаи такъв плъгин има.

30. ЗА НАПРЕДНАЛИ
Ако сте Google Analytics потребители може да сте чували за Google
Analytics Ecommerce
Тази функционалност ви позволява да вкарате данните от продажбите си в
GA и да анализирате вашият Conveertion Rate и подобни

31. КОНФИГУРИРАНЕ НА GOOGLE
ANALYTICS ECOMMERCE
Влизаме в GA и ако нямаме още добавен сайта го добавяме
От настройките (Admin) Избираме акаунта си и в най-дясната колона
избираме Ecommerce Settings.
Включваме Ecommerce и Enhanced Ecommerce и запазваме.

32. КОНФИГУРИРАНЕ НА GOOGLE
ANALYTICS ECOMMERCE
Инсталираме си WooCommerce Google Analytics Integration
Отиваме в WooCommerce -> Настройки -> Интеграция
Въвеждате си Google Analytics Id-то.
И чеквате Add eCommerce tracking code to the thankyou page