Shopify CMS очима РРСшніка: які налаштування робити для нового клієнта

Shopify – це платформа для створення сайтів, яка заточена під потреби і завдання e-commerce повністю, від шаблонів оформлення до реалізації систем оплати. Це ж робить її набагато більш зручною для РРС-маркетологів і фахівців інших профілів, яким не доводиться боротися з CMS для просування, нормального збору даних і аналітики. Але, як водиться, не позбавляє від роботи повністю: свої нюанси є і тут.

На 2018 рік цією платформою користується Red Bull, Nestle, Kylie Cosmetics і ще 600 000 компаній в 175 країнах. Як бути, якщо ваш новий клієнт теж має сайт на Shopify, а вам довелося бути РРС-фахівцем?

Короткий екскурс в історію і особливості

Історія Shopify цікава тим, що це історія втілення мрії. Чому? Тому що першим сайтом на Shopify був сайт самих майбутніх розробників, які хотіли зробити інтернет-магазин для сноубордистів, але не знайшли підходящої готової CMS.

Хочеш зробити добре – зроби сам, ймовірно, вирішили хлопці. І зробили. Спочатку це не було комерційне рішення: просто самописна платформа для себе, яка вирішувала конкретні завдання конкретного магазину. Але, як свідчить історія, невдовзі стало зрозуміло, що багато інших інтернет-магазини потребують такого безпроблемне вирішенні. Так народилася CMS Shopify з її місією «Зробити торгівлю краще для всіх».

І з того моменту в 2006 році компанія виросла з 5 осіб в місцевій кав’ярні до 3000 співробітників в 5 офісах.

Права редактора

Перше, що потрібно зробити, якщо у вас з’явився клієнт з інтернет-магазином на Shopify, – це попросити відкрити доступ на редагування. Це робиться, як зазвичай, на електронну пошту: вам прийде лист з посиланням, по якому потрібно буде зареєструватися.

Якщо вам потрібно буде керувати кількома акаунтами, то можна створити партнерський аккаунт Shopify (за подобою МСС, як в Google Ads).

Previous
Next

Google Tag Manager

GTM в Shopify можна налаштувати двома способами. Розглянемо кожен з них.

Варіант 1

Контейнер Google Tag Manager складається з двох кодів. Першу частину, яку потрібно поставити в head, ставлять в додатковий код Google Аналітики.

Важливо! Частину коду потрібно скопіювати не в повному обсязі, а лише ділянку між тегами.

Previous
Next

Другу частину коду потрібно вставити безпосередньо в body. Для цього перейдіть в редактор теми і виберіть «Редагувати код»:

У блоці Layout виберіть theme.liquid і вставте залишившийся шматочок коду:

Цей варіант попадався нам найчастіше, але є ще один спосіб.

Варіант 2

У другому способі потрібно вставити обидві частини коду за допомогою «Редагування коду»:

• першу частину в head;
• другу в body.

І не забудьте зберегти: кнопка Save в правому верхньому куті!

Подальші дії

Який би спосіб ви не використовували, далі алгоритм налаштування вже однаковий.

Якщо у вас є доступ до checkout.liquid в розділі редагування коду, виконайте там те ж саме: проставте коди в head і body.

Якщо доступу немає, зайдіть в Settings → Checkout → Order processing і проставте код тут у вікні «Additional scripts».

Previous
Next

Важливо, якщо ви працюєте з GTM! У Shopify чекаут відбувається на іншому сайті, і в самій системі вже реалізовано міждомене відстеження. Зважаючи на це, при імплементуванні тегів через GTM частина інформації не відстежується. Щоб цього не допустити і отримувати всі дані, вставляйте коди Google Аналітики і Facebook Pixel через Shopify, а не Tag Manager.

Google Analytics і розширена електронна торгівля

Shopify повністю інтегрується з Google Аналітикою – це якраз той момент, де розробники повністю подбали про своїх клієнтів і необхідність аналізувати роботу інтернет-магазину. Для підключення Google Analytics потрібно перейти в розділ меню Online Store → Preferences → блок Google Analytics і поставити id аналітики.

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

Конверсії в Google Analytics

