Поставки на Stripo уредувачот на е-пошта со влечење и пуштање

Published: 22 октомври 2024 г. · Last updated: 21 јули 2026 г. · By Marcus Biel

На десната страна од уредувачот на е-пошта на Maildroppa ќе ја најдете Колоната со поставки за е-пошта, која нуди алатки што ви помагаат да ја структурирате и приспособите содржината и изгледот на вашата е-пошта. Оваа колона е поделена на две јазичиња: Содржина и Изглед.

Јазиче „Содржина“

Јазичето Содржина е местото каде што ја дизајнирате и организирате содржината на вашата е-пошта. Содржи два главни делови: Структури и Блокови.

1. Структури

Структурите го дефинираат распоредот на вашата е-пошта со организирање на содржината во редови и колони. Можете да изберете од различни однапред дизајнирани распореди, како што се:

• Една колона
• Две колони
• Повеќе колони

Не сте ограничени само на овие опции — можете да комбинирате повеќе блокови за да создадете каков било приспособен распоред, што ви овозможува целосна флексибилност според вашите дизајнерски потреби.

• Влечење и пуштање: Едноставно повлечете структура од овој дел и пуштете ја во работната површина за дизајнирање на е-поштата за да започнете со додавање содржина.
• Приспособување: Откако ќе додадете структура, можете да ја пополните со различни блокови со содржина, како слики, текст или копчиња.

2. Блокови

Блоковите се елементите со содржина што ги поставувате во структурите за да ја изградите вашата е-пошта.

Достапни се следниве типови блокови:

• Слика: Прикачувајте слики (PNG, JPG, GIF) и приспособувајте го нивниот изглед.
• Текст: Додавајте и форматирајте текст за да ја пренесете вашата порака.
• Копче: Додавајте копчиња на кои може да се кликне, со приспособлив текст, врски и стилови.
• Растојание: Вметнувајте празен простор за да го приспособите распоредот помеѓу другите блокови.
• Видео: Вметнувајте видео-содржина од платформи како YouTube, Vimeo и други.
• HTML: Додавајте приспособен HTML и CSS-код за напредно приспособување на содржината на е-поштата.

Секој блок е дизајниран да биде флексибилен и приспособлив, овозможувајќи ви да креирате е-пошта што се усогласува со изгледот и стилот на вашиот бренд.

Детално објаснување на блоковите со содржина

Блок за слика

Блокот за слика во уредувачот на е-пошта на Stripo со влечење и пуштање ви овозможува да додавате и приспособувате слики во вашата кампања за е-пошта.

Додавање блок за слика

Можете да додадете блок за слика во вашата е-пошта на два начина:

Опција 1

Поставете го курсорот над областа „Пуштете ја содржината овде“ во една структура, а потоа кликнете на иконата за слика. Со тоа избраната структура веднаш ќе се претвори во блок за слика.

Опција 2

Одете во делот Блокови под јазичето Содржина. Повлечете го блокот за слика во посакуваната структура во распоредот на вашата е-пошта. Овој метод ви дава поголема контрола врз точната позиција на сликата.

Прикачување слика

Откако ќе го додадете блокот за слика, имате два начина да прикачите слика:

Влечење и пуштање

Можете директно да повлечете и пуштите датотека со слика (PNG, JPG, GIF) од вашиот компјутер во полето за прикачување што се појавува во блокот за слика.

Прикачување од компјутер

Алтернативно, можете да кликнете на иконата облак во блокот за слика за да го отворите прелистувачот на датотеки и да изберете слика од вашиот компјутер (до 2 MB). Откако ќе ја изберете, сликата ќе се појави и во блокот и во јазичето за содржина десно.

Менување на сликата

За да ја замените сликата, користете ја опцијата Промени ја сликата во јазичето за содржина. Кликнете на кружната икона Промени ја сликата, која ќе ви овозможи да прикачите нова слика или да поврзете слика од надворешен URL.

Уредување на сликата

Откако ќе прикачите слика, можеби ќе сакате да направите дополнителни измени директно во платформата. Вградениот Уредувач на слики на Stripo ви овозможува да ги подобрите и приспособите сликите без да го напуштите уредувачот на е-пошта.

Пристап до уредувачот на слики

1. Откако ќе се прикачи слика, кликнете на копчето Уреди ја сликата. Со тоа се отвора интерфејсот на уредувачот на слики.
2. Уредувачот нуди широк спектар алатки, прикажани во горната лента со менија.

