Возможности встроенного текстового редактора
Вы можете использовать возможности встроенного текстового редактора при создании описаний товаров и категорий, а также при написании текстов ваших правовых документов и инструкций по оплате или самовывозу. Так вы сможете лучше структурировать информацию и сделать ее более привлекательной визуально.
Текстовый редактор позволяет вам форматировать абзацы, добавлять изображения, видео и ссылки, менять цвет текста, а также его размер и шрифт, создавать списки и таблицы и многое другое. Эти возможности помогут вам улучшить дизайн вашего Эквид-магазина и повысить удобство покупателей.
Используйте полноэкранный режим
Чтобы у вас было больше места для редактирования текстов, вы можете воспользоваться полноэкранным режимом. Для перехода в него нажмите на значок Во весь экран в правом верхнем углу текстового редактора.
Чтобы выйти из полноэкранного режима, нажмите на значок еще раз.
Применяйте форматирование
С помощью форматирования вы сможете лучше структурировать текст и выделить важную информацию. Также его можно использовать, чтобы, например, оформить цитаты из отзывов на ваши товары с помощью кавычек.
Наш текстовый редактор поддерживает пять типов форматирования:
- Обычный текст (Arial, 14px)
- Заголовок 1
- Заголовок 2
- Заголовок 3
- Цитата
Чтобы применить форматирование к абзацу, поместите курсор на него и нажмите на значок ¶ («Форматирование») в левом верхнем углу текстового редактора. После этого выберите нужный вам вариант из списка.
Меняйте начертание
Текстовый редактор поддерживает полужирный, курсивный, подчеркнутый и зачеркнутый текст.
Все кнопки, которые отвечают за начертание текста, расположены в левом верхнем углу редактора:
- B («Полужирный») делает текст полужирным
- I («Наклонный») делает текст наклонным
- U («Подчеркнутый») делает текст подчеркнутым
-
S(«Зачеркнутый») делает текст зачеркнутым
Начертание текста можно изменить двумя способами.
Во-первых, вы можете выделить фрагмент текста и нажать на соответствующую кнопку в меню редактора. Шрифт для этого конкретного фрагмента изменится.
Во-вторых, вы можете нажать на соответствующую кнопку в меню редактора и начать печатать. Текст, который вы наберете, будет иметь нужное начертание. Чтобы вернуться к исходным настройкам, нажмите на кнопку еще раз.
Вставляйте изображения
Вы можете загружать изображения с вашего устройства, чтобы вставить их в текст. Перед загрузкой убедитесь, что изображения в формате, который поддерживает Эквид — JPG, BMP, PNG или GIF. Максимальный размер изображения — 10 Мб.
Чтобы вставить изображение, нажмите на соответствующий значок в меню редактора, а потом просто перетащите в окошко нужный файл — или кликните Выберите файл, а потом Открыть.
Файл будет загружен автоматически и появится в поле текста. Нажмите два раза на изображение, чтобы изменить его размер.
Вставляйте видео
Чтобы лучше показать ваш товар и помочь покупателям сделать выбор или чтобы проиллюстрировать вашу инструкцию, вы можете вставить в текст видео с Youtube или Vimeo.
Чтобы вставить видео в текст:
- Нажмите на значок видео в меню редактора.
- Вставьте код видеоролика или ссылку на него.
- Нажмите Вставить.
Видео появится в поле текста автоматически.
Также вы можете просто вставить адрес видеоролика или его код прямо в окно ввода текста.
Вставляйте ссылки
Вы можете вставлять активные текстовые ссылки на внешние сайты или на страницы/файлы из вашего Эквид-магазина. Эти ссылки будут открываться в той же вкладке или в новой (в зависимости от того, какой вариант вы выберете).
Чтобы вставить в текст активную ссылку:
- Нажмите на значок ссылки в меню редактора, а потом кликните Вставить ссылку.
- Вставьте адрес вашей ссылки в поле URL и дайте ее описание в поле Текст.
- (По желанию) Поставьте галочку в поле Открывать в новой вкладке.
- Нажмите Вставить.
Также вы можете выбрать фрагмент уже набранного текста и нажать на значок в меню, чтобы добавить к тексту ссылку. Чтобы снять с текста ссылку, нажмите Удалить ссылку.
Создавайте таблицы
Текстовый редактор позволяет вам создавать таблицы. Вы можете дополнительно отредактировать вашу таблицу после создания, добавив или удалив колонки и/или заголовок. В ячейки таблицы можно вставлять как обычный текст, так и видео, картинки, ссылки и т. д.
Чтобы вставить таблицу в текст:
- Нажмите на значок таблицы в меню редактора, а потом выберите Вставить таблицу.
- Выберите число строк и столбцов и нажмите Вставить.
- (По желанию) Добавьте заголовок и/или дополнительные строки или столбцы с помощью меню редактора.
- Заполните таблицу.
Также вы сможете дополнительно отредактировать таблицу позже. Чтобы удалить таблицу, нажмите на значок таблицы в меню редактора, а потом нажмите Удалить таблицу — или просто поместите курсор справа от таблицы и нажмите Backspace.
Используйте настройки шрифтов
С помощью текстового редактора вы можете установить цвет текста и цвет фона текста, а также размер букв и шрифт, подходящие к дизайну вашего магазина.
- Нажмите Цвет текста, чтобы выбрать цвет для букв в вашем тексте:
- Нажмите Заливка текста, чтобы выбрать цвет для фона букв в вашем тексте:
- Нажмите Размер шрифта, чтобы выбрать размер букв в вашем тексте:
Выберите Размер по умолчанию, чтобы вернуться к исходному размеру текста (14px). - Нажмите Шрифт, чтобы выбрать, каким шрифтом будет написан ваш текст:
Выберите Шрифт по умолчанию, чтобы вернуться к исходному шрифту текста (Arial).
Цвет, размер и шрифт текста можно изменить двумя способами.
Во-первых, вы можете выделить фрагмент текста и нажать на соответствующий значок в меню редактора. Настройки для этого конкретного фрагмента изменятся.
Во-вторых, вы можете нажать на соответствующий значок в меню редактора и начать печатать. Текст, который вы наберете, будет иметь нужные настройки. Чтобы вернуться к исходным настройкам, нажмите на значок в меню еще раз.
Чтобы покрасить текст в цвета, которых нет в стандартной палитре текстового редактора, вы можете отредактировать текст в HTML.
Применяйте к тексту выравнивание
В текстовом редакторе доступны четыре типа выравнивания:
- По левому краю
- По центру
- По правому краю
- По ширине
Чтобы изменить выравнивание, поместите курсор на соответствующий абзац, а после нажмите кнопку Выравнивание в меню редактора и выберите нужный вариант.
Задавайте межстрочный интервал
Вы можете контролировать размер межстрочного интервала — делать его больше или меньше. От этого зависит, насколько растянутым будет выглядеть текст.
При нажатии на Enter перенос строки будет применяться, как к новому абзацу, и межстрочный интервал будет большим по высоте.
При нажатии на Enter + Shift межстрочный интервал будет меньшим по высоте.
Вставьте горизонтальную линейку
Если вы хотите разделить абзацы в вашем тексте с помощью горизонтальной линии, то вы можете использовать для этого кнопку Горизонтальная линейка в меню редактора.
Можно добавить несколько горизонтальных линеек подряд, чтобы сделать разделение более явным. Чтобы удалить линейку, поместите курсор справа от нее и нажмите Backspace.
Создавайте списки
С помощью текстового редактора можно создавать обычные и нумерованные списки. Первый вариант использует маркеры для обозначения пунктов списка, второй — цифры.
- Нажмите Обычный список в меню редактора, чтобы создать список, пункты в котором обозначены маркерами. Чтобы создать новый пункт, нажмите Enter. Нажмите Enter дважды, чтобы закончить список.
- Нажмите Нумерованный список в меню редактора, чтобы создать список, пункты в котором обозначены цифрами. Чтобы создать новый пункт, нажмите Enter. Нажмите Enter дважды, чтобы закончить список.
Используйте отступы
Чтобы визуально выделить некоторые абзацы, вы можете использовать отступы. Отступы позволяют вам изменять положение левого края абзаца, т. е. место, где он начинается.
Нажмите Увеличить отступ в меню редактора, чтобы сдвинуть левую границу абзаца вправо. Действие можно повторять столько раз, сколько вы хотите. Чтобы отменить изменения, нажмите Уменьшить отступ или Backspace (если курсор стоит перед началом абзаца).
Нажмите Уменьшить отступ в меню редактора, чтобы сдвинуть левую границу абзаца влево. Так вы сможете отменить изменения, которые внесли с помощью кнопки Увеличить отступ.
Добавляйте свёрнутые блоки (только для описаний товаров)
С помощью свёрнутых блоков (их также называют «аккордеон») вы можете разделить описания товаров на компактные секции, которые сворачиваются/разворачиваются простым нажатием. Так описания ваших товаров всегда будут выглядеть аккуратно, какими бы подробными они ни были, а покупателям легко будет найти нужную информацию.
В блоки можно добавлять текст с любым форматированием, изображения, видео, таблицы и т. д.
Чтобы добавить свёрнутый блок в описание товара:
- Нажмите на кнопку Свёрнутый блок текста в меню редактора:
- Введите название блока. Например, «Ткань и уход».
- Под названием разместите контент, который хотите спрятать внутри блока.
- (по желанию) Повторите процесс, чтобы добавить больше свёрнутых блоков на страницу товара. Например, вы можете дополнительно создать блок «Размер и посадка» и блок «Описание» с общей обзорной информацией.
Готово! Теперь информация о товаре будет отображаться в виде блоков с заголовками, на которые покупатели смогут нажать, чтобы увидеть содержимое.
Вот как может выглядеть описание со сворачиваемыми блоками на странице товара:
Редактируйте тексты в HTML
Для продвинутых пользователей, которые хотят редактировать исходных код текста, в нашем текстовом редакторе есть HTML-режим. Чтобы перейти в него, нажмите на значок <> в правом верхнем углу редактора:
Ниже вы найдете несколько примеров того, что можно сделать, отредактировав код текста в HTML.
Вы можете сделать так, что по клику на картинку будет открываться ссылка. Она может вести как на страницу в вашем магазине, так и на внешний сайт. Например, если вы проводите распродажу, вы можете добавить на главную страницу магазина баннер, который будет вести прямо в категорию товаров со скидкой.
Допустим, вы хотите добавить ссылку на “https://www.ecwid.ru/” к вашему изображению.
Чтобы добавить ссылку к изображению:
- Кликните на соответствующий значок в меню редактора и загрузите изображение.
- Перейдите в HTML-режим и найдите ваше изображение:
Вас интересует фрагмент <img src=”...”>. - Вставьте <a href="https://www.ecwid.ru/"> прямо перед <img scr=”...”> и </a> сразу после него.
Вместо https://www.ecwid.ru/ вставьте в <a href=""> ссылку, которая нужна вам. - Выйдите из HTML-режима, чтобы проверить изменения.
Вы можете покрасить текст в цвета, которых нет в стандартной палитре текстового редактора. Все, что вам будет для этого нужно – это код RGB вашего цвета (его вы можете посмотреть в любом калькуляторе цветов).
Допустим, вы хотите сделать текст «Распродажа!» ярко-красным.
Чтобы изменить цвет вашего текста:
- Напечатайте текст в окне редактора.
- Для облегчения задачи, измените цвет нужного фрагмента текста на один из доступных в текстовом редакторе цветов.
- Перейдите в HTML-режим и найдите там ваш текст:
Вас интересует фрагмент “color:rgb (149, 55, 52);” - Измените цифры в скобках на код RGB, который соответствует цвету текста, который вы хотите задать. В данном случае — «ярко-красный» — введите (255, 0, 0) вместо (149, 55, 52).
- Выйдите из HTML-режима, чтобы проверить изменения.
Не забудьте нажать Сохранить, когда закончите редактировать текст.