Якщо у вас налаштована розширена електронна торгівля, ви будете бачити в Google Аналітиці статистику по транзакціях. Але часто цього не достатньо. Якщо ви хочете створити проміжні цілі (корзина, кроки в оформленні замовлення), то варіант «скопіювати і вставити URL» не завжди буде працювати. Це пов’язано з тим, що в Shopify створюються динамічні посилання з набором чисел, які при кожному замовленні змінюються. При цьому в статистиці Google Аналітики інформації по таких сторінках немає, а в аналітику Shopify відправляє більше агрегированную інформацію.

Як бути з налаштуванням цілей?

1. Відвідування кошика. Тут все просто: сторінка / cart.
2. Сторінка оформлення замовлення (сторінка з заповненням контактної інформації): / checkout / contact_informantion. Якщо будете оформляти самі, таку адресу сторінки ви не побачите, але в аналітику вона передається саме так.
3. Сторінка оформлення замовлення (сторінка з заповненням інформації про доставку): / checkout / shipping.
   
4. Сторінка оформлення замовлення (сторінка з заповненням платежів): / checkout / payment.
   
5. У клієнтів кількість сторінок чекаута може відрізнятися. Щоб перевірити це, подивіться статистику Google Analytics по сторінках в розділі Поведінка → Контент сайту → Всі сторінки:

Налаштування конверсії Google Ads

Відстежуючи конверсії Покупка за допомогою тега Google Ads, а не за допомогою імпорту транзакцій з Google Analytics, у вас буде більше інформації з ефективності ваших кампаній / ключів / продуктів, так як в цьому випадку будуть вважатися і асоційовані конверсії.

Shopify дає докладну інструкцію по установці цього коду.

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

Фід для Google Merchant Center

Є 2 варіанти створення фіда:

• створення xml-файлу: потрібно звернутися до розробників; створюється через нову колекцію. Перевага xml – можливість відразу кастомізувати під себе, давши правильне ТЗ розробнику;
• застосування плагінів. Їх швидко створювати / запускати, багато встановлених рішень. Але якщо брати нормальний, то потрібно платити.

Найпопулярнішими плагінами є:

1. Feed For Google Shopping. Оптимально по ціні / якості. Зміни в плагіні і на сайті долітають в Merchant Center за 15-30 хвилин. Ціна залежить від кількості товарів;
2. DataFeedWatch Shopping Feed. З більшим функціоналом і подорожче.
3. Google channel. Безкоштовний варіант від шопіфая. Вони його переміщують з додатків в канал продажів і назад. Функціонал обмежений, а періодично бувають збої. Швидкість зміни даних з сайту в Merchant Center низька.

Динамічний ремаркетинг Google Ads

Для налаштування динамічного ремаркетингу Google Ads є спеціальні плагіни. Але ось тонкість: вони і допомогти можуть, і нашкодити.

Залежно від того, як був створений фід, id товарів будуть містити або тільки цифри, або id буде складовою (наприклад, shopify_US_1234567890_0987654321, де перші цифри це id продукту, а другі – id варіанта – кольору / розміру).

Плюс вже існує 2 варіанти коду від Google Ads (старий і новий), відповідно, не всі плагіни вже адаптувалися. Щоб зрозуміти, який з них вам доступний, потрібно зайти в джерело аудиторій, і подивитися, який тег вам пропонує Google:

Previous
Next

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

Збережіть цю сторінку собі в закладки на випадок, якщо колись зіткнетеся з таким же квестом. Щоб використовувати код самим, зайдіть в потрібний файл (для нового або старого коду), скопіюйте, замініть XXXXXXXXX на id з вашого облікового запису. Одержаний код вставте в код в Shopify відповідно до інструкції в файлі. І буде вам щастя 🙂

Де шукати id в акаунті Google Ads:

Previous
Next

Facebook Pixel

Facebook Pixel підключається в тому ж меню Online Store → Preferences, відразу під Google Аналітикою.

Код конверсії Bing …

… або інші коди, які фіксують успішність замовлення

Налаштування кодів конверсії Bing можна зробити через додатковий код в налаштуваннях чекаута, по шляху Settings → Checkout → Order processing → Additional scripts.

Previous
Next

7 корисних плагінів для Shopify

Плагіни в Shopify називаються Apps – додатки. Їх існує безліч видів для безлічі речей і, як водиться, бувають вони як платними, так і безкоштовними (створені розробниками Shopify або сторонніми розробниками).

Shopify Apps, які допоможуть в продажах і маркетингу:

1. OptinMonster для створення спливаючих вікон. Один з користувачів плагіна OptinMonster за допомогою поп-апів зміг підвищити продажі на 35%, а інший перейшов на OptinMonster з іншого сервісу і збільшив кількість конверсій в 2,5 рази.

Можливості OptinMonster:

• показ рекламних акцій на основі розташування, поведінки, пристрою та інших даних про клієнта;
• збір поштових адрес і показ пропозиції за сценарієм (перед закриттям сайту) для зменшення кількості «кинутих кошиків»;
• запуск ретаргетингових кмпаній для поліпшення конверсійності.

Ціна: 49 $ / місяць.

2. Smile.io для створення програм лояльності. Підвищує зростання продажів на 15% за рік і збільшує кількість повторних покупок на 20%. Один з клієнтів компанії зміг збільшити кількість повторних покупок навіть до 80% за один місяць!

Можливості Smile.io:

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

Ціна: є безкоштовна версія; платна версія від 59 $ / місяць.

3. Recover Cart Pusher для націлених повідомлень користувачам з кинутим кошиком. Середній коефіцієнт незавершених покупок – 69,23%, тобто більше половини всіх користувачів так і не доходять до фактичного замовлення. Якщо ваш магазин заробляє в місяць 1 000 $, то з такою статистикою виходить, що ви потенційно втрачаєте 2 250 $ щомісяця (!). Це 27 000 $ в рік.

Можливості Recover Cart Pusher:

• автоматична відправка повідомлень про незавершену покупку;
• підвищення кількості конверсій і зменшення кількості покинутих кошиків відразу після встановлення;
• гнучке налаштування.

Ціна: безкоштовно.

4. Yotpo для генерації відгуків про продукт / сайт. За даними українського дослідження MMR Lab 2013 року, інтернет-магазини з 50+ відгуками отримують на 30% більше покупок, ніж магазини з 10 відгуками; і на 300% більше, ніж магазини без відгуків. Гідна причина потурбуватися збором соціальних доказів, так?

Можливості Yotpo:

• зручний віджет для генерації споживчих відгуків з текстом, фотографіями, відео і іншим контентом;
• розширює можливості по залученню і утриманню користувачів з маркетингових каналів за допомогою купонів, email із запитами відгуків, інтеграції з соцмережами і не тільки;
• інтеграція з більш ніж десятком сервісів, в тому числі Facebook, Instagram, Твіттер, Pinterest, Google Реклама, FOMO, Smile.io, Searchanise і не тільки.

Ціна: є безкоштовна версія, платна версія від 49 $ / місяць.

5. Back in Stock для відправки повідомлень про появу товару у наявності. Часто буває, що в магазині закінчується товар, а попит на нього нікуди не дівається. У цьому випадку частина клієнтів іде до конкурентів, а частина просто махає рукою і відмовляється від покупки. Щоб не втрачати лояльних відвідувачів, готових зробити замовлення, запропонуйте їм отримати повідомлення, коли потрібний товар знову з’явиться в наявності.

Можливості Back in Stock:

• автоматична відправка листів при надходженні товару тим клієнтам, які підписалися на повідомлення;
• можна налаштувати отримання щоденних або щотижневих звітів по найбільш затребуваним товарам із зазначенням, скільки їх потрібно замовити;
• просте і гнучке налаштування за 30 секунд: по одному кліку на всіх сторінках товарів почне відображатися кнопка для підписки на повідомлення.

Ціна: 24,95 $ / місяць.

6.Kit для більш простого маркетингу. Цей сервіс – офіційний партнер Facebook з маркетингу для малого бізнесу.

Можливості Kit:

• рекомендація маркетингових активностей для підвищення продажів;
• простий запуск ретаргетінгових кампаній для повернення відвідувачів;
• швидке налаштування і просуваня акцій, відправка вдячних імейлів покупцям і інші завдання – все можна виконати через SMS або Facebook Messenger.

Ціна: безкоштовно.

7. Countdown Cart by Beeketing для створення ефекту терміновості покупки.

Можливості Countdown Cart:

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

Ціна: безкоштовно.

Ось і всі головні інсайти, які ми отримали на практиці роботи з Shopify. Це проста і зручна платформа для роботи і, сподіваємося, з цим Гайдом вона стане ще простіше!

Залишилися питання? Напишіть в коментарі і ми обов’язково відповімо!