Съдържание:
- Пет начина за показване и подреждане на артикули в онлайн магазин на WordPress
- 1. Използване на автоматичния метод
- 2. Използване на джаджи
- 3. Използване на приставки
- 4. Използване на къси кодове
- 5. Използване на плъзгачи
- Заключение
- Препратки
Показването на продукти в уеб магазин на WordPress наистина може да бъде кошмар за начинаещ в електронната търговия. Когато започнах да изграждам онлайн магазина си, си помислих, че би било невъзможно да поставя артикулите си на началната страница на уебсайта си. Но цялата задача беше доста трудна борба!
Според моя собствен опит получаването на продукти, които да се показват на вашия уебсайт, може да отнеме много от времето ви, особено ако сте нов в електронната търговия. Дойдох, за да разбера, че това е задача, която изисква някои добри познания за WordPress.
Показани продукти в онлайн магазин
От Ян Сейнтс (Собствена работа): CC-BY-2.0
Ако създавате WordPress онлайн магазин за първи път, определено трябва да научите как да настроите общ уебсайт с тази система за управление на съдържанието. Също така трябва да се запознаете с неща като приставки за електронна търговия, джаджи и шорткодове. Освен това, ако използвате WooCommerce, трябва да знаете за наличните опции за показване на продукти и да разберете общите настройки на приставката. Това просто ръководство за това как да създадете онлайн магазин и да покажете елементи (от Рикардо Андронако) обяснява всичко това и го намерих за много полезно.
В тази статия ще обсъдя пет начина за показване и подреждане на продукти на уебсайт за електронна търговия на WordPress. Прочетете, за да научите как да накарате елементите да се показват на страниците на вашия уебсайт и как да ги подредите по съответния начин.
Пет начина за показване и подреждане на артикули в онлайн магазин на WordPress
- Автоматичният метод
- Джаджи
- Приставки
- Шорткодове
- Плъзгачи
1. Използване на автоматичния метод
Както подсказва името, не е нужно да правите нищо, за да се появят продуктите на страницата на магазина. Елементите се показват, когато ги добавяте от таблото за управление. Те се подреждат автоматично в азбучен ред или на случаен принцип със или без категории в зависимост от настройките на дисплея на WooCommerce.
Началната страница може да побере само определен брой продукти, което означава, че ако имате голям брой продукти, някои от тях ще бъдат поставени на страници 2, 3, 4 и т.н.
Този метод затруднява клиентите ви да познават всички видове продукти във вашия магазин, тъй като не включва категории, а някои артикули са скрити на други страници.
Може да се наложи да избягвате този метод, ако можете да използвате някои по-добри методи (описани по-долу) за показване на елементи. Но ако имате няколко елемента, които могат да се поберат на една страница, т.е. началната страница, тогава можете да възприемете този метод.
Продукти, показвани на случаен принцип
От Ян Сейнтс (Собствена работа): CC-BY-2.0
2. Използване на джаджи
Както може би знаете, приспособлението в WordPress е малък блок от съдържание, който може да бъде поставен в секциите на страничната лента и долния колонтитул. Той осигурява лесен и лесен начин за персонализиране на уебсайт. Някои често срещани приспособления включват: скорошни публикации, поле за търсене, категории и меню за долен колонтитул.
В уебсайт за електронна търговия приспособленията могат да се използват за показване на категории продукти в страничната лента или долния колонтитул. Следователно те могат да бъдат чудесен начин за засилване на автоматичния метод (обсъден по-горе), който не включва категории продукти.
Някои страхотни приспособления, които се предлагат с теми за електронна търговия WordPress, включват популярни продукти, най-новите продукти, най-продаваните продукти, продукти с най-висок рейтинг и представени продукти. Тези джаджи могат да се персонализират, което означава, че можете да ги преименувате с действителните категории на вашите елементи. Можете също да ги плъзнете и пуснете, за да получите подредба, която отговаря на вашия стил.
Тъй като джаджите могат да показват продукти само на страничните ленти и долните колонтитули, повечето собственици на онлайн магазини ги намират за нежелани. Най-доброто място за показване на елементи е в главната лента на страница, нещо, което не може да се постигне с приспособления.
Продукти, показани на странична лента с помощта на приставка
От Ян Сейнтс (Собствена работа): CC-BY-2.0
3. Използване на приставки
В WordPress плъгинът е набор от програми, който съдържа група функции, функции или услуги. В тази система за управление на съдържанието има десетки хиляди плъгини (безплатни и първокласни), подходящи за широк спектър от нужди. Има приставки за всички видове уебсайтове, например има приставки за електронна търговия (като WooCommerce), директории, блогове, платформи за препродажба и резервиране.
Що се отнася до показването и подреждането на артикули в онлайн магазин, има безброй приставки, които можете да използвате, за да изпълните тази задача. Но повечето приставки не са съвсем ефективни, така че трябва да изберете тези, за които е доказано, че работят.
Най-препоръчителните плъгини за показване на артикули в уеб магазин на WordPress са Ultimate Product Catalog и WooCommerce Sort and Display Product.
Приставката за сортиране и показване работи по-добре с друга приставка, наречена Endless Scroll, която ви позволява да показвате голям брой артикули на страницата на магазина си. След като инсталирате и активирате двете приставки, трябва да преминете към продуктовите категории и да плъзнете и пуснете категориите, за да постигнете правилния дисплей. След това можете да зададете броя продукти, които да се показват по категории с връзки, за да видите всички.
Що се отнася до сортирането, приставката се предлага по подразбиране за сортиране и сортиране по популярност, новост, цена (от ниска към висока и обратно), в продажба и представена. Някои от тези функции идват с премиум версията на приставката, така че е препоръчително да използвате тази версия.
Другият плъгин, Ultimate Product Catalog, е малко сложен. След като инсталирате и активирате приставката, трябва да добавите всичките си продукти и категории към нея, за да получите идентификатори, които можете да използвате в шорткодове за показване на вашите елементи. Също така трябва да създадете няколко малки каталога за вашите артикули.
Например, следващият кратък код ще покаже продукти в каталога с идентификатор "x".
или
Приставката е пълна с функции като персонализируеми оформления на каталози, продажни цени, внос на продукти, символ на валута, галета, споделяне в социалните медии, преглед и рейтинг на продукти, интеграция на SEO от Yoast и голям брой опции за настройка.
Стиловете на продуктовия каталог, включени в приставката, включват: минималистично, блоково, навъртане и оформление с раздели. Някои от тези стилове, както и някои от описаните по-горе функции, се предлагат с премиум версията на приставката.
Продукти, показани в блоков стил с помощта на приставка
От Ян Сейнтс (Собствена работа): CC-BY-2.0
4. Използване на къси кодове
Ако използвате WooCommerce за вашия онлайн магазин, можете да намерите къси кодове, за да бъде най-простият начин за показване на продукти на страницата на вашия магазин. Шорткодовете работят с идентификатори на продукти и категории и SKU и могат просто да бъдат копирани и поставени на страницата на магазина, за да се покажат артикулите. Вижте шорткодовете по-долу.
- показва списък с категории.
- показва определен брой категории и работи добре със следните аргументи. Забележка: Тези аргументи могат да работят и с този шорткод.
- number = "null" - за показване на брой категории.
- orderby = "name" - за показване на категории, когато са подредени по име. Забележка: Стойността "име" може да бъде заменена с дата, ранд (произволен), модифициран и никакъв.
- order = "asc" - за показване на категории, когато са подредени във възходящ ред. Забележка: Стойността "asc" може да бъде заменена с "desc", за да се подреди в низходящ ред.
- колони = "x" - за показване на "x" колони от категория.
- hide_empty = "1" - за скриване на категории.
- hide_empty = "0" - за показване на категории.
- parent = "0" - за показване на категории от най-високо ниво.
- ids = "x" - за показване на категория с идентификатор "x".
- category = "x" - за показване на категория "x".
- categories_limit - за показване на ограничен брой категории.
- archive_template - за показване на конкретен шаблон за архив за определен списък.
- design_scheme - за показване на определен цвят или размер.
- sort = "0" - за да деактивирате селектора за сортиране на продукти.
- sort = "1" - за да активирате селектора за сортиране на продукти.
- = "1" - за активиране на шорткод.
- post_type - за показване на записи от различен тип публикация.
- per_row - за показване на продукти на ред.
- празно - за показване на определен текст, когато няма продукти за показване.
- - показва "y" елементи от категория "x", показани в колони "z" и подредени в низходящ ред в зависимост от датата, на която са публикувани.
- - показва списък с продукти.
- - показва името на продукта. Забележка: Стойността "name" може да бъде заменена с други стойности, за да се образуват повече шорткоди. Някои от тези стойности включват: цена, описание, кратко описание, таблица на атрибутите, SKU, доставка, галерия и свързани категории.
- - показва категории за текущата страница с продуктова листа.
- - показва продукти за текущата страница с продуктова листа.
- - показва галета.
- - показва ограничен брой продукти.
- - показва URL адрес на връщане към продукти, който сочи към основната страница с продуктова листа.
- - показва продуктите, които се продават в момента.
- - показва продукт с идентификатор "x".
- - показва продукти с идентификатори "x", "y" и "z".
- - показва продукт с SKU "xyz"
- - показва продукт с SKU "abc", "def" и "ghi".
- - показва цена и бутон за добавяне в количката за продукт с идентификатор "x".
- - показва цена и бутон за добавяне към количката за продукт с SKU "x".
- - показва максимално "x" елементи.
- - показва продукти с определен атрибут, т.е. атрибут "цвят" и цветът е "черен".
- - показва "x" последните продукти, показани в колони "y" и подредени в низходящ ред в зависимост от датата, на която са публикувани.
- - показва „x“ включени продукти, показани в колони „y“ и подредени в низходящ ред в зависимост от датата, на която са публикувани.
- - показва популярни продукти "x", показани в колони "y" и подредени в низходящ ред в зависимост от датата, на която са публикувани.
- - показва продукти с най-висок рейтинг "x", показани в колони "y" и подредени в низходящ ред в зависимост от датата, на която са публикувани.
- - показва „x“ най-продаваните продукти, показани в колони „y“ и подредени в низходящ ред в зависимост от датата, на която са публикувани.
- - показва продукти, свързани с "x", показани в колони "y" и подредени в низходящ ред в зависимост от датата, на която са публикувани.
- - показва списък с продукти с класически шаблон за списък. Забележка: Вместо „списък“ могат да се използват други шаблони като „мрежа“ и „по подразбиране“.
- - показва продукти от категория с идентификатор "x" и с класически шаблон за списък.
Забележка: Ако се справяте добре с кодирането, можете да промените тези къси кодове, за да постигнете по-добър дисплей и подредба на продукта.
Кратък код, поставен на страница
От Ян Сейнтс (Собствена работа): CC-BY-2.0
5. Използване на плъзгачи
В случай, че не сте знаели, плъзгачът е елемент на уеб страница, който се използва за подчертаване на група от избрани публикации. Това е като слайдшоу, което означава, че показва по една публикация в даден момент, като автоматично се премества от една в друга или чрез щракване.
За да покажете продукти с плъзгачи, трябва да замените публикациите с вашите продукти. Що се отнася до създаването на плъзгач за продукт, имате нужда от адаптивна плъзгаща плъгина като Soliloguy. След като инсталирате и активирате приставката, трябва да добавите нов плъзгач и можете да направите това, като използвате снимки, връзки и други необходими подробности за вашите елементи. Следващата стъпка е да запазите или публикувате плъзгача си, за да получите шорткод и маркер на шаблон.
И накрая, трябва да копирате и поставите шорткода на началната си страница или друга страница, за да покажете продуктите. Маркерът на шаблона може да показва елементи в заглавния раздел на вашата тема. Трябва само да копирате маркера, да отворите header.php и да го поставите на кодираната страница.
WooCommerce има плъгин, наречен Products Slider, който е пригоден за електронна търговия. Работи като типичен плъзгач, но разполага с още някои настройки и опции. Препоръчвам ви да видите дали това може да ви помогне с излагането и подреждането на артикулите.
Продукти, показани на плъзгач
От Ян Сейнтс (Собствена работа): CC-BY-2.0
Заключение
Показването и подреждането на елементи във вашия уебсайт за електронна търговия на WordPress е доста просто и лесно с тези пет метода. Ако ви е било трудно да показвате и подреждате продукти във вашия онлайн магазин, сега трябва да започнете да изпълнявате тези две задачи с много лекота. Просто изберете метод, който според вас може да работи за вас и поставете тези продукти на началната си страница по по-интелигентен начин.
Препратки
- Менинг. R. Как да изградим онлайн магазин с WordPress и WooCommerce. websitesetup.org . Настройка на уебсайта. (2017).
- Andronaco R. Как да създадем онлайн магазин с помощта на WooCommerce и Wordpress: Просто ръководство за перфектно създаване на уебсайт за електронна търговия. (2017).
- Раставриус Е., Уеб дизайн на Etoile. Каталог на продукти за електронна търговия за WordPress. wordpress.org. внедряване. (2017).
- WooCommerce. Шорткодове, включени в WooCommerce. docs.woocommerce.com . WooCommerce. (2016).
- Труман С., Туан Н., Софтуер Ar3rev. Приставка за сортиране и показване на продукти на WooCommerce. wordpress.org. Софтуер Ar3rev. (2013).
- YiThemes. Yith Infinite Scrolling Plugin. wordpress.org. ЙИТЕМИ. (2017).
- Razzak S. Ексклузивно ръководство за плъзгаща се приставка за продукти на WooCommerce. cloudways.com. Cloudways Ltd. (2016).
- Балхи С. Как лесно да създадете отзивчив плъзгач на WordPress със Soliloquy. wpbeginner.com . WPBeginner. (2014).
© 2017 Januaris Saint Fores