Информационный бюллетень

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

Все подписки на рассылку новостей хранятся и доступны в Маркетинг и SEO > Списки адресов электронной почты часть студии.

Внимание

Все подписки на электронную почту на веб-сайте будут доступны в списках рассылки.


В этой статье:


Добавить раздел новостной рассылки на страницу

  • На страницу можно добавить раздел. Вы можете добавить раздел на уже существующую страницу или создать новую страницу на вашем сайте.
  • На твоей странице, нажмите на синий + значок добавить Новый раздел на вашу страницу.

 

  • Теперь вы увидите опцию категории разделов на левой стороне.
  • Выберите Формы (1) категорию и нажмите на НОВОСТИ вкладка (2), где вы можете выбрать разные макеты НОВОСТИ (3) раздел.

  • Выберите любой макет раздела и нажмите на него, чтобы добавить его на свою страницу.

Управление полями раздела

После добавления раздела:

  • Нажмите на Изменить поля (1) кнопка.

  • У вас будет возможность управлять кнопкой, опубликовать сообщение об успешной отправке и HTML.
  • Сохранено (2) изменения.
  • Поле адреса электронной почты останется в форме по умолчанию.


Информационный бюллетень

  • Загрузить изображение (1) для информационного бюллетеня.
  • Добавить Название (2), и Описание (3) для информационного бюллетеня. Перед добавлением описания проверьте этой статьи.

  • Укажите Заголовок раздела (4) для этого раздела.


Управление макетом

  • Нажмите на Редактировать Поля кнопку (1).

  • Выберите Планировка вкладка (2).
  • Выберите предпочтительный макет (3) для вашего раздела и Сохранено (4) изменения.


Раздел новостей о стиле

  • Нажмите на Изменить поля (1) кнопка.

  • Выберите Стиль (2) таб.
  • Измените стиль для элементов раздела и Сохранено (3) ваши изменения.

Оформление раздела является важным аспектом создания визуально привлекательного и удобного для пользователя интерфейса.

У вас будет несколько вариантов стиля для раздела: 


Поля формы

Pixpa позволяет в полностью настроить Появление of форма полей. Эти моделирование кредита поданного в ВСЕ вход поля in fORM и давать большой контроль за это форма внешность и переживает on

  1. Форма: Выберите форму полей ввода — например, прямоугольную, округлую, таблетку или текст — в соответствии с эстетикой вашего веб-сайта.
  2. Наполните: Включите этот переключатель, чтобы применить цвет фоновой заливки к полям формы.
  3. Базовый цвет: Установите цвет фона полей, если включена опция заполнения.
  4. Outline: Включить или отключить границу (контур) для каждого поля.
  5. Цвет контура: Выберите цвет границы поля, когда контур включен.
  6. Цвет текста поля: Установите цвет текста, вводимого пользователями в поля формы.
  7. Высота: Отрегулируйте высоту полей, выбрав один из вариантов: Маленький, Средний, Большой или Очень большой.
  8. Ярлыки: Выберите, будут ли отображаться подписи полей формы внутри или снаружи поля.
  9. Этикетка Цвет: Определите цвет меток, размещенных за пределами поля.
  10. Цвет внутренней этикетки: Установите цвет для меток, размещенных внутри поля (полезно для меток в стиле заполнителей).
  11. Расстояние между полями: Используйте ползунок, чтобы задать вертикальный интервал (в пикселях) между каждым полем формы.


центровка

  • Управляйте выравниванием содержимого формы по горизонтали от Горизонтальное выравнивание (1).
  • Управляйте выравниванием содержимого формы по вертикали от Вертикальное выравнивание (2).


Текст


Расстояние

  • Укажите Ширина изображения (1) изображения в виде в процентах.
  • Укажите Пространство под заголовком (3) в Пх.
  • Укажите Пространство между изображением и текстом (3) в процентах.
  • Укажите Пробел под заголовком (4) в процентах.


Headline

  1. Горизонтальное выравнивание текст заголовка раздела. Вы можете задать его слева, по центру и справа.
  2. Включить/выключить Делитель между заголовком раздела и содержанием раздела.
  3. Установить толщина разделителя (в пикселях).
  4. Укажите Цвет разделителя из палитры цветов.
  5. Выбрать Стиль разделителя из выпадающего списка.
  6. Установить Ширина заголовка чтобы определить ширину отображения заголовка раздела, начиная с минимального значения 50%.
  7. Укажите Пространство под заголовком внутри раздела (в пикселях).


Фотографии

  1. Обрезка изображения: Выберите Iмаг урожай для элементов списка. Вы можете установить изображения как «Квадрат», «Круг», «Горизонтально», «Портрет» и «Оригинал».
  2. Угловой радиус: Выберите общий радиус угла или разный радиус угла для каждой стороны элементов списка и установите число (в пикселях) для Cугловой радиус изображений элементов списка. Узнать больше.
  3. Анимация при наведении: Выберите Анимировать изображение раздела при наведении указателя мыши, включив переключатель. Проверьте эту функцию на живой странице.
  4. Стиль анимации: Выберите Стиль анимации для изображения при наведении на них курсора.
  5. Маска формы: Включите этот переключатель, чтобы применить маску формы к изображениям в разделе «Список изображений». После включения выбранная форма визуально обрежет изображение в этой форме.
  6. Выберите форму: Выбирайте из различных предопределенных форм для применения к вашим изображениям. Это позволяет вам творчески стилизовать ваш контент, отображая изображения в уникальных формах, таких как закругленные, ромбовидные, каплевидные и т. д.

