Фігури#

Shapes — це статичні шари в графічному шаблоні Feed Image Editor, які дають змогу вставляти в товарні зображення геометричні елементи, як-от коло і прямокутник. Ці фігури слугують ідеальними мітками-підкладками під елементи CTA, як-от тексти, ціни, логотипи або іконки знижок, і так забезпечують чудову читабельність рекламних повідомлень на будь-якому фоні товару.

Налаштування шару#

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

Текст#

У фігуру можна вписати будь-який статичний текст. У налаштуваннях шару легко зміните тип шрифту (font), його накреслення (наприклад, Regular), колір, розмір у пікселях, вирівнювання і відстані між літерами. Є й можливість активувати Text wrapping.

Заливка#

За допомогою заливки налаштуєте колір фігури. Можна вибрати однотонну заливку (за допомогою HEX-коду або брендової палітри) або вибрати градієнт.

Обведення#

Параметр Border додає навколо фігури контур заданого кольору і товщини. Колір обведення вводиться як hex-код. Товщина обведення налаштовується в полі Border width.

Ефекти#

  • Віддзеркалення – додає під фігуру її дзеркальне відображення.

  • Тінь – додає позаду фігури відкинуту тінь.

Позиція та розміри#

  • Position – координати X і Y визначають розташування шару на полотні в пікселях. Шар можна перемістити також перетягуванням безпосередньо на полотні.

  • Dimensions – ширина і висота фігури в пікселях.

  • Rotation – поворот шару в градусах, який налаштовується повзунком або числом.

Типові випадки використання#

  • Мітка з текстом (CTA) – вставлення кольорового прямокутника з текстом CTA, наприклад „Акція“ або „Безкоштовна доставка“, щоб миттєво привернути увагу.

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

Часті запитання#

Чи можу я вставити у фігуру і динамічний елемент із фіду (наприклад, ціну)?#

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

Як зробити фігуру-підкладку напівпрозорою?#

Прозорість налаштуєте безпосередньо у виборі кольору в полі Fill. Під час введення HEX-коду або вибору з палітри можна пересунути повзунок прозорості.

Що станеться із вписаним текстом, коли я сильно зменшу фігуру?#

Якщо ви зменшите розміри фігури так, що текст у неї не вміститься, текст вийде за її межі. Рекомендуємо підлаштувати розмір шрифту.