Достапни алатки за уредување слики

• Филтри Применете различни филтри со еден клик, како што се:

  • Сиви тонови
  • Црно-бело
  • Изострување
  • Инвертирање
  • Сепија
  • Осветленост
  • Боја

• Промена на големината Приспособете ги димензиите на сликата. Можете да:

  • Одредите конкретна ширина и висина.
  • Го задржите соодносот на страните.

• Отсекување Изберете дел од сликата што сакате да го задржите и отстранете ги несаканите делови.

• Трансформирање Ротирајте ја или превртете ја сликата:

  • Хоризонтално
  • Вертикално

• Цртање Користете ја алатката за цртање за да додадете елементи со слободна рака, како линии или приспособени форми, врз вашата слика.

• Текст Додавајте текст директно на сликата. Приспособете:

  • Фонт
  • Големина
  • Боја
  • Порамнување

• Форми и налепници Подобрете ја сликата со додавање:

  • Однапред изработени форми
  • Забавни налепници

• Рамки Изберете од понудените рамки за да ѝ дадете стилска граница на сликата.

• Аголни рабови Приспособете го стилот на аглите за уреден изглед.

• Позадина Отстранете ја или заменете ја позадината на сликата за почист изглед.

Зачувување на измените

Откако ќе ги направите посакуваните промени, кликнете на копчето Зачувај во горниот лев агол на уредувачот. Уредената слика автоматски ќе ја замени оригиналната во распоредот на вашата е-пошта.

Поставки за сликата

Откако ќе ја прикачите сликата, можете да ја приспособите со помош на опциите за поставки на сликата, достапни во јазичето „Содржина“ од десната страна.

Врска

Додајте врска на сликата. Можете да изберете од различни типови врски, како што се:

• Веб-страница (HTTP, HTTPS)
• Пошта (mailto:)
• Датотека (ftp)
• Споделување на социјални мрежи (Facebook, X (порано Twitter), LinkedIn, Pinterest)

Овие опции се наоѓаат во паѓачкото мени за поставки на врската.

Алтернативен текст

Додајте алтернативен текст што ќе се прикажува ако сликата не се вчита. Овој текст е корисен и за пристапност, бидејќи им овозможува на читачите на екран да ја опишат сликата на примателите со оштетен вид.

Порамнување

Изберете како сликата треба да биде порамнета во нејзиниот контејнер. Можете да ја порамните Лево, Во средина или Десно.

Големина

Рачно приспособете ги ширината и висината на сликата со помош на копчињата плус/минус или со внесување на посакуваните димензии.

Можете и да ја активирате опцијата „Приспособи на ширината“ за сликата автоматски да ја исполни целата ширина на контејнерот.

Респонзивна слика

Овозможете ја опцијата „Респонзивна слика“ за да се осигурите дека сликата се приспособува на различни големини на екранот, особено на мобилни уреди.

Внатрешна маргина

Приспособете ја внатрешната маргина околу сликата за да контролирате колку простор има помеѓу сликата и околната содржина. Можете да примените иста маргина на сите страни или да ја приспособите за секоја страна (Горе, Долу, Лево, Десно).

Сидрени врски

Можете да доделите сидрена врска на сликата, што ќе им овозможи на примателите да преминат до одреден дел во истата е-пошта кога ќе кликнат на сликата. Сепак, имајте предвид дека сидрените врски можеби нема да работат во одредени клиенти за е-пошта, како Gmail и Apple Mail.

Блок за текст

Подобрете ги вашите текстуални блокови со приспособување на нивниот изглед и функционалност преку следниве поставки. Секоја опција ви овозможува прецизно да го прилагодите начинот на кој се прикажува текстот, за совршено да се усогласи со вашите дизајнерски преференции.

Лента со алатки за текст

Кога ќе кликнете во текстуален блок, над областа со содржина се појавува Лентата со алатки за текст, која овозможува брз пристап до многу вообичаени опции за форматирање текст. Достапни се следниве функции:

1. Формат на пасус

Поставете го стилот на пасусот со избирање опции како Нормален за обичен текст или различни нивоа на наслови (Наслов 1 до Наслов 6) за создавање структурирана хиерархија во вашата е-пошта. Ова ја прави содржината почитлива и поорганизирана.

2. Фамилија на фонтови

