Медіатека WooCommerce з папками та фільтрами

WooCommerce став необхідним при створенні електронної комерції завдяки можливостям та інструментам, які він пропонує, але чи може цей чудовий плагін бути кращим інструментом? Ну, відповідь Так! Але подумайте про магазин, який містить тисячі продуктів, варіанти з 5 зображеннями для кожного. Знайти медіа для повторного використання буде майже неможливо, але... Хороші новини! У нас є рішення для цього ;)

Оскільки ми вже обговорювали, що потрібно для ідеальної електронної комерції, ми говоримо про одне з найкращих рішень, доступних на ринку, таких як WP Media Folder, який є плагіном, що пропонує чудові галереї, які ви можете використовувати при вставленні зображень та відео на вашому сайті Wordpress, але крім цього, він також дозволяє сортувати ваші файли в папки та підпапки.

Як ви бачите, ви можете використовувати ці два плагіни, щоб отримати кращу продуктивність, оскільки WP Media Folder повністю сумісний з WooCommerce, тому ви отримаєте ідеальне поєднання: WooCommerce для створення та управління вашою електронною комерцією та WP Media Folder для впорядкування всіх ваших файлів, але це не все, давайте подивимось, як ми можемо використовувати це поєднання.

Використання медіапапок WooCommerce

З використанням медіапапок WooCommerce ви зможете покращити свою роботу, оскільки всі медіафайли будуть упорядковані, і ви зможете знайти потрібний за один або два кліки, щоб використати його для створення нового допису про продукт або створення нового продукту з використанням медіа всередині продукту.

Ми покажемо приклад того, як створювати та використовувати ці папки, і створимо кілька випадків використання, щоб дати вам ідеї для покращення вашого електронного комерційного бізнесу.

Для цього прикладу ми будемо використовувати магазин одягу; на наступному зображенні ви побачите повністю невпорядковану медіатеку із зображеннями продуктів всередині.

Як ви бачите, всі зображення змішані; Сорочки, светри, штани, тематичні зображення, все в безладі і може бути дійсно важко знайти одне конкретне зображення… Що я можу зробити, щоб вирішити це за допомогою WP Media Folder? За допомогою WP Media folder ви зможете упорядкувати це, щоб зробити процес вибору простішим, наприклад, ми можемо створити папку для чоловіків і іншу для жінок всередині них підкатегорії як штани, сорочки, окуляри і ви можете створити ліміт у 8 рівнів підкатегорій, щоб упорядкувати це на свій розсуд.

Процес створення папки за допомогою цього чудового плагіна дійсно простий, просто скористайтеся лівим боковим меню.

Створіть батьківську папку, натиснувши на «Створити папку», введіть ім'я та натисніть на «Створити».

Щоб створити підпапку, просто перейдіть до папки, де хочете створити підпапку, і повторіть кроки, ви зможете побачити стрілку, на яку можна натиснути, щоб побачити всі підпапки.

Дійсно простий процес, і процес додавання зображень до відповідної папки ще простіший, просто натисніть на «Масове виділення», виберіть всі зображення та перетягніть їх до папки/підпапки, куди хочете додати.

Ви також можете продовжувати впорядковувати зображення, створюючи більше підпапок, наприклад, для сорочок та штанів, підпапки також будуть видимі у верхній частині панелі керування папками.

І все буде дуже легко знайти.

Але якщо у вас багато папок? Може бути дуже важко знайти одну конкретну, WP Media Folder має інструмент, щоб зробити це легше, текстове поле над папками, просто введіть назву папки, яку ви шукаєте, і натисніть клавішу Enter.

Ви зможете побачити всі папки, пов'язані з тією, яку ви ввели.

Створення продукту за допомогою WooCommerce Media Manager

