WORDPRESSAND

WOOCOMMERCEКАК ДА СИ НАПРАВИМ МАГАЗИН С

WOOCOMMERCE БЕЗ ДА СМЕПРОГРАМИСТИ

от / Николай Нинарски (Ниньо) @ninarski

ЗА МЕН?

Front-end Team Lead @ - HTML5, JS,Основател на Член на хакерспейса Допринасял за

Up2Technologyshtrak.eu

init LabWordPress ядрото (core)

А ЗА ВАС?

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

ПЛАНЪТ ЗА ДНЕС:

WordPressКакво е WordPressКак да инсталираме WordPress през хостинга - cPanel / FantasticoОсновна конфигурация на WordPress

WooCommerceКакво е WooCommerce (и защо е готино)Инсталиране и конфигуриране на WooCommerceWooComemrce Themes (Теми / Дизайни)WooCommerce Plugins (Допълнителни функционалности)

Съвети за порфесионалисти

КАКВО Е WORDPRESS

WordPress е най-популярната уеб платформа, която задвижва 23.3% отвсички сайтове в интернет

Или 60.7% от сайтовете, които имат CMS - система за управление насъдържанието

ЗАЩО WORDPRESS (WP) ЕТОЛКОВА ПОПУЛЯРЕН?

Лесен за използванеМного добри дизайниОкеан от допълнителни функционалности, наречени pluginsПлатформа с отворен код - много хора знаят как да работят с него иимате много професионалисти, които могат да ви помогнат с работата посайта виСигурност - противно на всеобщото схващане ако обновяватеинсталацията си редовно вие резполагате с един от най-сигурнитесофтуерни продукти правени някога. При това безплатно* - трябва да сиплащате за добър хостинг, разбира се

ИНСТАЛИРАНЕ НА WP

Стига фолософстване - хайде да инсталираме WordPress само с кликане.

Влезте в хостинг акаунта си (cPanel-а)Намерете (и натиснете) усмихнатата иконка с име FantasticoНатиснете WordPressNew Installation

ИНСТАЛИРАНЕ НА WP 2

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

ЧЕСТИТО

Вече имате инсталиран WordPress сайт, който може да отворите катонатиснете на линка

ВЛИЗАНЕ ВЪВ WPАДМИНИСТРАЦИЯТА

(DASHBOARD)

Сега натиснете линка и си го запазете на компютъра. От там ще влизатевъв вашия WordPress

Въведете вашето потребителско име и парола и натиснете Log In

ОБНОВЯВАНЕ НАИНСТАЛАЦИЯТА

Винаги трябва да държим нашият сайт обновен. Той пък винаги ни казва,когато трябва да се обнови.

ОБНОВЯВАНЕ НА ЯДРОТО

Ядрото наричаме WordPress без плъгините и темите му. За да го обновитенатиснете линка в жълтата лента, която ви показва, че има ново

обновление или отидете на Обновления (или Updates) От там натискате синия бутон Обновяване (или update) и чакате.

ОБНОВЯВАНЕ НАРАЗШИРЕНИЯ (PLUGINS)

Пак на Updates в списъка с разширения (plugins) избирате всички инатискате Обновяване на разширенията (Update plugins)

ОБНОВЯВАНЕ НА ТЕМИ(THEMES)

Пак на Updates в списъка с теми (themes) избирате всички и натискатеОбновяване на темите (Update themes)

ОСНОВНА КОНФИГУРАЦИЯ

В менюто Настройки може да смените общите настройки на сайта, катоиме, слоган, език и др.

ДОБАВЯНЕ НА СЪДЪРЖАНИЕПо подразбиране WordPress има 2 типа съдържание - страници и

публикации (блог постове или новини) За да добавите публикация отидете на публикации

За да добавите страница отидете на страници

УПРАВЛЕНИЕ НА МЕНЮТА

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

Това е нормално. За да ги видите трябва просто да си създадете меню и дадобавите страницата си към нея. От Външен вид -> Менюта

ДЖАДЖИ (WIDGETS)

