Shopify CMS глазами РРСшника: какие настройки делать для нового клиента

10.07.2020
Алёна Лихтер
13 минут
Контекстная реклама, Полезная информация,
4256

Shopify — это платформа для создания сайтов, которая заточена под потребности и задачи e-commerce полностью, от шаблонов оформления до реализации систем оплаты. Это же делает ее гораздо более удобной для РРС-маркетологов и специалистов других профилей, которым не приходится бороться с CMS для продвижения, нормального сбора данных и аналитики. Но, как водится, не избавляет от работы полностью: свои нюансы есть и здесь.

На 2018 год этой платформой пользуется Red Bull, Nestle, Kylie Cosmetics и еще 600 000 компаний в 175 странах. Как быть, если ваш новый клиент тоже имеет сайт на Shopify, а вам довелось быть РРС-специалистом? Разберемся в этой статье:

  1. Краткий экскурс в историю и особенности.
  2. Права редактора.
  3. Google Tag Manager.
  4. Google Analytics и расширенная электронная торговля.
  5. Конверсии в Google Analytics.
  6. Фид для Google Merchant Center.
  7. Динамический ремаркетинг Google Ads.
  8. Facebook Pixel.
  9. Код конверсии Bing.
  10. 7 полезных плагинов для Shopify.

И сначала…

Краткий экскурс в историю и особенности

История Shopify интересна тем, что это история воплощения мечты. Почему? Потому что первым сайтом на Shopify был сайт самих будущих разработчиков, которые хотели сделать интернет-магазин для сноубордистов, но не нашли подходящей готовой CMS.

Хочешь сделать хорошо — сделай сам, вероятно, решили ребята. И сделали. Сначала это не было коммерческое решение: просто самописная платформа для себя, которая решала конкретные задачи конкретного магазина. Но, как гласит история, вскоре стало понятно, что многие другие интернет-магазины нуждаются в таком беспроблемном решении. Так родилась CMS Shopify с ее миссией «Сделать торговлю лучше для всех».

И с того момента в 2006 году компания выросла с 5 человек в местной кафешке до 3000 сотрудников в 5 офисах.

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

Первое, что нужно сделать, если у вас появился клиент с интернет-магазином на Shopify, — это попросить открыть доступ на редактирование. Это делается, как обычно, на электронную почту: вам придет письмо с ссылкой, по которой нужно будет зарегистрироваться.

image4
Вот так выглядит админка: достаточно стандартно (основное меню слева), хотя некоторые функции находятся в не совсем очевидных местах

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

Google Tag Manager

GTM в Shopify можно настроить двумя способами. Рассмотрим каждый из них.

Вариант 1

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

Важно! Часть кода нужно скопировать не полностью, а только участок между тегами

Вторую часть кода нужно вставить непосредственно в body. Для этого перейдите в редактор темы и выберите «Редактировать код»:

image2

В блоке Layout выберите theme.liquid и вставьте оставшийся кусочек кода:

image8

Этот вариант попадался нам чаще всего, но есть еще один способ.

Вариант 2

Во втором способе нужно вставить обе части кода с помощью «Редактирования кода»:

  • первую часть в head;
  • вторую в body.

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

А чтобы полностью разобраться в Диспетчере тегов, читайте все части нашего гайда по Google Tag Manager.

Дальнейшие действия

Какой бы способ вы ни использовали, дальше алгоритм настройки уже одинаковый.

Если у вас есть доступ к checkout.liquid в разделе редактирования кода, проделайте там то же самое: проставьте коды в head и body.

Если доступа нет, зайдите в Settings → Checkout → Order processing и проставьте код здесь в окне «Additional scripts».

Важно, если вы работаете с GTM! В Shopify чекаут происходит на другом сайте, и в самой системе уже реализовано междоменное отслеживание. Ввиду этого, при имплементировании тегов через GTM часть информации не отслеживается. Чтобы этого не допустить и получать все данные, вставляйте коды Google Аналитики и Facebook Pixel через Shopify, а не Tag Manager.

Google Analytics и расширенная электронная торговля

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

Также сразу поставьте галочку в пункте «Использовать расширенную электронную торговлю» и проверьте, чтобы она была включена в настройках Google Аналитики.

image1

Конверсии в Google Analytics

