Медіатека 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

Гаразд, усе ідеально, ви можете створити всі папки та впорядкувати всі свої медіафайли в медіатеці, але чи можу я використовувати це в менеджері медіафайлів 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 може значно полегшити цю роботу, адже ви зможете створювати чудові та різноманітні галереї простим натисканням і вибором.

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

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

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

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

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

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

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

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

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

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

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

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

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

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