Якщо ваш бізнес розташований у кількох місцях, додавання локації магазину на сайт WordPress дозволяє відвідувачам легко знаходити всі магазини офлайн та переглядати докладну інформацію про кожного з них.
У цьому пості докладно описано, як додати локацію магазину на сайт WordPress, використовуючи плагін Mapify. Також ви дізнаєтеся про інші плагіни WordPress для пошуку магазинів, які можна використовувати, виходячи зі своїх потреб.
Як настроїти плагін для магазину WordPress
Незважаючи на те, що можна знайти кілька різних плагінів WordPress для пошуку магазинів, ми рекомендуємо Mapify – безкоштовну та платну версію.
У безкоштовній версії можна додати до 10 місць на карту, в комплекті з користувальницькими маркерами карти, галереями зображень і відео, підказками, повною інформацією про магазин і багатьма іншими опціями.
Mapify не використовує Google Maps через зміни Google у програмі (де вона більше не є безкоштовною – принаймні на законних підставах). Натомість він використовує безкоштовну альтернативу з відкритим кодом, яка допоможе вам створити свою локацію магазину безкоштовно (і не порушуючи умови обслуговування Google).
Щоб зробити це керівництво доступним для людей з будь-яким бюджетом, у цьому уроці будемо використовувати безкоштовну версію.
Якщо після виконання цього посібника вам ще потрібні додаткові функції, можете розглянути можливість оновлення до преміальної версії MapifyPro, до якої можна додавати необмежену кількість місць та інші корисні функції.
Для початку встановіть та активуйте безкоштовну версію на веб-сайті WordPress, куди потрібно додати локацію магазину.
Плагін простий у використанні – за 3 кроки ви повністю налаштуєте місце розташування вашого магазину:
1. Створіть нову карту
Перш ніж ви зможете додати розташування вашого магазину, потрібно мати картку. Щоб створити та керувати своєю карткою, перейдіть до MapifyLite → Установки карти.
Безкоштовна версія дозволяє мати тільки одну карту, так що ви можете одразу перейти до її налаштування. Pro версія дозволяє створювати необмежену кількість карток.
У верхній частині оберіть важливі базові опції:
- Полотно. Можна використовувати традиційну картку або завантажити своє зображення.
- Номер картки (ID) за промовчанням. Це те, що представлятиме кожне розташування (за умовчанням).
- Варіанти збільшення. Встановлюється для того, щоб ваші відвідувачі могли змінювати рівень масштабування карти.
Нижче ви можете вказати, чи хочете ви додати легку анімацію до підказок та точок.
Потім у нижній частині сторінки можна вибрати рівень масштабування та розташування за промовчанням. Наприклад, якщо всі ваші магазини знаходяться в певному місті, спочатку можна розташувати карту в центральній частині міста.
Однак, якщо у вас є магазини по всій країні чи у всьому світі, ви, ймовірно, захочете узменшити масштаб вашої карти, а потім дозволити відвідувачам збільшувати масштаб у міру необхідності.
У цьому прикладі фізичне розташування магазину у Філадельфії, штат Пенсільванія:
Після того, як вибрали всі опції, обов'язково збережіть зміни.
Дивіться також:
Кращі плагіни WordPress для подій – календарі, місця проведення, квитки та багато іншого.
2. Додайте розташування магазину на карту
Після налаштування полотна карти ви можете перейти до MapifyLite → Розташування на карті → Додати новий, щоб додати своє перше місце розташування магазину. Пам'ятайте, що безкоштовна версія дозволяє додавати до 10 різних місць, а версія Pro – необмежену кількість.
Вгорі введіть назву та опис цього місця. Ця інформація з'явиться у спливаючому вікні, коли хтось натисне на маркер карти:
Потім перейдіть до нового мета-блоку MapifyLite.
Спочатку виберіть картку, яку ви створили. Тут можна включити дві частини вашої картки:
- Спливаюче вікно – з'являється, коли хтось натискає на місце розташування.
- Підказка - З'являється, коли хтось наводить покажчик миші на локацію.
Ви також можете вибрати спосіб закриття спливаючої підказки.
Потім прокрутіть трохи далі до налаштувань галереї. Тут можна вставляти зображення та/або відео в галерею, яка відображається у спливаючому вікні, коли хтось натискає на місцезнаходження на карті:
Нарешті прокрутіть вниз до розділу Місце розташування та введіть точну адресу для цього маркера картки:
Після того, як ви ввели всі дані, опублікуйте розташування.
Потім повторіть той же процес для всіх місць, які ви хочете відобразити на карті.
3. Вставте картку на сайт
Тепер ви готові відобразити картку локації магазину на зовнішньому інтерфейсі вашого сайту. Для цього поверніться до області «Налаштування картки» та скопіюйте шорткод:
Додайте шорткод на сторінку, де буде відображатися розташування магазину. Якщо ви бажаєте налаштувати висоту карти, змініть параметр height = ”X”.
Відвідувачі побачать усі ваші розташування на карті, а також підказки, що випливають, якщо ви налаштували їх:
Якщо ви увімкнули функцію спливаючих вікон, відвідувачі при натисканні на локацію побачать спливаюче вікно з додатковою інформацією щодо кожного розташування.
Ви можете побачити на малюнку нижче, як виглядає заголовок та текстовий вміст, а також галерея відео/зображень – все це дозволяє додати Mapify:
Це все, що вам потрібно, щоб додати розташування магазину на ваш сайт WordPress.
Інші хороші плагіни для WordPress
Mapify – наш рекомендований плагін для локації магазинів WordPress, але ви також можете знайти інші добрі варіанти на WordPress.org та/або CodeCanyon.Ось кілька хороших альтернатив для початку, якщо ви віддаєте перевагу іншому підходу:
- Пошук магазинів WP - Безкоштовний основний плагін з різними надбудовами преміум-класу.
- MapSVG – преміум плагін для відображення WordPress на CodeCanyon – $46.
- Store Locator WordPress - Безкоштовна версія, а також преміум-версія за $ 25 на CodeCanyon.
Якщо ви хочете додати локацію магазину на свій сайт WordPress, плагін Store Locator WordPress для якісного пошуку вашого магазину буде найпростішим і найлегшим варіантом.
Щоб розпочати без витрат, рекомендуємо плагін MapifyLite, який докладно описаний у посібнику вище. Якщо вам потрібно більше функціональності, рекомендуємо подивитися преміум-версію цього плагіна – MapifyPro.
Джерело: wplift.com
Коментарі до запису: 0