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

Ось де з'явиться вибір дизайну - щось, що може залякати, коли у вас немає досвіду їх створення. Давайте розберемо, як налаштувати тему Shopify і все, що ви можете зробити, щоб просувати свій бренд і стимулювати продажі.

Налаштування Shopify: Найняти розробника чи зробити це самостійно?

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

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

Найняти розробника Shopify

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

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

Налаштуйте свою тему Shopify самостійно

У деяких випадках маршрут DIY має сенс. Можливо, ви завантажуєте свій бізнес або у вас вже є технічні та дизайнерські навички, необхідні для створення веб-сайту самостійно. Або, можливо, вам просто потрібна проста функціональність для початку, з планами оновлення пізніше. Незалежно від причини, редактор тем Shopify зручний для користувача, тому ви можете налаштувати зовнішній вигляд свого інтернет-магазину без будь-яких навичок кодування або дизайну. А за допомогою таких інструментів, як Sections Everywhere, вбудовування додатків Shopify та шаблони сторінок, ви можете додати цікаві елементи на свій сайт за кілька кліків.

П'ять способів налаштувати свій магазин Shopify, щоб зробити його своїм

1. Знайдіть ідеальну тему в магазині тем Shopify
2. Відредагуйте налаштування теми, щоб налаштувати зовнішній вигляд вашого магазину
3. Створити шаблони
4. Налаштуйте свій магазин за допомогою додатків Shopify
5. Використовуйте вбудовування додатків Shopify, щоб додати більше розділів

1. Знайдіть ідеальну тему в магазині тем Shopify

Хоча Shopify за замовчуванням буде використовувати тему вашого магазину або Debut, або Dawn, вам не потрібно дотримуватися їх. Ви можете перейти до магазину тем Shopify, щоб переглянути інші варіанти. Важливо вибрати правильну тему на початку, щоб вам не довелося повертатися назад і змінювати її знову, якщо вам потрібні інші функції або функціональні можливості.

Існує дві основні категорії для тем Shopify: безкоштовна та платна.

1. Безкоштовно: Безкоштовні теми чудово підходять для нових або невеликих магазинів, які готуються до запуску або експериментують з електронною комерцією. Плюсом є відсутність додаткових авансових або періодичних витрат, але вони часто мають обмеження та невеликі можливості налаштування. Є 11 безкоштовних тем на вибір.
2. Платно: Shopify також має понад 100 платних тем, починаючи від 180 до 350 доларів США (одноразова плата). Хоча вони вимагають більше грошей наперед, платні теми пропонують більше функцій дизайну, інструментів електронної комерції та надійних наборів функцій, щоб ви могли робити більше речей у вашому інтернет-магазині.

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

2. Відредагуйте налаштування теми, щоб налаштувати зовнішній вигляд вашого магазину

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

Щоб відредагувати свою тему, перейдіть до редактора тем з інформаційної панелі, перейшовши в Інтернет-магазин > Теми. Знайдіть обрану тему та натисніть Налаштувати.

Основні сфери, на яких варто зосередитися, включають:

Колірна палітра

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

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

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

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

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

Це виглядає приблизно так:

• #FFFFFF - білий
• #2D2D2D - дуже темно-сірий
• #50B83C - зелений

Шрифти

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

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

Виберіть додаткові шрифти

Найшвидший спосіб знайти ідеальні комбінації шрифтів - це різні шрифти в межах однієї сім'ї шрифтів. Сімейство шрифтів - це щось на зразок Helvetica або Times New Roman, і шрифти в ньому мають кілька варіацій. Шрифти з одного сімейства вже мають асортимент ваг і стилів, які добре працюють разом.

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

Приклад використання одного шрифту кількома способами c/o Canva's Guide to Pairing Fonts

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

Парні сумісні шрифти

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

• Засічки: Ці шрифти, як Times New Roman та Georgia, мають маленькі ніжки на кожній букві.
• Sans serif: Ці шрифти, такі як Arial, Helvetica та шрифт, який ви зараз читаєте, не мають маленьких ніжок.
• Сценарій: Ці шрифти - це все, що схоже на каліграфію або почерк.
• Монокосмічні: Ці шрифти мають літери, які всі рівномірно розташовані, і це те, що ви зазвичай бачите в комп'ютерному коді. Хорошим прикладом є Roboto Mono.

Ви можете поєднати шрифти з різних шрифтів, щоб отримати сильний контраст між ними.

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

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

Використовуйте розміри шрифтів навмисно

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

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

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

3. Створити шаблони

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

Ось чому шаблони або розділи сторінок є корисними функціями для налаштування теми Shopify.

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

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

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

4. Налаштуйте свій магазин за допомогою додатків Shopify

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

Ось деякі користувацькі зміни, які ви можете внести за допомогою додатків Shopify:

• Змініть панель пошуку: налаштуйте пошук, фільтрацію та рекомендації щодо продуктів; додайте візуальний пошук; та покращуйте загальний досвід пошуку за допомогою таких додатків, як Shopify Search & Discovery.
• Додайте рекомендації щодо продуктів: Рекомендуйте схожі продукти, щоб підвищити середню вартість замовлення. Подивіться, як Thousand використовує додатки для цього.
• Включіть відгуки клієнтів: такі програми, як Product Reviews andJudge.me, допоможуть вам оптимізувати конверсії з соціальним доказом через відгуки клієнтів.
• Створіть шаблони цільових сторінок: Для більш надійного налаштування та шаблонів цільової сторінки використовуйте такий додаток, як Shogun, який має простий у використанні редактор перетягування.
• Налаштуйте оформлення замовлення: зіставте досвід оформлення замовлення з вашим візуальним брендом та оптимізуйте його, щоб зменшити тертя та збільшити продажі. Такі програми, як Skip To Checkout та Zipify One Click Upsell, можуть допомогти вам зробити саме це.

5. Використовуйте вбудовування додатків Shopify, щоб додати більше розділів

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

Продавець Shopify Ora Organic, наприклад, має додаток для живого чату, активований на своєму сайті електронної комерції. Додаток, що працює на базі Gorgias, дозволяє користувачам взаємодіяти з бульбашкою чату в прямому ефірі, продовжуючи безперебійний перегляд веб-сайту.

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

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

Щоб налаштувати вбудовування додатків Shopify, натисніть "Вбудовування додатків" у редакторі тем. Виберіть вбудовування програми, якою ви хочете керувати (або натисніть панель пошуку та введіть ключове слово для пошуку у встановлених програмах). Коли ви побачите вбудовування програми, яку хочете активувати або деактивувати, натисніть перемикач, щоб змінити його статус. Ви також можете переглянути налаштування вбудовування додатків, натиснувши значок розгорнути (▸) поруч із назвою вбудовування додатків.

Ваш Shopify, ваш шлях

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

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