Управлението на WooCommerce магазин изисква собствениците да носят много шапки наведнъж—маркетинг, операции, дизайн и дори уеб разработка. Но какво, ако уменията ви за кодиране не са най-силната ви страна? Тук влизат в действие шорткодовете на WooCommerce. Тази функция позволява на собствениците на магазини да персонализират почти всеки аспект от eCommerce магазина, без да се налага да навлизат дълбоко в сложен код. 

WooCommerce захранва значителна част от всички онлайн магазини—често се цитира, че се използва от над 4.6 милиона активни уебсайтове по целия свят. Предвид този широк спектър на приемане, разбирането на шорткодовете става важно за потребителите на платформата.

В този наръчник за маркетолози в електронната търговия ще обясним всичко, което ви трябва, за да овладеете шорткодовете на WooCommerce. Ще разгледаме какво представляват те, как функционират и ще изследваме списък с основни шорткодове за всеки WooCommerce магазин. 

Какво представляват шорткодовете на WooCommerce?

Шорткодовете на WooCommerce са просто, но надеждно решение за персонализация на електронния магазин. В прости думи, те са малки, многократни фрагменти от код, които обграждате в квадратни скоби—като [this_is_a_shortcode]. Тези команди нареждат на WordPress да извърши специфични действия или да показва динамично съдържание точно там, където ги поставите.

Концепцията за шорткодове не е нова. Те са част от WordPress от известно време, позволявайки на потребителите да вграждат сложни функции. WooCommerce разширява тази функционалност, адаптирайки я специално за нуждите на електронните магазини. Ето някои популярни начини за използването им:

• Показване на продукти навсякъде, не само на страницата с магазина по подразбиране с [products], [featured_products] или [sale_products].
• Достъп до пълното съдържание и функционалност на количката за пазаруване, използвайки [woocommerce_cart].
• Поставяне на целия процес на плащане на която и да е страница с [woocommerce_checkout].
• Позволяване на потребителите да виждат своите поръчки и да управляват данни си, използвайки [woocommerce_my_account].
• Показване на бутона „добави в количката“ за единичен продукт с [add_to_cart] и други.

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

Как работят шорткодовете на WooCommerce на практика?

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

След като идентифицира кратък код (shortcode), той стартира предварително написана PHP функция, свързана със съответната команда. Тази функция изпълнява тежката работа — извлича данни за продуктите, изчислява общата стойност на количката или подготвя информацията за акаунта — и генерира HTML, който се показва на предния край на вашия магазин.

Както сте забелязали, кратките кодове (shortcodes) в WooCommerce могат да бъдат персонализирани с помощта на атрибути или параметри. Това са допълнителни инструкции в скобките на краткия код, които модифицират неговото поведение. Например, с помощта на кода "products" (продукти), може да използвате атрибут като limit="4" за показване само на четири продукта или columns="2" за тяхното подреждане в две колони. 

Самият WooCommerce предлага набор от единадесет основни кратки кода, много от които предлагат много опции, давайки на потребителите контрол без да се налага използването на допълнителни плъгини за основния дисплей на съдържание. Някои плъгини на трети страни и теми осигуряват достъп до повече кратки кодове извън основните. 

Основни WooCommerce Кратки Кодове за По-добро Управление на Вашия Онлайн Магазин

Тъй като вече разгледахме какво представляват кратките WooCommerce кодове и как те функционират, можем да преминем към основната част: същинските кратки кодове. Използвайки ги, можете да промените начина, по който изграждате и управлявате вашия онлайн магазин. 

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

WooCommerce Кратки Кодове за Специфични Страници

Някои страници са основополагащи за всеки онлайн магазин, и WooCommerce предоставя специализирани кратки кодове, за да се увери, че всичко работи правилно. Те често се настройват автоматично, когато първоначално инсталирате WooCommerce, но познаването им ви позволява да пренаредите страниците или да персонализирате тяхното позициониране, ако е необходимо.

• Страница на количката: [woocommerce_cart]

Краткият код [woocommerce_cart], често наричан кратък код за страницата на количката WooCommerce или просто кратък код на количка WooCommerce, показва съдържанието на количката на клиента. Това включва добавените артикули, количествата, цените и важния бутон "Продължи към плащане".

Това е критична част от вашия електронен търговски фуния, така че се уверете, че всичко работи правилно.

Как да използвате: Просто поставете [woocommerce_cart] на определената страница на количката.

• Страница за плащане: [woocommerce_checkout]

Веднага след като клиентите са готови да купят, краткият код за плащане на WooCommerce, [woocommerce_checkout], поема управлението. Той създава цялата страница за плащане, където клиентите въвеждат своите фактурни и транспортни данни, избират методи за доставка и избират своята платежна опция. Точно тук се финализира продажбата.

Как да използвате: Добавете [woocommerce_checkout] на страницата, която сте задали като страница за разплащания.

• Страница "Моят профил": [woocommerce_my_account]

Използвайте [woocommerce_my_account], за да предоставите на клиентите си специално пространство за управление на тяхната информация. Тя показва таблото на потребителския профил, където те могат да видят минали поръчки, да управляват адресите си и да актуализират данните за своя профил.