Стандардниот фонт е Arial, но можете да изберете од различни фонтови, вклучувајќи ги вообичаените опции како Georgia, Helvetica и Courier New. Достапна е и функција за пребарување за брзо наоѓање конкретен фонт.

3. Големина на фонтот

Приспособете ја големината на фонтот од 8pt до 72pt. Стандардната вредност е 14pt, што одговара за најголемиот дел од основниот текст во е-поштата. Користете го паѓачкото мени за брзо поставување на посакуваната големина.

4. Стилизирање на текстот

Стилизирајте го текстот со следниве опции:

• Задебелено (B): Го нагласува текстот со задебелување.
• Курзив (I): Го прикажува текстот во курзив за постилизиран изглед.
• Подвлечено (U): Го подвлекува текстот, што најчесто се користи за хиперврски.
• Прецртано (S): Повлекува линија низ текстот, корисно за измени или отстранета содржина.

5. Напредно стилизирање на текстот (мени со три точки)

Со кликнување на трите точки во лентата со алатки се прошируваат дополнителни опции:

• Индекс: Го спушта текстот под основната линија (корисно за фусноти или хемиски формули).
• Експонент: Го подигнува текстот над основната линија (најчесто се користи за експоненти или редни броеви).
• Отстрани го форматирањето: Го отстранува применетото форматирање и го враќа текстот на неговиот стандардeн стил.

6. Боја на текстот и позадината

• Боја на текстот: Кликнете на копчето за боја на текстот за да изберете од палета или внесете hex-код за прецизна контрола на бојата.
• Боја на позадината: Изберете боја за позадината (нагласувањето) на текстот.

7. Порамнување на текстот

Порамнете го текстот во блокот:

• Порамни лево: Го порамнува текстот лево.
• Во средина: Го поставува текстот во средина.
• Порамни десно: Го порамнува текстот десно.
• Обострано: Рамномерно го распоредува текстот по ширината на блокот.

8. Листи

Креирајте нумерирани и ненумерирани листи:

• Вметни/отстрани листа со точки: Додава или отстранува точки.
• Вметни/отстрани нумерирана листа: Додава или отстранува нумерирана листа.

9. Пренесување на редови

Овозможете или оневозможете пренесување на редови во текстуалниот блок. Кога е овозможено, долгите редови текст автоматски преминуваат во следниот ред.

10. Вовлекување

Приспособете го вовлекувањето на текстот:
- **Зголеми вовлекување**: Го оддалечува текстот од маргината, што е корисно за подточки или цитати.
- **Намали вовлекување**: Го намалува вовлекувањето и го приближува текстот до левата маргина.
![Вовлекување на текстот](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Вметни хиперврска

Научете како да додавате, уредувате и управувате со хиперврски во содржината на вашата е-пошта.

Чекори за додавање или уредување врска

а) Означете го текстот

Изберете го текстот што сакате да го претворите во хиперврска.

б) Кликнете на иконата за врска

Во Лентата со алатки за текст, кликнете на Иконата за врска.

в) Уредете ја врската во панелот за поставки

Ќе се појави Десниот панел за поставки со опции за врската:

• Поле за врска: Внесете го URL-от или изберете од однапред дефинирани опции.
• Ознака: Додајте ознаки за означување претплатници или активирање автоматизации.

Поправање врски по испраќањето

Нема ништо полошо од тоа да испратите нова кампања до вашите 2,365 претплатници, а потоа да откриете дека една од врските е неисправна поради обична печатна грешка. Збогум, продажби за Black Friday!

За среќа, овозможивме поправање на неисправните врски — дури и откако е-поштата веќе им била испратена на претплатниците.

а) Прегледајте ја кампањата

Пронајдете ја испратената кампања во прегледот, кликнете на трите точки и изберете Прегледај ја кампањата.

б) Изменете ги врските или ознаките

Скролувајте до листата со врски во деталите за кампањата за да:

• Ги ажурирате целите на врските: Поправите неточни URL-адреси.
• Управувате со ознаките: Додавате или отстранувате ознаки за автоматизации.

Забелешка: Проверете дали Следењето кликови е овозможено во поставките на кампањата за да ја користите функцијата за пренасочување на врски.

Приспособување на изгледот на врските

Во Десниот панел за поставки можете да го приспособите изгледот на врската:

• Боја на врската: Изберете боја или внесете hex-код.

• Подвлекување на врските: Овозможете или оневозможете подвлекување за почист изглед.