Добре, все ідеально, ви можете створити всі папки та впорядкувати всі свої медіа всередині медіатеки, але чи можу я використовувати це в менеджері медіа WooCommerce? Відповідь - абсолютне Так! Усі медіа будуть доступні під час створення продукту для вашого електронного комерційного сайту, просто перейдіть до продукту, який ви хочете редагувати/додати, і натисніть на «встановити зображення продукту», ви зможете побачити менеджер медіа з усіма папками та зображеннями всередині.

Є кілька варіантів для фільтрації та сортування зображень всередині папки/підпапки, щоб допомогти вам знайти точне зображення, яке ви шукаєте, ви можете редагувати параметри фільтрації в Налаштування > WP Media Folder > Фільтрація медіа.

Тільки змініть та натисніть кнопку Зберегти зміни. Щоб використовувати параметри фільтрації та сортування у бібліотеці медіафайлів, просто натисніть «Сортування / Фільтрація» та виберіть потрібні параметри.

Ви також можете сортувати папки в меню за ідентифікатором, ім'ям або користувацьким порядком, що допоможе вам знайти потрібну папку найшвидшим способом.

Процес встановлення зображення однаковий, тому просто виберіть потрібні зображення для свого продукту та натисніть кнопку «Встановити зображення продукту».

Встановіть свій логотип із водяними знаками зображення

Зображення, які ми використовуємо у наших продуктах, дійсно важливі, оскільки іноді ми можемо платити моделям, щоб мати найкращі картинки для відображення медіа нашого продукту, тому ми повинні використовувати водяний знак, водяний знак - це найкращий знак, який ми можемо додати до медіа, яке ми маємо у нашому магазині.

Скажімо, ми наймаємо професійну модель, щоб зробити кілька фотографій і показати їх, щоб просувати шоу, яке ми продаємо, але є й інші магазини, які продають той самий продукт.

Що станеться, якщо у нас немає водяного знака? Інші магазини зможуть використовувати ці професійні зображення, які ми зробили, і найгірше те, що вони не поділяться визнанням з нашим магазином.

Але не хвилюйтеся, з WP Media Folder ви зможете встановити водяний знак на всі зображення продуктів найпростішим способом.

Щоб встановити Водяний знак на наші зображення продуктів, перейдіть до WP Media Folder Конфігурація > Перейменування та Водяний знак > Вкладка Водяний знак.

У цьому розділі ми зможемо побачити всі доступні параметри для Водяного знака, спочатку давайте увімкнемо функцію Водяного знака зображення та виберемо зображення для водяного знака, натиснувши на Вибрати.

Як ви бачите, ми обрали водяний знак, а також встановили розмір водяного знаку зі зображень, щоб зробити його меншим, є й інші параметри, які ви можете встановити, такі як позиція та відступ зображення, а також прозорість, якщо ви не хочете, щоб водяний знак був повністю непрозорим.

Наступний крок - вибрати папки, де ми хочемо додати Водяний знак, це найкраща частина цього, ви можете вибрати лише зображення з магазину і не чіпати зображення, де ви не хочете додавати Водяний знак, тому ми виберемо лише папку, яку ми створили для цього підручника під назвою Зображення магазину.

Нарешті, натисніть на Перегенерацію мініатюр і Водяний знак буде додано до всіх вибраних розмірів для всіх вибраних папок.

Процес розпочнеться, і ви побачите індикатор прогресу. Коли він завершиться, водяний знак буде додано.

Ви можете повернутися до своєї Медіатеки і побачити, що всі зображення, які ми вибрали, тепер мають Водяний знак.

Додайте віддалені відео до своїх продуктів, щоб зробити їх дійсно професійними

Ще одна хороша практика при додаванні наших продуктів - додавати відео.

Зазвичай, залежно від продукту, який ми пропонуємо, нам може знадобитися відео, що описує продукт, який ми продаємо, наприклад, якщо ми продаємо відеоігри.

Іноді ми можемо просто повторно використовувати відео, які вже створені, наприклад, для відеоігор, які мають трейлери, і ми можемо додати їх безпосередньо з YouTube за допомогою WP Media Folder