Tип

Посмотрите на график угловой радиус поле, вы можете создавать различные формы изображений элементов списка. Если вы укажете здесь 500 пикселей, изображения будут отображаться в форме круга.

  • Если вы выбрали разделенные углы, вы можете установить разные радиусы углов для каждого угла.


Граница изображения

  1. Включить/отключить границу по изображению, переключая переключатель.
  2. Выберите, чтобы иметь общая граница на всех сторонах изображения или вы можете указать границы отдельно с каждой стороны.
  3. Укажите ширина подачи границы. Если установлено значение 0, граница не появится. У вас также есть возможность установить ширину границы индивидуально для каждой стороны изображения.
  4. Выберите выделяющий цвет из палитры цветов.
  5. Выберите предпочтительный Стиль обрамления из выпадающего списка.
  6. Обозначить ширина границы для мобильных устройств устройств, выровняв его по ширине, выбранной для рабочего стола.


Кнопка формы

Эти настройки позволяют настраивать кнопку отправки формы в соответствии с дизайном и макетом страницы.

  1. Размер кнопки – Выберите размер кнопки (маленькая, средняя или большая).
  2. Стиль кнопки – Выберите общий стиль кнопки, например «По умолчанию» или «Пользовательский».
  3. Цвет кнопки – Задайте цветовой стиль кнопки. Доступные варианты: «По умолчанию», «Инвертировать» или «Пользовательский».
  4. Текст кнопки – Настройте цвет текста, отображаемого на кнопке.
  5. Фон кнопки – Выберите цвет фона для кнопки.


Кнопки заголовков

Эти настройки управляют внешним видом и расстоянием между кнопками, размещаемыми в заголовке раздела.

  1. Размер кнопки – Выберите общий размер кнопок (Маленький, Средний или Большой).
  2. Расстояние между кнопками – Отрегулируйте расстояние между несколькими кнопками (измеряется в vw).
  3. Пространство над кнопками – Установите вертикальное расстояние над кнопками (измеряется в процентах).
  4. Ширина кнопки – Выберите ширину кнопок. Доступные варианты: «По умолчанию», «Большие», «Очень большие» и «Полная ширина».
  5. Размер текстовой ссылки – Укажите размер шрифта текстовых ссылок, связанных с кнопками (измеряется в пикселях).
  6. Размер кнопки изображения – Отрегулируйте размер кнопок с изображениями (измеряется в пикселях).


Заголовки социальных иконок

Отображение и настройка значков социальных сетей в форме.

  1. Размер значка – Отрегулируйте размер значков социальных сетей (измеряется в пикселях).
  2. Тип значка – Выберите стиль значков, например «Классический», «Сплошной» или «Контурный».
  3. Цвет значка – Выберите цвет значков. Доступны следующие варианты: «Текст ссылки», «Пользовательский» или «Цвет бренда» (оригинальный цвет социальной платформы).
  4. Цвет фона значка – Установите индивидуальный цвет фона для значков, чтобы улучшить их видимость и стиль.


Настройки рассылки

  1. Установить метка кнопки для кнопки отправки формы.
  2. Выберите размер кнопки от малого, среднего и большого.
  3. Выберите стиль кнопки из Solid, Outline и Textlink.
  4. Инвертировать цвет кнопки. Цвет по умолчанию будет применен из Кнопки и ссылки вариант в разделе «Дизайн».

Pixpa позволяет указать сообщение, которое будет отображаться после того, как пользователь отправит форму.

  1. Укажите Опубликовать Отправить успешно сообщение, которое появляется после того, как пользователь отправит форму.
  2. Вы также можете добавить любой скрипт в опубликовать отправить успех HTML пунктом.


Электронная почта об успешном завершении

Отправьте ответ по электронной почте всем, кто подписался на эту рассылку.

  1. Включить/отключить успешное электронное письмо для этого конкретного информационного бюллетеня.
  2. Введите предмет электронной почты.
  3. Введите сообщение об успехе для включения в электронное письмо.


  • Enter верхний колонтитул (1) в строке поиска.
  • Вы увидите соответствующие результаты.
  • Нажмите на Предварительный колонтитул веб-сайта вариант (2) под Ссылки на студию. 

  • Нажмите на синий + значок добавить Новый раздел в вашем префутере.
  • У вас будет категории разделов на левой стороне.
  • Выберите Информационный бюллетень (1) вариант, где вы можете выбрать из разные макеты (2).

  • Выберите макет раздела (2) и нажмите на него, чтобы перейти к нижнему колонтитулу.
  • Сделать префутер Активных быть видимым на ваших страницах.
  • Нажмите на Детали кнопку в верхнем левом углу, чтобы просмотреть сайт в реальном времени.

Смотрите в действии: 

Также проверьте: Добавить пре-нижний колонтитул на сайт.


Экспорт подписок на рассылку новостей

Вы можете экспортировать подписку на рассылку новостей из раздела маркетинга.

  • Enter Списки электронной почты (1) в строке поиска.
  • Вы увидите соответствующие результаты.
  • Нажмите на Списки электронной почты вариант (2) под Ссылки на студию. 

  • Все подписки на электронную почту на веб-сайте будут доступны в списках рассылки. 
  • Перейдите на сайт Действия (3) меню и нажмите на Опция загрузки (4) для загрузки списков рассылки.


Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.

Pixpa Studio только что обновили. В данный момент мы обновляем скриншоты всех справочных статей.