12. Ознаки за персонализација

Користете ги Ознаките за персонализација за да додадете динамична содржина, како што се името на примателот или други приспособени полиња.

• Пристапете до паѓачкото мени Ознаки за персонализација во лентата со алатки за да изберете вообичаени полиња како Име, Е-пошта или Земја, или дефинирајте приспособени полиња за да ги прилагодите е-поштите за секој примател.

13. Емоџиња

Додајте визуелна привлечност на текстот со вклучување емоџиња.

• Кликнете на Иконата за емоџиња во лентата со алатки за да отворите категоризиран список со емоџиња за лесно пребарување.
• Забелешка за компатибилност: Тестирајте ги е-поштите во одредени клиенти, како Outlook, бидејќи некои можеби нема правилно да ги прикажуваат емоџињата.

14. Табела и специјални знаци

На крајот од лентата со алатки, кликнете на трите точки за да откриете дополнителни напредни опции.

Вметнување табела

Креирајте и приспособувајте табели за да го подобрите распоредот на вашата е-пошта.

• Одредете ги редовите, колоните, растојанието меѓу ќелиите, внатрешната маргина и големината на границата според потребите.

Вметнување специјални знаци

Подобрете го текстот со симболи, знаци со дијакритички ознаки и други нестандардни знаци.

• Пристапете до опцијата Специјални знаци за да пребарувате низ широк избор знаци.

Дополнителни поставки за текстуалниот блок (десен панел)

Десниот панел нуди широка контрола врз изгледот и функционалноста на текстуалните блокови. Подолу се достапните поставки:

1. Боја на текстот

Дефинирајте ја бојата на текстот со избирачот на бои или со внесување hex-код.

2. Боја на позадината

Поставете приспособена боја на позадината за текстуалниот блок. Стандардно, позадината е проѕирна.

3. Поставки специфични за врските

Кога текстуалниот блок содржи врски, во поставките се појавуваат дополнителни опции:

• Боја на врската: Приспособете ја бојата на врските со избирачот на бои или со hex-код.

• Подвлекување на врските: Вклучете или исклучете ја опцијата за подвлекување на врските во текстуалниот блок.

• Уредување врска: Изберете врска во областа со содржина за да го уредите нејзиниот URL во панелот за поставки. Можете и да доделите или ажурирате ознаки за врската со помош на паѓачкото мени означено како „Ознаки“.

4. Порамнување

Порамнете го текстуалниот блок во неговиот контејнер: Лево, Во средина или Десно.

5. Фиксна висина

Поставете фиксна висина за текстуалниот блок со активирање на оваа опција. Можете да го контролирате и вертикалното порамнување на текстот: Горе, Во средина или Долу.

6. Растојание меѓу редови

Контролирајте го просторот помеѓу редовите текст. Изберете Тесно, Нормално или Широко.

7. Внатрешна маргина

Приспособете го просторот околу текстуалниот блок. Применете еднаква маргина на сите страни или приспособете ја секоја страна: Горе, Долу, Лево и Десно.

8. Сидрени врски

Креирајте сидрени врски за читателите да можат да преминат до одредени делови од вашата е-пошта. Имајте предвид дека некои клиенти за е-пошта не поддржуваат сидрени врски.

Блок за копче

Блокот за копче ви овозможува да додадете копче на кое може да се кликне во вашата е-пошта, со приспособливи поставки за функционалност и стил.

Поставки за врската

Опцијата Врска го одредува дејството што се активира кога примателот ќе кликне на копчето.

Достапни типови врски

• Обична врска до веб-страница (HTTP или HTTPS): Го упатува корисникот кон веб-страница.
• Врска до пошта: Го отвора клиентот за е-пошта на корисникот за составување нова порака.
• Врска до датотека (FTP, FTPS): Води до датотека на FTP-сервер.
• Skype: Започнува повик или разговор на Skype.
• Телефон (tel): Започнува телефонски повик на компатибилни уреди.
• SMS: Ја отвора апликацијата за пораки со однапред пополнет број на примателот.
• Viber: Ја отвора апликацијата Viber за пораки или повици.
• Друг тип протокол: Наведете приспособен протокол што не е наведен погоре.

Опции за споделување на социјални мрежи

Можете да го поставите копчето и за споделување на социјални мрежи или преку е-пошта:

• Facebook
• X (порано Twitter)
• LinkedIn
• Pinterest
• Споделување преку е-пошта

Поле за URL

До типот на врската, Полето за URL (обично почнува со https://) ви овозможува да ја внесете конкретната адреса што одговара на типот на врската.

Ознака на копчето

Приспособете ја ознаката на копчето за да го одразува вашиот повик за акција. Стандардната ознака е „Копче“, но можете да ја промените во опции како „Дознајте повеќе“, „Претплатете се сега“ или „Купете сега“.

Стил на текстот

Поставките за Стил на текстот ви овозможуваат да го приспособите изгледот на текстот на копчето.

Избор на фонт

Изберете од различни стандардни фонтови, вклучувајќи:

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Helvetica
• Lucida Sans Unicode
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

За нестандардни фонтови, дополнителните опции вклучуваат:

• Arvo
• Lato
• Lora
• Merriweather
• Merriweather Sans
• Noticia Text
• Open Sans
• Playfair Display
• Roboto
• Source Sans Pro

На врвот на листата со фонтови, полето за пребарување ви помага брзо да пронајдете конкретен фонт.

Големина и форматирање на фонтот

• Големина на фонтот: Изберете од 8 до 72, зависно од тоа колку истакнато сакате да изгледа текстот на копчето.
• Форматирање на текстот: Применете стил Задебелено или Курзив со помош на иконите „B“ или „I“ за да го нагласите текстот на копчето.

Поставки за боја

Приспособете го изгледот на копчето со менување на неговите поставки за боја.

1. Боја на копчето: Променете ја бојата на позадината на копчето. Стандардната е зелена (#31cb4b). Користете го полето за hex-код или избирачот на бои за да изберете нова боја.

2. Боја на текстот: Дефинирајте ја бојата на текстот на копчето. Стандардната е бела (#ffffff). Изберете боја што создава добар контраст со позадината на копчето за подобра читливост.

3. Боја на позадината: Приспособете ја позадината на контејнерот на копчето. Стандардно е проѕирна, но можете да ја промените за копчето подобро да се истакнува на позадината на е-поштата.

Заоблување на границата

Контролирајте ја заобленоста на аглите на копчето со поставката Заоблување на границата.

• Стандардна вредност: 30 (умерено заоблени агли).
• Опсег: 0 (квадратни агли) до 100 (копче во форма на капсула).

Забелешка: За да се прикажат заоблените агли правилно во Microsoft Outlook, активирајте ја опцијата „Поддршка за Outlook“ во јазичето Изглед.

Порамнување

Поставете го копчето во неговата област со содржина со помош на поставката Порамнување.

• Опции: Лево, Во средина, Десно.
• Вообичаена употреба: Порамнување во средина за нагласување, или лево/десно за усогласеност со дизајнот.

Фиксна висина

Овозможете ја опцијата Фиксна висина за да одржувате конзистентни димензии на копчето.

1. Стандардно: Деактивирано.
2. Минимална висина: 44 пиксели.
3. Вертикално порамнување на содржината: Кога е овозможена фиксна висина, порамнете ја содржината на копчето Горе, Во средина или Долу за прецизно позиционирање.

Копче со икона

Опцијата Копче со икона ви овозможува да вклучите икона покрај текстот на копчето, со што се подобрува визуелната привлечност и се зајакнува повикот за акција. Оваа функција е деактивирана стандардно.

• Поддржани формати: Прикачувајте икони во формат PNG, JPG или GIF, со максимална големина на датотека од 2 MB.
• Позиционирање на иконата: Изберете дали иконата да се прикажува на Левата или Десната страна од текстот на копчето.

Забелешка: Иконите не се прикажуваат во одредени верзии на Microsoft Outlook за Windows, вклучувајќи ги:

• Outlook 2002, 2007, 2010, 2013, 2016 и 2019. Ова ограничување се должи на начинот на кој овие клиенти за е-пошта прикажуваат HTML-е-пошта. Имајте го предвид ова ако голем дел од вашата публика ги користи овие клиенти.

Поставки за границата

Приспособете ги границите на копчето за дополнителен стил и нагласување.

• Ширина на границата: Поставете ја ширината за секоја страна (лева, десна, горна и долна) одделно, до 40 пиксели.
• Стил на границата: Изберете Полна, Испрекината или Точкеста линија.
• Боја на границата: Користете го избирачот на бои или внесете hex-код за да ја усогласите бојата на границата со вашиот бренд или дизајнерска шема.

Внатрешна маргина

Приспособете го просторот во копчето, помеѓу содржината (текстот и иконата) и границата на копчето.

• Опции за приспособување: Дефинирајте вредности за внатрешната маргина на страните Лево, Десно, Горе и Долу, до максимум 99 пиксели.
• Влијание: Внатрешната маргина влијае врз вкупната големина на копчето и положбата на содржината во него.

Надворешна маргина

Контролирајте го просторот околу копчето за да ја приспособите неговата положба во однос на другите елементи во распоредот на е-поштата.

• Опции за приспособување: Поставете вредности за надворешната маргина на страните Лево, Десно, Горе и Долу, до максимум 40 пиксели.
• Случај на употреба: Осигурува дека копчето нема да изгледа премногу блиску до друга содржина или до рабовите на е-поштата.

Додавање сидрена врска

Користете сидрени врски за да ги упатите читателите до одредени делови во истата е-пошта, овозможувајќи брза навигација во подолги билтени.

• Име на сидрото: Дефинирајте цел во е-поштата и поврзете го копчето со ова сидро. Кога ќе се кликне, е-поштата ќе се прелиста до наведениот дел, со што се подобрува навигацијата.

Важно: Сидрените врски не се поддржани во одредени клиенти за е-пошта, вклучувајќи:

• Апликацијата Gmail за iOS
• Apple Mail за iOS
• Апликацијата Outlook за Android
• Апликацијата Outlook за macOS
• AMP-е-пошти

Темелно тестирајте ја вашата е-пошта за да обезбедите функционалност во различни клиенти и да утврдите дали оваа функција одговара на вашата публика.

Блок за растојание

Блокот за растојание ви овозможува да додадете приспособлив простор во содржината на е-поштата, со контрола врз неговата големина, порамнување, изглед и внатрешно растојание. Подолу се деталите за двата типа растојание: Нормално растојание и Динамичко растојание.

1. Нормално растојание

Нормалното растојание е линиски елемент што визуелно ги одделува деловите во вашата е-пошта.

Клучни поставки

1. Дебелина и стил на линијата Приспособете ги дебелината, стилот и бојата на линијата:

   • Дебелина: Приспособете ја со копчињата + и - (почнувајќи од 1).
   • Стил: Изберете меѓу полна, испрекината или точкеста линија.
   • Боја: Поставете приспособена боја со hex-код или избирач на бои (стандардно: #cccccc).

2. Ширина Дефинирајте до каде се протега линијата за растојание низ вашата содржина. Приспособете ја ширината во пиксели со копчињата + и -.

3. Порамнување Порамнете ја линијата лево, во средина или десно за да одговара на вашиот распоред.

4. Внатрешна маргина Контролирајте го внатрешниот простор околу растојанието:

   • Стандардно: Внатрешната маргина е поставена на 20 од сите страни.
   • Користете го прекинувачот Повеќе за да наведете внатрешна маргина за одделни страни:
     • Горе
     • Десно
     • Долу
     • Лево

Случај на употреба

Нормалното растојание е идеално за создавање чисти, визуелни одделувања помеѓу деловите во вашата е-пошта, обезбедувајќи добро организиран и професионален распоред.

2. Динамичко растојание

Динамичкото растојание е невидлив блок со празен простор, наменет за создавање простор во распоредот на вашата е-пошта.

Клучни функции

1. Приспособување на висината Приспособете ја висината директно во областа со содржина или преку контролната табла со копчињата + и -. Висината одредува колку вертикален простор се додава помеѓу деловите.

2. Боја на позадината Стандардно, растојанието има проѕирна позадина, но можете да примените приспособена боја на позадината со hex-код или избирач на бои. Така, растојанието може да функционира како видлив блок доколку е потребно.

3. Респонзивно однесување Опцијата Респонзивно растојание осигурува дека растојанието динамички се приспособува на различни големини на екранот за оптимален распоред на различни уреди. Оваа функција е овозможена стандардно.

Клучни разлики помеѓу нормалното и динамичкото растојание

• Динамичко растојание: Додава празен простор без видлива линија.
• Нормално растојание: Вклучува поставки специфични за линијата, како што се:
  • ширина на линијата
  • Порамнување
  • стилови на линијата
  • Внатрешна маргина

Динамичкото растојание не ги поддржува овие функции и е наменето исклучиво за одделување без визуелни елементи.

3. Додавање сидрена врска

Сидрените врски може да се применат на двата типа растојание, овозможувајќи им на корисниците да преминат директно до местото на растојанието од друг дел на е-поштата. Ова е особено корисно за создавање навигација во подолги билтени.

Забелешка: Сидрените врски не се поддржани од одредени клиенти за е-пошта, вклучувајќи:

• Microsoft Outlook
• Gmail (на мобилен уред)

Видео блок

Видео блокот ви овозможува да вметнувате видеа во вашата е-пошта и да го приспособувате нивниот изглед и однесување. Поддржува видео-врски од платформи како YouTube и Vimeo, нудејќи флексибилност и контрола врз начинот на прикажување на видеото.

1. Врска до видео

Додајте го URL-от на видеото во полето Врска до видео. Поддржани платформи се YouTube, Vimeo и други услуги што поддржуваат вметнување.

• Автоматско однесување: Кога ќе се додаде валиден URL:

  • Автоматски се генерира слика за преглед со помош на минијатурата на видеото од платформата.
  • Полето Алтернативен текст автоматски се пополнува со насловот или описот на видеото (ако се достапни).

• Полиња што може да се уредуваат: Доколку е потребно, можете рачно да ги уредите или замените генерираната слика за преглед и текстот.

2. Алтернативен текст

Полето Алтернативен текст обезбедува пристапност со прикажување опис на видеото ако тоа не успее да се вчита.

• Автоматски се пополнува кога ќе се додаде поддржан URL на видео.
• Може да се приспособи според потребите на вашата содржина.

3. Приспособена минијатура

Прикачете приспособена слика за да го замените стандардниот преглед на видеото.

• Како да ја овозможите: Вклучете ја опцијата Приспособена минијатура.
• Поддржани формати: PNG, JPG или GIF.
• Кога да ја користите: Заменете ја генерираната минијатура кога не се усогласува со дизајнот на вашата е-пошта.

4. Копче за репродукција

Приспособете го преклопното Копче за репродукција на минијатурата на видеото.

• Достапни опции:
  • Изберете стил на копче за репродукција од YouTube, Vimeo или други.
  • Изберете „Нема“ за целосно да го скриете копчето за репродукција.

5. Големина

Приспособете ги димензиите на видеото за да одговара на дизајнот на вашата е-пошта.

• Ширина и висина: Користете ги копчињата + и - или рачно внесете вредности за да ја контролирате големината.
• Респонзивен дизајн: Осигурете се дека видеото непречено се вклопува на различни уреди.

6. Приспособи на ширината

Вклучете го прекинувачот Приспособи на ширината за видеото автоматски да се вклопи во ширината на неговиот контејнер. Така видеото задржува респонзивен дизајн на различни уреди.

7. Респонзивна слика

Прекинувачот Респонзивна слика осигурува дека минијатурата на видеото се приспособува на ширината на екранот на мобилни уреди.

• Забелешка: Респонзивноста зависи од поддршката на уредот и клиентот за е-пошта.

8. Порамнување

Користете ја поставката Порамнување за да ја контролирате хоризонталната положба на видеото во блокот:

• Лево: Го порамнува видеото лево.
• Во средина: Го поставува видеото во средина.
• Десно: Го порамнува видеото десно.

9. Опции специфични за мобилни уреди

Приспособете го однесувањето и изгледот на видеото на мобилни уреди:

1. Скриј го елементот на мобилен уред Скријте го видео блокот на мобилни уреди доколку е потребно.

   • Забелешка: Оваа функција се потпира на поддршката за медиумски барања и можеби нема да работи во сите клиенти за е-пошта.

2. Мобилна внатрешна маргина Приспособете ја маргината околу видеото за мобилни прикази.

   • Користете го прекинувачот Повеќе за да поставите одделни вредности за:
     • Горе
     • Десно
     • Долу
     • Лево

10. Вклучи во AMPHTML или HTML

Изберете дали видео блокот да се појавува во одредени верзии на е-поштата:

• И AMPHTML и HTML
• Само AMPHTML
• Само HTML

Оваа опција осигурува дека видеото е соодветно вклучено зависно од верзијата на е-поштата што се испорачува.

HTML блок

HTML блокот ви овозможува да внесете приспособен HTML и CSS-код во вашата е-пошта, нудејќи флексибилност за напредни приспособувања и истовремено почитувајќи ја компатибилноста со клиентите за е-пошта. Без разлика дали додавате еден HTML-елемент или дизајнирате цела е-пошта, овој блок е вашата алатка за приспособени дизајни.

1. Интерфејс на уредувачот на код

Кога ќе го изберете HTML блокот, во панелот со содржина се појавува црн прозорец за уредување код. Овој уредувач ви овозможува да пишувате, вметнувате или менувате приспособен код. Уредувачот содржи два дела:

• HTML дел: Додавајте или уредувајте ја HTML-структурата на вашата е-пошта.
• CSS дел: Отворете одделен CSS-уредувач за стилизирање на содржината.

2. Приспособување на големината на фонтот

Приспособете ја големината на фонтот на кодот во уредувачот за подобра читливост:

• Користете го копчето A+ за да ја зголемите големината на фонтот.
• Користете го копчето A- за да ја намалите големината на фонтот.

3. Приспособување на големината на прозорецот на уредувачот

Променете ја големината на прозорецот за уредување код според вашите работни преференции:

• Како да приспособите:
  • Поставете го курсорот над трите точки во горниот централен дел на прозорецот на уредувачот.
  • Повлечете ја контролата на лизгачот нагоре или надолу за да ја зголемите или намалите големината на уредувачот.

Оваа функција е особено корисна за управување со поголеми или подетални блокови код.

4. CSS-уредувач

CSS-уредувачот ви овозможува да управувате со стиловите на HTML-содржината и е достапен преку копче во горниот десен агол на уредувачот на код.

Важни напомени:

• Ограничена поддршка: Многу клиенти за е-пошта не поддржуваат напредни CSS-функции како Flexbox, Grid или медиумски барања.
• Држете се до основите: Користете основен вграден CSS за максимална компатибилност.
• Однапред конфигурирани стилови: Избегнувајте бришење на однапред конфигурираните стилови, бидејќи тие обезбедуваат правилно прикажување во главните клиенти за е-пошта.

5. Компатибилност со клиенти за е-пошта

HTML-кодот за е-пошта бара посебно внимание поради застарените механизми за прикажување во многу клиенти за е-пошта.

Клучни насоки:

• Користете распореди засновани на табели наместо распореди засновани на <div> за подобра поддршка.
• Избегнувајте напредни CSS-функции како анимации, Flexbox или Grid.
• Очекувајте неконзистентно однесување кај медиумските барања и помалите CSS-својства.
• Тестирање: Секогаш тестирајте ги е-поштите во повеќе клиенти (на пр., Gmail, Outlook, Apple Mail) за да обезбедите правилно прикажување.

6. Внатрешна маргина

Поставката Внатрешна маргина го приспособува просторот околу вашата HTML-содржина:

• Стандардна внатрешна маргина: Стандардно е поставена на 0.
• Приспособена внатрешна маргина: Овозможете го прекинувачот Повеќе за да ја приспособите маргината на одделни страни:
  • Горе
  • Десно
  • Долу
  • Лево

Оваа функција е идеална за порамнување на HTML-содржината во распоредот на е-поштата.

7. Додавање сидрена врска

Функцијата Додај сидрена врска ви овозможува да креирате врска на која може да се кликне на друго место во е-поштата, што води до HTML блокот.

Како да ја користите:

• Вклучете ја опцијата и внесете име на сидрото во полето.

Ограничувања:

• Сидрените врски не се поддржани од некои клиенти за е-пошта, како што се:
  • Апликацијата Gmail за iOS
  • Apple Mail за iOS
  • Апликацијата Outlook (Android и macOS)
  • AMP-е-пошти

8. Пишување приспособен HTML

HTML-уредувачот е наменет за пишување или вметнување на приспособената HTML-структура на вашата е-пошта.

Најдобри практики:

• Користете едноставен HTML со широка поддршка.
• Избегнувајте сложени распореди или функции, како елементите <div>.
• Држете се до дизајни засновани на табели за да обезбедите подобра компатибилност.

9. Совети за успех

1. Започнете со малку: Користете го HTML блокот за конкретни делови ако сте почетник во развојот на е-пошта.
2. Проверете го кодот: Осигурете се дека вашиот HTML е усогласен со барањата на клиентите за е-пошта.
3. Тестирајте темелно: Користете алатки за преглед и тестирање на е-поштата во повеќе клиенти и на различни уреди.