Для додавання різних текстів до опису товарів, в статті, новини та інші текстові поля, а також для форматування тексту в кабінеті компанії/покупця використовується візуальний редактор текстів.
Редактор текстів дозволяє виконувати просте форматування тексту, вставляти в текст таблиці, гіперпосилання, зображення та відео ролики.
Цей документ присвячений роботі з редактором текстів. Опис блоків, зазначених на малюнку, дивіться під відповідними номерами нижче.
1. Форматування
Використовуючи інструмент «Форматування», Ви можете виділити певні ділянки опису товару/послуги або статті для їх наочності та залучення уваги потенційного покупця.
Форматування тексту
Зверніть увагу, що застосування стилів H2-H3 рекомендується тільки для підзаголовків другого та третього рівнів в тексті. Застосування цих стилів до всього тексту або великим шматках тексту негативно сприймається пошуковими системами. Створення дублікатів стилів H1 і H2, Назва товару/послуги та Тема на початку опису товару/послуги, також негативно буде сприйнято пошуковими системами.
2. Стилі
Три основні стилі написання тексту (Bold, Italic, Underline):
жирний, похилий, підкреслений - вони визначають те, як буде виглядати текст (у порівнянні з текстом без стилю).
Намагайтеся за можливості не використовувати підкреслений текст, так як підкресленням зазвичай виділяють гіперпосилання.
Стилі тексту
Увага! Дублювання Назви товару/послуги в описі жирним або курсивним шрифтом карається пошуковими системами.
Кнопка «
» дозволяє прибрати (очистити) форматування доданого тексту.
Кнопка «
» скасовує останні дії.
3. «Нумерований та маркований» список
Якщо ви використовуєте в тексті перерахування, рекомендуємо використовувати автоматичний нумерований та маркірований список. Це підвищить наочність його відображення на вашому сайті та скоротить час редагування тексту.
або
4. Вирівнювання
Для виділення або відділення частини тексту від основного, ви можете скористатися функцією вирівнювання тексту по лівому краю (встановлено за умовчанням), по центру або по правому краю.
5. Відступ
Відступ, так само як і вирівнювання, дозволяє вам виділити частину тексту від основного шляхом зміщення тексту вправо на кілька відступів. Використання цього інструменту не завжди коректно сприймається пошуковими системами.
6. Вставка
Блок вставки містить в собі шість важливих інструментів:
- Таблиця
- Посилання
- Зображення
- Відео з YouTube
- Іконка
- Повідомлення
Інструмент «Таблиця»
Дозволяє швидко та наочно розмістити інформацію про ваш товар або послугу. Використовуючи контекстне меню при редагуванні таблиці ви можете:
- вставити осередок ліворуч або праворуч, об'єднати або видалити осередок, розділити осередок по горизонталі або по вертикалі;
- вказати ширину осередку;
- вставити або видалити рядки;
- вставити або видалити колонки.
У «Властивості» таблиці у вас є можливість вказати ширину та висоту таблиці, вибрати «Тема» для таблиці або вписати його, вказати вид «Вирівнювання» тексту.
Інструмент «Посилання»
Дає можливість розмістити активне гіперпосилання, наприклад, з переходом в групу товарів зі статті або новини.
Для додавання посилання вам досить виділити частину тексту й натиснути на кнопку «Посилання». У вікні, що відобразиться, виберіть тип посилання зі списку «Тип посилання», встановіть прапорець «Відкривати у новій вкладці", якщо необхідно, та виберіть протокол зі списку, у разі , якщо він відрізняється від встановленого за замовчуванням. Далі в поле «Посилання» вставте заздалегідь скопійоване посилання.
Інструмент «Зображення»
Дозволяє розмістити зображення певних форматів як в описі товару/послуги, так і в статтях, інформаційних сторінках або новинах компанії. Формати (розширення): JPG, PNG, GIF.
Щоб додати зображення натисніть на кнопку «Зображення». У вікні, виберіть файл із зображенням товару/послуги. Ви також можете вказати «Альтернативний текст»* зображення та «Тему» зображення.
Вкажіть ID товарної позиції, на оформлення замовлення якої перейде користувач, натиснувши на зображення. ID товару це цифри, які необхідно скопіювати з посилання на сторінку цього товару на сайті.
При необхідності ви можете змінити ширину та висоту зображення, а також вказати горизонтальний або вертикальний відступ.
Додавши до зображення активне посилання, що веде до групи товарів, ви поліпшите навігацію по своєму сайту.
Примітка. Якщо Ваші товари розміщуються на Bigl.ua, не рекомендується додавати активні посилання на зображення.
Для обтікання зображення текстом, клікніть на додане зображення та в меню «Вирівнювання» виберіть його розташування: по лівому або по правому краю тексту.
Увага! Зображення, скопійовані з інших програм, не будуть збережені. Додайте зображення, використовуючи інструмент вставки зображень.
Для розміщення GIF-анімації вам досить розмістити такий файл на файлообміннику, а в поле Посилання розмістити посилання на цей файл.
* Альтернативний текст - текст, який дозволяє отримати текстову інформацію про малюнок при відключеному в браузері показі картинок або під час їх завантаження. Такий текст з'являється раніше самого зображення та дає уявлення про його зміст (наприклад, Картата сорочка АРТ 0023-6), після чого зарезервоване порожнє поле замінюється підвантаженою картинкою.
Інструмент «Відео з YouTube»
Додайте відео ролик про вашу компанію або товар/послугу. Розміщення відео-ролика на вашому сайті вимагає його попереднього розміщення на ресурсі «YouTube». У верхньому рядку почніть набирати назву ролика, і Вам буде запропонований список відео з назвою, яка збігається. Перелік відео роликів береться безпосередньо з YouTube. Виберіть один із запропонованих в списку варіантів. При додаванні відео ролика у Вас є можливість вибрати один із запропонованих розмірів, в якому буде відтворюється ролик. Якщо Вам вже відома адреса URL-посилання, вкажіть його безпосередньо у другому рядку.
Також ви можете вказати додаткові налаштування програвача YouTube:
- автовідтворення;
- клавіші управління програвачем;
- програвати відео по колу (список);
- відображати логотип YouTube;
- відтворювати пов'язані відео;
- інформація про відео (назва до початку відтворення).
Зверніть увагу: Автовідтворення відео у клієнта залежить також від налаштувань його пристрої/браузера.
Наприклад, щоб включити автоматичний запуск відео на смартфоні або планшеті, що працює під управлінням операційної системи Android, необхідно натиснути на кнопку «Меню» у верхньому правому куті браузера Google Chrome, після чого вибрати «Налаштування». У з'явилися налаштуваннях слід перейти до розділу «Налаштування сайту» та натиснути на варіант «Медіа», після чого клікнути на «Автовідтворення» та перевести перемикач у активне положення.
Щоб включити автоматичний запуск відео зі звуком в Google Chrome на комп'ютері PC або Mac під управлінням будь-якої операційної системи, необхідно ввести в адресному рядку браузера «chrome://flags/# autoplay-policy», після чого в опції під назвою «Autoplay policy» вибрати варіант «No user gesture is required». Після цього натиснути кнопку «Relaunch Now».
Альтернативний спосіб додавання ролика в опис
- Відкрийте ваш ролик на YouTube та натисніть Поділитися під роликом.
- Виберіть параметр «Вбудувати» та скопіюйте код, який відкриється в новому вікні.
- Перейдіть в кабінет компанії в розділ «Товари та послуги» иа відкрийте необхідний товар для редагування.
- У блоці «Опис» на панелі управління клікніть на «Джерело» та вставте у поле скопійований код.
- Натисніть на «Джерело» ще раз та збережіть зміни.
Інструмент «Вставка іконки»
Для більшої візуалізації та виділення певних ділянок тексту за допомогою інструмента додавання іконки в опис товару/послуги.
Знайшовши необхідну іконку через пошук або перегорнувши список іконок, у Вас є можливість вибрати необхідний розмір та колір для неї. Колір іконки слід вибирати під колір дизайну сайту.
Зверніть увагу, що до іконки можна прив'язати посилання за допомогою інструменту «Посилання».
Інструмент «Вставити повідомлення»
Для виділення певних фрагментів текстів, щоб звернути увагу на важливість цієї ділянки тексту, скористайтеся інструментом «Вставити повідомлення». Після вибору потрібного кольору додайте свій текст.
Примітка. Вкрай не рекомендується використання «веселки», розміщення кількох кольорових блоків, один за одним.
7. Кнопка «Повний екран»
Для розширення області редагованого тексту скористайтеся кнопкою «Розгорнути». Для повернення до віконного режиму, повторно натисніть на цю кнопку.
Увага! Збереження внесених змін є тільки у віконному режимі, в «повноекранному» режимі кнопка «Зберегти» відсутня.
8. Джерело
Інструмент призначений для редагування HTML коду в чистому вигляді. Редактор вихідного коду показує вам код у форматі HTML. Ви можете додати будь-який код, але на сайті компанії та на маркетплейсі будуть відображатися тільки ті можливості форматування тексту (тільки ті HTML теги), які є в редакторі тексту. Тобто, будуть виводитися тільки ті можливості форматування, кнопки для вставки яких є на панелі редактора тексту. Решта, додані через редактор коду теги, будуть приховані на сторінці товару на сайті та в каталозі. Ця можливість потрібна для користувачів, які вміють вставляти HTML-теги.
Примітка. Додавання своїх тегів, які не закладені до синтаксису редактора, може негативно відбитися на сторінці опису товару або іншої сторінки після чергового оновлення маркетплейса.
9. Маркер розширення поля введення
Маркер дозволяє вам збільшити активну область для редагування тексту, не переходячи в повноекранний режим. Вам достатньо зафіксувати вказівник мишки на маркері та потягнути вниз до бажаного розміру вікна.
10. Відновлення раніше введених даних
При редагуванні раніше введених даних в інструменті Редактор текстів, в нижній частині форми відображаються кнопки для створення резервної копії та відновлення резервної копії.
Можна зберігати дані в процесі введення та відновлювати їх у будь-який час. Автозбереження даних відбувається кожні 30 секунд. При бажанні зберегти дані відразу, необхідно натиснути кнопку(1) "Зробити резервну копію зараз".
Увага! Дані зберігаються тільки в браузері на вашому локальному ПК. З інших пристроїв та браузерів функція відновлення раніше введених даних не доступна. Також, при очищенні кеша браузера, збережені дані теж будуть очищені.
Для відновлення даних необхідно натиснути кнопку (2) "Відновити" - відкриється вікно Відновити резервну копію.
У лівій частині вікна відображаються всі збережені копії з інформацією про дату та час збереження, кількістю символів та кількістю слів. В основній частині вікна відображається збережений текст.
Після вибору резервної копії зі списку, необхідно натиснути кнопку "ОК" - у вікні редактора текстів відобразиться збережений текст.
Можна очистити всі резервні копії, натиснувши кнопку "Видалити всі знімки".
Нижня панель інструментів
Розширюючи можливості простого текстового редактора, додана додаткова панель управління.
1. Інструмент «Вставити шаблон»
Щоб текст в описі товару/послуги, статті або новини був цікавіший відвідувачеві вашого сайту, додано кілька шаблонів форматування тексту.
Тепер у вас є можливість:
- Розміщувати картинки з блоками тексту зліва, справа та на всю ширину тексту.
- Додавати блок з таблицею з заголовком на 2 та 3 колонки.
- Створювати список з пунктами.
- Створювати список з 3 та 4 пунктами.
- Додавати блок з логотипами соціальних мереж та додати до них посилання на Ваші групи.
2. Інструмент «Створити таблицю»
У розширеній версії додавання нової таблиці у вас є можливість вибрати колірний шаблон.
Примітка. Не рекомендується використання «веселки» - розміщення текстових або табличних блоків різних кольорів, що слідують один за іншим.
Увага! Щоб скопіювати текст використовуйте комбінації клавіш (Ctrl-C, Ctrl-V, Ctrl-X або Cmd в Mac OS). Не вставляйте текст, що містить форматування. Щоб створити нову інформацію використовуйте «Блокнот» або інший текстовий редактор.