Как да използвате: Добавете [woocommerce_my_account] там, където искате да използвате "Моят профил".

• Проследяване на поръчки: [woocommerce_order_tracking]

Краткият код [woocommerce_order_tracking] позволява на клиентите да проверят състоянието на своите поръчки, като въведат ID на поръчката си и имейл адрес, предоставяйки информация за проследяване на поръчките без нужда от вход.

Как да използвате: Поставете [woocommerce_order_tracking] на специална страница "Проследяване на поръчката". Алтернативно, може да го добавите на страницата "Моят профил".

Кратки кодове за показване на продукти в WooCommerce

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

• Общо показване на продукти: [products]

Краткият код [products] е възможно най-използваният от свързаните с продукти WooCommerce кратки кодове. Това е вашият основен WooCommerce кратък код за продукти, позволяващ показване на продукти по различни начини, използвайки атрибути. Списъкът с атрибути на WooCommerce кратки кодове за този е доста обширен, включително:

• ids или skus: Показване на конкретни продукти.
• limit: Броят на продуктите за показване (например, limit="6").
• columns: Броят на колоните в мрежата (например, columns="3").
• orderby: Как да сортирате продуктите (например, date, title, popularity, rating, rand). Общи стойности са orderby="date" или orderby="popularity".
• order: Ред на сортиране (ASC за възходящ, DESC за низходящ).
• category: Показване на продукти от конкретни категория слягове.
• tag: Показване на продукти с конкретни тагове.
• on_sale="true": Показване само на продукти, които в момента са в продажба.
• best_selling="true": Показване на най-продаваните продукти.
• top_rated="true": Подчертаване на продукти с най-висока оценка.
• visibility: Контрол на видимостта на продуктите (например, visible, catalog, search, hidden). 

Примери: 

[products limit="4" columns="4" category="apparel" orderby="date" order="DESC"]– Показва 4-те най-нови продукта от категорията "облекло" в 4 колони.

[products ids="25, 30, 42" columns="3" orderby="title"]– Показва три конкретни продукта, подредени по заглавие. 

• Специфични типове продукти:

Докато основният шорткод [products] може да се справи с повечето сценарии с атрибути, WooCommerce също така предлага някои наследствени или по-директни WooCommerce шорткодове за често срещани нужди:

• [featured_products limit="3" columns="3"]: Бързо покажете избраните си артикули.
• [sale_products per_page="6" columns="2"]: Покажете 6 продукта, които в момента са в разпродажба, в 2 колони.
• [best_selling_products limit="5" columns="5"]: Подчертайте своите топ 5 най-продавани артикули. 
• [top_rated_products per_page="4" columns="4"]: Покажете своите 4 най-високо оценени продукта.
• [recent_products limit="8" columns="4"]: Полезно за секция "Нови постъпления".
• [related_products limit="3" columns="3"]: Обикновено се използва на страници с един продукт, за да покаже продукти, свързани с този, който в момента се разглежда.

• Категории и етикети на продукти:

• [product_category category="your-category-slug" per_page="6" columns="3"]: Показва продукти от една, конкретно посочена категория.
• [product_categories number="0" parent="0"]: Изброява всички ваши категории продукти на най-високо ниво. Това е чудесно за специална страница "Пазаруване по категория" или странична лента. 
• За да покажете продукти по етикет, обикновено използвате атрибута tag в основния шорткод [products], като например: [products tag="summer-specials" columns="4"].

Действително-ориентирани WooCommerce шорткодове

Освен показване на информация, някои WooCommerce шорткодове са предназначени за да подтикнат клиентите към конкретни действия, които да допринесат за конверсии.

• Бутон/URL за добавяне в кошницата: [add_to_cart] и [add_to_cart_url]

Шорткодът за добавяне в кошницата на WooCommerce е полезен за създаване на директни възможности за покупка извън стандартните страници за магазин или продукти.

[add_to_cart id="99"]: Това ще покаже бутон "Добави в кошницата" за продукта с ID 99. Можете да включите атрибути като show_price="true" или style=";"

[add_to_cart_url id="99"]: Това не показва бутон, а изходящ URL, който добавя продукт 99 в кошницата. Полезно за потребителски проектирани бутони или връзки.

Как да използвате: Вгради тези в блог публикации, които ревюират продукт, върху специални целеви страници за промоции или дори в имейл кампании (използване на URL за връзка). 

• Съобщения от магазина: [shop_messages]

Този шорткод се използва за показване на сътворени от WooCommerce съобщения (като "Продуктът беше добавен в кошницата," "Купонът беше успешно приложен," и т.н.) на страници, които не са стандартни WooCommerce страници. Използва се при изграждането на силно персонализирани магазини.

5 Съвета за Използване на WooCommerce Шорткодове

Знанието за наличните WooCommerce шорткодове не е достатъчно—трябва също да ги използвате ефективно. За да получите максимална полза от тези удобни инструменти и да избегнете потенциални главоболия, ето няколко практични съвети, които да запомните:

