Розділ розсилок

Pixpa дозволяє створити базу передплатників за допомогою розділу «Підписка на розсилку», який можна додати на будь-яку сторінку вашого веб-сайту або в розділ «Попередній колонтитул». Дивіться в дії.

Усі підписки на інформаційні бюлетені зберігаються та доступні в Маркетинг і пошукова оптимізація > Списки електронної пошти розділ студії.

Примітка:

Усі підписки на електронну пошту на веб-сайті будуть доступні в списках розсилки.


У цій статті:


Додайте розділ розсилки на сторінку

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

 

  • Тепер ви побачите категорії розділів на лівій стороні.
  • Виберіть Форми (1) категорію та натисніть на Інформаційний бюлетень вкладка (2), де ви можете вибрати різні макети в Інформаційний бюлетень (3) розділ.

  • Виберіть макет будь-якого розділу та натисніть на нього, щоб додати його на свою сторінку.

Керування полями розділів

Після додавання розділу:

  • Натисніть на Редагувати поля (1) кнопка.

  • У вас буде можливість керувати кнопкою, опублікувати повідомлення про успішне надсилання та HTML.
  • Зберегти (2) зміни.
  • Поле електронної адреси залишиться у формі за замовчуванням.


Вміст інформаційного бюлетеня

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

  • Вкажіть Заголовок розділу (4) для цього розділу.


Керувати макетом

  • Натисніть на Редагувати Поля кнопку (1).

  • Виберіть макет вкладка (2).
  • Виберіть потрібний розташування (3) для вашого розділу та Зберегти (4) зміни.


Розділ розсилки стилю

  • Натисніть Редагувати поля (1) кнопка.

  • Виберіть стиль (2) вкладка.
  • Змініть стиль для елементів розділу та Зберегти (3) ваші зміни.

Стилізація розділу є важливим аспектом створення візуально привабливого та зручного для користувача досвіду.

Ви матимете кілька варіантів стилю для розділу: 


Поля форми

Pixpa дозволяє ви до повністю налаштувати зовнішній вигляд of ваш форму полів. Ці моделювання опції застосовувати до всі вхід поля in ваш fорм та дати ви великий контроль над як ваш форму виглядає та почуває on ваш .

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


Вирівнювання

  • Керуйте вирівнюванням вмісту форми по горизонталі з Горизонтальне вирівнювання (1).
  • Керуйте вирівнюванням вмісту форми по вертикалі з Вертикальне вирівнювання (2).


текст


Відстань

  • Вкажіть Зображення ширини (1) зображення у формі у відсотках.
  • Вкажіть Простір під заголовком (3) у Px.
  • Вкажіть Відстань між зображенням і текстом (3) у відсотках.
  • Вкажіть Пробіл під заголовком (4) у відсотках.


Headline

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


зображень

  1. Обрізання зображення: Виберіть Iмаг Кроп для елементів списку. Ви можете встановити зображення як квадрат, коло, горизонталь, портрет і оригінальне.
  2. Радіус кута: Виберіть загальний радіус кута або інший радіус кута для кожної сторони елементів списку та встановіть число (у пікселях) для Cкутовий радіус зображень елементів списку. Більше інформації.
  3. Анімація наведення курсора: Виберіть Анімація зображення розділу при наведенні курсора, увімкнувши перемикач. Перевірте цю функцію на живій сторінці.
  4. Стиль анімації: Виберіть Стиль анімації для зображення, коли курсор наведено на них.
  5. Форма маски: Увімкніть цей перемикач, щоб застосувати маску форми до зображень у розділі «Список зображень». Після ввімкнення вибрана фігура візуально закріпить зображення в цій формі.
  6. Виберіть форму: Вибирайте з різноманітних попередньо визначених форм для застосування до своїх зображень. Це дозволяє творчо стилізувати ваш вміст, відображаючи зображення в унікальних формах, як-от закруглені, ромбові, краплі тощо.

Чайові

Використання кутовий радіус ви можете створювати різні форми зображень елементів списку. Якщо ви вкажете тут 500 пікселів, зображення відображатимуться у формі кола.

  • Якщо ви вибрали розділені кути, ви можете встановити різний радіус кута для кожного кута.


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

  1. Увімкнути/вимкнути рамку навколо зображення, перемикаючи перемикач.
  2. Виберіть мати a спільний кордон з усіх боків зображення або ви можете вказати межі окремо для кожної сторони.
  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) і клацніть його, щоб перейти до колонтитула.
  • Зробіть колонтитул Active бути видимими на ваших сторінках.
  • Натисніть на вид у верхньому лівому куті, щоб переглянути активний сайт.

Дивіться в дії: 

Також перевірте: Додати колонтитул до сайту.


Експорт підписок на розсилку

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

  • Enter Списки електронної пошти (1) на панелі пошуку.
  • Ви побачите відповідні результати.
  • Натисніть на Списки електронної пошти варіант (2) під Посилання на студію. 

  • Усі підписки на електронну пошту на веб-сайті будуть доступні в списках розсилки. 
  • Перейдіть до Дії (3) і натисніть на Опція завантаження (4), щоб завантажити списки розсилки.


Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.

Pixpa Studio щойно оновлено. Ми зараз оновлюємо всі скріншоти довідкових статей.