Обучително видео - 11 стъпки Как да създадете имейл бюлетин за Черен петък - Seliton Дизайн Конструктор за имейл бюлетини

Скъпи клиенти,

В това видео ще създадем един нов бюлетин, като започваме от готов шаблон. Добавяме нова кампания, въвеждаме заглавията на бюлетина и избираме шаблона.

Стъпка 1 - Навигационна лента Navbar

1.1 - Тук започваме да редактираме най-горния блок, Навигационната лента, във системата тя се казва Навбар. Компонентът Навбар ни позволява да добавяме линкове към магазина. Показвам пример за добавяне на линкове към категориите. За целта от лявата колона, от настройките на компонента, използвам ”Заглавие” и “URL” полето.

1.2 - Можете да изтриете блоковете които не желаете в дизайна. Във този дизайн предпочитам да изтрия този блок.

Стъпка 2 - Лого

2.1 - Следващият блок е “Лого”. Добавяме лого, и ако се нуждаем оразмеряваме.

2.2 - Логото ни е с тъмен цвят, затова предпочитам да направя бекграунд цвета на блока бял. Време е да запазя промените, отивам най-горе, най-дясно и използвам синия бутон.

Стъпка 3 - Текст BLACK FRIDAY SALE

Минавам на следващ блок, с текст Black Friday. Текстовете и цвета може да се редактират, в този дизайн предпочитам да ги изтрия.

Стъпка 4 - Банер (рекламно изображение и текст)

В следващия блок имате Рекламен текст, Вие може да го редактирате или да добавите нова картинка.Ако желаете друго рекламно послание, може да изтриете този блок и да си добавите ново изображение. За целта добавяме празен блок. Отиваме в лявата колона със инструменти, избираме компонент “Снимка”, и с влачене на мишката го поставяме вътре в празния блок, след това качваме новия файл.

Стъпка 5 - Текст и заглавие

Следващият блок отново е текстов блок. В този блок може да редактирате или изтриете промо текста. Като пример изтривам втория ред и редактирам първия.

Стъпка 6 - Добавяне на продукти

6.1 - Следваща стъпка е да добавим продукти. Започвам с добавяне на празен блок. След което от лявата колона с инструменти избирам Компонент “Продукт”, и с влачене на мишката го поставям вътре в празния блок.

6.2 - Добавяме продукти от магазина

6.3 - Избираме подходящия стил за показване на продуктите.

Стъпка 7 - Компонент с колони

7.1 - В следващия блок ще работим с колони. Тук ще изтрием една колона за да постигнем дизайн със две колони.

7.2 - Сега погледнете наляво, от настройките на блока можете да редактирате и изтриете колони добавени в него.
Друга опция за изтриване е, да задържите курсора върху колоната, и да използвате "Изтрий" бутона.

7.3 - След като изтрием ненужните колони ни остават три колони. Двете са главни, едната е за задаване разстояние между колоните. Обърнете внимание, общият размер на колоните трябва да е сто процента.

Стъпка 8 - Банер с 2 колони

8.1 - Следващия блок може да използвате за добавяне на изображения за категории, марки, продукти или промоции. Отивам в Настройки, след което от лявата колона с инструменти качвам нова снимка.

8.2 - Сега започвам да редактирам текста. Можем да стилизираме текста от горната лента със инструменти. Погледнете нагоре в страницата. За да се появи тази лента с инструменти първо трябва да изберем текста който желаем да редактираме. Например, сега ще променим височината между редовете, шрифта и цвета на текста.

8.3 - Минаваме на следващия компонент “Бутонът”. Тук ще добавим линк на бутона и на картинката. За целта от лявата колона от настройките на елемента използваме URL полето.

Стъпка 9 - Дублиране

Една полезна функционалност която ни помага да спестяваме време е бутона за дублиране. Кликате в бялото пространство, тогава излизат нови инструменти, и използвате иконката за Дублиране. След като дублираме блока, със бутона за преместване можем да го преместим в друго място.

Стъпка 10 - Продуктова секция с индивидуален дизайн

10.1 - Във тази част имаме продуктова секция с персонализиран дизайн. . Вие може да добавяте продукти, ръчно, чрез редактиране на: изображения, заглавия, цени и линкове.

10.2 - в този дизайн предпочитам да го изтрия.

Стъпка 11 - Други текст блокове

По желание можете да редактирате или изтриете останалите секции със подобни методи.

Стъпка 12 - Социални медии

12.1 - Другият ни полезен компонент се казва Social, използваме го за задаване връзки към социални мрежи. От лявата колона с настройки може да въвеждаме линкове и реда на показване.

12.2 - Също така можем да добавим нови, и да изтрием ненужните.