Если у вас настроена расширенная электронная торговля, вы будете видеть в Google Аналитике статистику по транзакциям. Но часто этого не достаточно. Если вы хотите создать промежуточные цели (корзина, шаги в оформлении заказа), то вариант «скопировать и вставить URL» не всегда будет работать. Это связано с тем, что в Shopify создаются динамические ссылки с набором чисел, которые при каждом заказе меняются. При этом в статистике Google Аналитики информации по таким страницам нет, а в аналитику Shopify отправляет более агрегированную информацию.

Как быть с настройками целей?

  1. Посещение корзины. Тут все просто: страница /cart.
  2. Страница оформления заказа (страница с заполнением контактной информации): /checkout/contact_informantion. Если будете оформлять сами, такой адрес страницы вы не увидите, но в аналитику она передается именно так.
  3. Страница оформления заказа (страница с заполнением информации о доставке): /checkout/shipping.
  4. Страница оформления заказа (страница с заполнением платежных данных): /checkout/payment.

У клиентов количество страниц чекаута может отличаться. Чтобы проверить это, посмотрите статистику Google Analytics по страницам в разделе Поведение → Контент сайта → Все страницы:

image17

Настройка конверсии Google Ads

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

Shopify дает подробную инструкцию по установке этого кода.

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

Код
Чтобы скопировать полный код, кликните по картинке

Фид для Google Merchant Center

Есть 2 варианта создания фида:

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

Самыми популярными плагинами являются:

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

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

Для настройки динамического ремаркетинга Google Ads есть специальные плагины. Но вот тонкость: они и помочь могут, и навредить.

В зависимости от того, как был создан фид, id товаров будут содержать либо только цифры, либо id будет составной (например, shopify_US_1234567890_0987654321, где первые цифры это id продукта, а вторые id варианта цвета/размера).

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

Если у вас доступны оба варианта, лучше устанавливайте новый. Ниже новый и старый коды. На картинке вы видите только часть кода. Чтобы скопировать код полностью, кликните на картинку: откроется документ с кодом и инструкцией.

Новый код
Чтобы скопировать НОВЫЙ код полностью, кликните по картинке
Старый код
Чтобы скопировать СТАРЫЙ код полностью, кликните по картинке

Сохраните эту страницу себе в закладки на случай, если когда-то столкнетесь с таким же квестом. Чтобы использовать код самим, зайдите в нужный файл (для нового или старого кода), скопируйте, замените XXXXXXXXX на id из вашего аккаунта. Получившийся код вставьте в код в Shopify в соответствии с инструкцией в файле. И будет вам счастье 🙂

Где искать id в аккаунте Google Ads:

Facebook Pixel

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

image6

Код конверсии Bing…

…или другие коды, которые фиксируют успешный заказ

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

7 полезных плагинов для Shopify

Плагины в Shopify называются Apps — приложения. Их существует множество видов для множества вещей и, как водится, бывают они как платными, так и бесплатными (созданные разработчиками Shopify или сторонними разработчиками).

image15

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

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

Возможности OptinMonster:

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

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

  1. Smile.io для создания программ лояльности. Повышает рост продаж на 15% за год и увеличивает количество повторных покупок на 20%. Один из клиентов компании смог увеличить количество повторных покупок даже до 80% за один месяц!

Возможности Smile.io:

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

Цена: есть бесплатная версия; платная версия от 59$/месяц.

  1. Recover Cart Pusher для таргетированных уведомлений пользователям с брошенной корзиной. Средний коэффициент незавершенных покупок — 69,23%, то есть больше половины всех пользователей так и не доходят на фактического заказа. Если ваш магазин зарабатывает в месяц 1000$, то с такой статистикой получается, что вы потенциально теряете 2250$ ежемесячно (!). Это 27 000$ в год.

Возможности Recover Cart Pusher:

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

Цена: бесплатно.

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

Возможности Yotpo:

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

Цена: есть бесплатная версия, платная версия от 49$/месяц.

  1. Back in Stock для отправки уведомлений о появлении товара в наличии. Часто бывает, что в магазине заканчивается товар, а спрос на него никуда не девается. В этом случае часть клиентов уходит к конкурентам, а часть просто машет рукой и отказывается от покупки. Чтобы не терять лояльных посетителей, готовых сделать заказ, предложите им получить уведомление, когда нужный товар снова появится в наличии.

Возможности Back in Stock:

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

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

  1. Kit для более простого маркетинга. Этот сервис — официальный партнер Facebook по маркетингу для малого бизнеса

Возможности Kit:

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