У цьому прикладі ми будемо додавати трейлер відеогри для просування у нашому магазині, для цього ми можемо перейти безпосередньо до розділу Продукт у WooCommerce і Додати новий

У цьому розділі ми можемо продовжити додавання продукту, як ми зазвичай робимо.

Скажімо, ми хочемо додати відео безпосередньо до опису продукту, тоді ми просто переходимо до опису, натискаємо на Додати медіа і ми побачимо опцію Вставити з URL , тому натискаємо на нього і додаємо URL відео, буде додано шорткод.

Ви побачите шорткод у описі.

Нарешті, ви зможете завершити створення продукту і зможете побачити відео в описі на фронтенді.

Тепер ви можете додавати відео до своїх продуктів найпростішим і найпрофесійнішим способом.

Інший спосіб перегляду папок зображень WooCommerce

Тут ми побачимо ідею того, як використовувати папки зображень WooCommerce, щоб показати ваші продукти шляхом створення галерей, це буде виглядати дійсно чудово і ви будете використовувати WP Media Folder до максимуму.

Клієнти завжди шукають найбільш професійний і найпростіший спосіб побачити продукт, який вони хочуть придбати, і що більш професійно, ніж відображати ваші продукти в чудовому і адаптивному вигляді за допомогою галерей? WP Media Folder може зробити цю роботу дійсно простішою, тому що ви зможете створювати чудові і різні галереї просто натисканням і вибором.

Для цього прикладу ми збираємося створити галерею для розділу чоловічого одягу, спочатку перейдіть до бібліотеки медіа, натисніть на одне із зображень, яке ви будете використовувати для галереї, і знайдіть опцію «Посилання галереї зображень на» у правому розділі спливаючого вікна, яке буде показано, і натисніть на значок скріпки. 

Ви зможете побачити всі сторінки та продукти, доступні на вашому сайті wp, виберіть продукт, який відповідає цьому зображенню, ви можете використовувати текстове поле пошуку, щоб знайти потрібний продукт і натиснути на «відкрити посилання в новій вкладці», якщо ви хочете, щоб воно було показано в новій вкладці, нарешті натисніть на «додати посилання».

Повторіть цей процес зі всіма зображеннями, які ви збираєтеся використовувати для галереї, після цього перейдіть до Додати новий пост/сторінку, і виберіть блок “Wp media folder галерея” у розділі WP Media Folder

Тепер натисніть на Медіатеку.

Виберіть зображення, які ви хочете використовувати для галереї (ті, для яких ви вибрали посилання) і натисніть на Створити нову галерею.

Тепер визначте порядок шляхом перетягування зображень, видаліть зображення з галереї, якщо хочете, і натисніть на Вставити галерею.

Ви зможете побачити меню у правій частині блоку, оберіть тему, яку хочете використовувати для своєї галереї.

Нарешті, знайдіть спадне меню “Дія при кліці” і виберіть опцію “Сторінка вкладення” у правому меню.

Нарешті, натисніть на публікацію і це все, ви отримаєте чудовий магазин, створений за допомогою галереї.

Просто натисніть на нього і дозвольте магії працювати, ви зможете побачити всі продукти, які ви встановили.

 
Як ми бачимо тут, ми створили дивовижну галерею, яка крім того, що виглядає професійно, може поміститися в будь-якій частині вашого веб-сайту і дозволить клієнтам легко отримати доступ до ваших продуктів, оскільки їм потрібно буде лише гортати і натискати на продукт, який вони хочуть побачити чи купити.

Ви також можете імпортувати файли та структуру папок зі свого сервера

Клієнти завжди шукають магазини в Інтернеті, які приємно дивитися і легко керувати, а також бути досить оригінальними і мати великий каталог, відображений найбільш професійним способом, як це було раніше спостерігалося, комбінація цих плагінів дозволяє зробити декілька з них дійсно швидко і просто, чого ви чекаєте?

Перейдіть зараз і отримайте WP Media Folder зараз: https://www.joomunited.com/wordpress-products/wp-media-folder