Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
9. Електронен магазин с Wordpress

Как да започнем да продаваме много бързо чрез семпла система за поръчки

							 

Най-важното от урока: Как лесно да започнете с онлайн продажби без сложни разширения

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

Задача стъпка по стъпка: Реализирайте система за поръчки с Wordpress 5

  1. Създайте нова страница за вашия продукт чрез "Pages" ("Страници") → "Add New" ("Добави нова").
  2. Добавете изображение на продукта с "Add Media" ("Добави медия").
  3. Напишете кратко и уникално описание за продукта. Препоръчително е да използвате собствени снимки и текст, а не копирани от други сайтове.
  4. Посочете цената директно в описанието на страницата.
  5. Създайте нова контактна форма чрез подходящия плъгин (например "Contact Form 7" или подобен), и я наречете "Поръчка".
    • Добавете следните задължителни полета: име, имейл, име на продукта, брой, телефонен номер, адрес за доставка, допълнителни бележки.
    • Променете надписа на бутона, за да пише "Поръчай".
    • Можете да добавите и опция автоматично да филтрирате поръчките в пощата по ключова дума (например "Поръчка" в Subject).
  6. Вмъкнете контактната форма в края на продуктовата страница.
  7. Публикувайте страницата и я добавете като част от категория (например „Електронен магазин“).
  8. Тествайте процеса – попълнете форма и проверете дали получавате поръчката по имейл.

Задача стъпка по стъпка: Реализирайте система за поръчки с Wordpress 6 (най-нова версия към 2024)

В Wordpress 6 процесът остава почти идентичен, но има малки разлики, свързани с редактора на блокове (Gutenberg):

  • При създаване на страница използвайте „Block Editor“ ("Блоков редактор") вместо класическия визуален редактор. Може да добавите изображение чрез блока "Image" ("Изображение"), а текст чрез "Paragraph" ("Параграф").
  • Вмъкването на контактната форма става чрез добавяне на съответния блок, предоставен от избрания плъгин (например "Contact Form 7 Block").
  • Всички други стъпки – настройка на формата, полета, бутон и публикуване, остават същите.

Разлики с Wordpress 5:

  • Интерфейсът за създаване на страници е по-модерен и работи с блокове.
  • Вграждането на формата става чрез блок, а не чрез кратък код (shortcode), ако плъгинът го поддържа.
  • Менютата и подредбата на опциите са леко променени визуално, но функционалните стъпки са същите.

Полезни команди и функции, използвани в урока

  • Add Media – Добавя изображение или друг файл на страницата.
  • Contact Form – Създава или редактира форма за контакт (най-често чрез плъгин като Contact Form 7).
  • Block Editor – Модерен редактор на съдържание с блокова структура (Wordpress 6).
  • Shortcode – Вмъква контактна форма или други елементи в страница (използва се в по-стари версии и някои плъгини).

Основен урок: Запомнете силата на уникалното съдържание

Уникалните снимки и описания не само отличават вашите продукти, но и повишават шансовете ви да получите органичен трафик от Google и да спечелите доверието на клиентите си.