Уиджетите са кутийки с функционалност или нещо друго, които може дадобавяте из сайта (стига темата ви да го поддържа)

За да добавяте / махате и преподреждате уиджетите отидете на Външенвид -> Джаджи

ИНСТАЛИРАНЕ НАРАЗШИРЕНИЯ

Разширения се инсталират от менюто Разширения (Plugins) От там избирате добавяне на още и търсите разширение и го инсталирате

Или го качвате като zip файл, който предварително сте свалили

ИНСТАЛИРАНЕ НА ТЕМИ

Подобно на разширенията, но се прави от Външен вид -> Теми -> Добави

ЧЕСТИТО!

Вече знаете как да си конфигурирате WordPress

WOOCOMMERCE

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

създава нижните страници за да сте полуготови за продаване.

ИНСТАЛИРАНЕ НАWOOCOMMERCE

Както разбрахме, че се инсталира плъгин - отиваме и търсимWooCommerce

Активираме плъгина и разглеждаме какво той е направил със нашияWordPress.

Добавени са страници със шорткодове ([нещо_изглеждащо_така])Добавена е секция с Продукти от където добавяме продуктиДобавена е секция WooCommerce, която съдържа конфигурацията му идопълнителните екстри, които получаваме с WooCommerceВ секцията WooCommerce са и поръчките които ваши клиенти санаправили през* в WooCommerce -> Доклади имате графика с продажбите си поразлични периоди

КОНФИГУРИРАНЕ НАWOOCOMMERCE

WooCommerce има хиляди настройки. В нашия случай искаме просто даподкараме прилично изглеждащ онлайн магазин на български.

КОНФИГУРИРАНЕ НАWOOCOMMERCE (ОБЩО)

Отиваме на WooCommerce -> Настройки Попълваме на първата страница:

СедалищеКъде ще продавамеВалутаФормат на валутата (позиция, символи и подобни)

КОНФИГУРИРАНЕ НАWOOCOMMERCE (МЕТОД НА

ПЛАЩАНЕ)Намирате горе табът "Поръчка" (Checkout) и скролвате до Системи за

разплащане. Намирате "Наложен Платеж" / "Плащане при доставка" (Cash on delivery) и

натискате настройки Активираме го и сменяме текстовете ако желаем.

КОНФИГУРИРАНЕ НАWOOCOMMERCE (МЕТОД ЗА

ДОСТАВКА)Отваряме таба "Доставка" (Shipping) и активираме и настройваме

желаните методи за доставка. Тъй като може да пишем каквото си искаме в текста, може да активираме

безплатната доставка и да напишем следното "Доставка с куриер за ваша сметка"

По този начин просто не казваме цената за доставка

ТЕМИ ЗА WOOCOMMERCEЗа да намерим дизайн за сайта си имаме няколко опции:

Да търсим в Да търсим в Да търсим в

wordpress.orgwoothemes.comthemeforest.com

РАЗШИРЕНИЯ ЗАWOOCOMMERCE

Когато има функционалност, която ни липсва в WooCommerce винаги можеда потърсим за допълнителен плъгин за нея.

За щастие в повечето случаи такъв плъгин има.

ЗА НАПРЕДНАЛИАко сте Google Analytics потребители може да сте чували за Google

Analytics Ecommerce Тази функционалност ви позволява да вкарате данните от продажбите си в

GA и да анализирате вашият Conveertion Rate и подобни

КОНФИГУРИРАНЕ НА GOOGLEANALYTICS ECOMMERCE

Влизаме в GA и ако нямаме още добавен сайта го добавяме От настройките (Admin) Избираме акаунта си и в най-дясната колона

избираме Ecommerce Settings. Включваме Ecommerce и Enhanced Ecommerce и запазваме.

КОНФИГУРИРАНЕ НА GOOGLEANALYTICS ECOMMERCEИнсталираме си WooCommerce Google Analytics Integration

Отиваме в WooCommerce -> Настройки -> Интеграция Въвеждате си Google Analytics Id-то.

И чеквате Add eCommerce tracking code to the thankyou page