Цена: бесплатно.

  1. Countdown Cart by Beeketing для создания эффекта срочности покупки.

Возможности Countdown Cart:

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

Цена: бесплатно.

Вот и все главные инсайты, которые мы получили на практике работы с Shopify. Это простая и удобная платформа для работы и, надеемся, с этим гайдом она станет еще проще!

Остались вопросы? Напишите в комментарии и мы обязательно ответим!

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading...

Будьте в курсе последних обновлений

Присоединиться в

Алёна Лихтер

Middle РРС-специалист

Магистр по маркетингу, закончила ДНУ им. Олеся Гончара. Познакомилась с пингвинами во время SEO-курса, на занятиях по основам контекстной рекламы от шеф-пингвина Николая Скоропадского. Позже проходила специализированные курсы по ремаркетингу и Google Tag Manager. Постоянно работает на зарубежном рынке: США, Канада, Австралия, Великобритания, страны Евросоюза с рекламой на английском языке; продвигает проекты из России и Казахстана. Идейный автор и консультант при разработке Panda Software, один из продакт-менеджеров Hub of PPC Tools; самый активный автор блога. За время работы выросла с Junior до Middle РРС-специалиста.

Получить 7 писем о том,
как улучшить аккаунт Google Ads
+ статьи про РРС

Имя
e-mail
Улучшить Ads

Улучшить свой Ads

Получите 7 писем о том, как можно улучшить свой аккаунт в Ads

Подписаться

Наш сайт использует файлы cookie, чтобы улучшить работу и предоставить максимальное удобство пользователям.

В версии 3.0.0

  • новые сервисы: Ubersuggest (NeilPatel), Spyfu и другие;
  • автосохранение списка минус-слов в рабочей области;
  • авторизация для хранения данных в аккаунте;
  • списки типовых минус-слов;
  • возможность хранить пользовательские списки минус-слова в расширении для дальнейшего применения в аккаунте;
  • англоязычный и русскоязычный интерфейс.

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов

In version 3.0.0

  • new services: Ubersuggest (NeilPatel), Spyfu and others;
  • autosave of a negative keywords list in the workspace;
  • authorization for storing data in the account;
  • generic negative keyword lists;
  • the ability to store custom lists of negative keywords in the extension for further use in your account;
  • English and Russian interface.

Key combinations

  • LeftMouseClick to add a word, press again - to delete
  • LeftALT + LeftMouseClick - to collect phrases
  • LeftALT + S - for words searching

В версии 2.0

  • 2 режима выдачи ключевых слов:
  • быстрая выдача - аналогична выдаче Google Planner, но найденные результаты включают каждое слово из введенной в поиск фразы;
  • полная выдача - расширенная выдача, которая включает поиск по дополнительным релевантным фразам, но найденные результаты также включают каждое слово из введенной в поиск фразы.
  • Обновленный файл выгрузки ключевых слов Excel:
  • выгрузка локаций в удобном формате для загрузки в Editor;
  • обновленный шаблон для создания объявлений.
  • Полный список локаций.
  • Группировка отчетов по проектам.
  • Устранена ошибка с задержкой в 30 секунд.
  • Новые фильтры для получения релевантной выдачи.
  • Копирование минус-слов.

In version 2.0:

  • 2 modes of keywords search result:
  • quick search result - is similar to one of Google Planner , but the results found include every word of the phrase entered in the search;
  • full search result - extended search result that includes search on additional relevant phrases, but the results found also include every word of the phrase entered in the search.
  • Updated Exces Keyword Upload File:
  • uploading of locations in a convenient format for uploading to Editor;
  • updated template for creating ads.
  • Full list of locations.
  • Grouping of reports on the projects.
  • Fixed an error with a delay of 30 seconds.
  • New filters for getting relevant search results.
  • Copying of negative keywords.

Несколько шагов до работы в Penguin

Заполните форму

Прикрепите резюме:
1Кликов 259, показов 3 515. Чему равен CTR?
2Заходов на сайт 874, конверсий 16. Чему равен коэффициент конверсии?
3Что такое СРА?
4CTR 4,03%, кликов 240. Чему равно число показов объявления?
5Затрат 20 158, конверсий 63. Чему равна стоимость конверсии?

Несколько шагов до работы в Penguin

Заполните форму

Прикрепите резюме:

Познакомимся?

Денис Березкин

Кем вы работаете?

Выберите один из вариантов