Вмъквайте вашите шорткодове правилно. Независимо дали използвате класическия редактор на WordPress или Gutenberg, новият редактор на блокове, вмъкването на WooCommerce шорткодове е доста лесно. В класическия редактор просто поставяте шорткода директно в текстовото поле. За потребителите на Gutenberg е най-добре да използват специалния блок “Shortcode”. Това гарантира, че системата правилно интерпретира и обработва шорткода.

Следете за синтаксиса на атрибутите. Истинската сила на много WooCommerce шорткодове идва от техните атрибути (напр. limit="5", category="apparel"). Обърнете специално внимание на синтаксиса. Винаги ползвайте права кавички (") за стойностите на атрибутите—не къдрави (“ ”), които понякога могат да се промъкнат при копиране и поставяне. Също така проверете дали използвате валидни стойности за всеки атрибут, както е посочено в документацията за WooCommerce. 

Бъдете внимателни при комбиниране на шорткодове. Често можете да използвате множество шорткодове на една страница. Ако не работят както се очаква (напр. показва се като обикновен текст или оформлението е нарушено), първо проверете за правописни грешки. Уверете се, че плъгинът WooCommerce е активен. Ако проблемите продължават, опитайте временно да деактивирате други плъгини, за да проверите за конфликти.

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

За електронната търговия дори една секунда забавяне може да окаже влияние върху конверсионните проценти—намалявайки ги със 7%. За комплексни оформления или високо специализирана функционалност, посветени създатели на страници или дори персонализирано разработване могат да предложат по-добро решение.

Тествайте вашите шорткодове преди публикуване. Това може да изглежда очевидно, но е критична стъпка да се уверите, че всичко изглежда и функционира точно както възнамерявате за вашите посетители. Винаги преглеждайте страницата, проверявайте изхода за точност, тествайте всички интерактивни елементи (като бутони за добавяне в количката или форми) и я преглеждайте на различни размери на екрана, за да уловите потенциални проблеми с дисплея или функционалността, преди вашите клиенти да го направят.

Отвъд основите: Подобрете вашия WooCommerce опит с Yespo

WooCommerce шорткодовете ви дават контрол върху това, как съдържанието се показва и структурира във вашия онлайн магазин. Но достатъчно ли е това, за да генерира реални продажби? Това е мястото, където можете да преминете отвъд статичните показвания към ангажираност на клиентите, базирана на данни. Докато WooCommerce шорткодовете помагат с какво и къде е вашето съдържание, платформа като Yespo ви помага с напреднали търговски маркетингови стратегии. 

Yespo е платформа за клиентски данни (CDP), създадена да помага на собствениците на електронни магазини да максимизират ползите от своите клиентски данни и да увеличат продажбите си. И сега можете да интегрирате Yespo в магазина си без много усилия, използвайки нашия безплатен WooCommerce плъгин. Инсталирайте плъгина, синхронизирайте данните на магазина с нашата система и започнете да използвате невероятни нови възможности, включително:

Препоръки за продукти, задвижвани от AI: Когато опцията “свързани продукти” не е достатъчна, AI-управляемите препоръки за продукти на Yespo са точно това, което ви трябва. Анализирайте поведението на клиентите, тяхната история на покупки и дори скритите модели между вашите посетители, за да покажете най-подходящите артикули, увеличавайки възможностите за cross-sell и upsell.

Прецизно таргетиране с клиентска сегментация: Разберете аудиторията си на по-дълбоко ниво. С мощни инструменти за клиентска сегментация, можете да създавате високонасочени кампании, които говорят директно на индивидуалните нужди и предпочитания на клиента. С Yespo можете да използвате демографска, географска, RFM, параметрична и много други видове сегментации за всеки сценарий, който може да имате. А ако не сте сигурни коя да изберете - нашата мощна предсказваща сегментация може да е точно това, което търсите.

Ангажирайте клиентите си с интерактивни уиджети на уебсайта: Привлечете тяхното внимание и стимулирайте значими действия с интерактивни уиджети на уебсайта си. Събирайте контактни данни, информирайте потребителите за последните оферти, предлагайте отстъпки или дори добавяйте игри директно на уебсайта си. Не се изисква допълнително кодиране!

Като комбинирате ефективен дизайн и оформление на магазина, постигнати с интелигентно използване на теми и WooCommerce шорткодове, с възможностите за персонализация на Yespo, вие създавате силна комбинация. Този подход не само изглежда добре, но активно работи за увеличаване на ангажираността и продажбите.

---

Както видяхме, WooCommerce шорткодовете са повече от просто текст в скоби. Те са лесен, но надежден начин за персонализиране на онлайн магазини и подобряване на потребителското изживяване. От структурирането на основни страници до динамичното показване на продуктите ви точно там и както искате, те предлагат контрол без изключителни технически умения.

И когато сте готови да издигнете представянето и персонализацията на магазина си на следващото ниво, Yespo CDP може да бъде точно това, което търсите. Попълнете формуляра по-долу, ако имате въпроси или бихте искали да обсъдите вашия конкретен случай.

Получете професионална експертиза