Oblikovanje lastne digitalne vsebine

Dynamics 365 Marketing zagotavlja napreden oblikovalnik digitalnih vsebin za ustvarjanje, oblikovanje in predogled različnih vrst digitalnih vsebin, ki jih lahko pripravite in upravljate s sistemom, vključno s temi:

Oblikovalnik ima vmesnik »povleci in spusti« za ustvarjanje oblikovanja in delo z njim, izbirni urejevalnik HTML za delo neposredno s kodo ter orodje za predogled, ki lahko prikaže, kako bo oblikovanje videti na različnih dimenzijah in usmeritvah.

Oblikovalnik se prilagodi vašemu trenutnemu kontekstu (e-pošta, ciljna stran itd.), da zagotovi samo ustrezne elemente in nastavitve oblikovanja, toda osnovno delovanje ostaja nespremenjeno. Zagotavlja tudi »način tujega konteksta«, ki se aktivira, če prilepite HTML iz aplikacije drugega ponudnika neposredno v urejevalnik kode HTML; v tem primeru oblikovalnik 0 ve, katero vrsto kode oblikujete, zato skrije funkcije, specifične za kontekst, in omogoči splošnejši vmesnik za oblikovanje.

V tej temi je opisano splošno delo z oblikovalnikom v vseh kontekstih. Če želite več informacij o tem, kako se oblikovalnik prilagaja različnim specifičnim kontekstom, in o podrobnostih, specifičnih za samo en kontekst, glejte teme s povezavami na seznamu na začetku te predstavitve.

Začetek z izbiro predloge

Večina entitet brez predloge, ki omogočajo oblikovalnik vsebin, tudi podpira predloge, zato boste ob ustvarjanju e-poštnega sporočila, strani ali obrazca za trženje pozvani k izbiri predloge.

Okno za izbiro e-poštne predloge.

Izbirnik predlog zagotavlja mnogo kontrolnikov za iskanje, razvrščanje in filtriranje predlog. S temi kontrolniki poiščete predloge, ki bi lahko ustrezale vašim zahtevam, nato pa izberete predlogo, da prikažete predogled in več podrobnosti o njej v območju Predogled. Ko najdete pravo predlogo, izberite Izberi, da jo uporabite v svojem novem oblikovanju.

Predloga, ki jo izberete, bo uvedla oblikovanje z naslednjimi elementi:

  • Postavitev stolpcev in začetna vsebina: nastavi osnovno postavitev (na primer en stolpec ali dva stolpca) in vključuje začetno vsebino (na primer slike, obvezne povezave, standardno besedilo in drugo).
  • Vrsta strani ali obrazca: če ustvarjate stran ali obrazec za trženje, ta možnost določa, ali je stran središče za naročnine, element za posredovanje prijatelju ali ciljna stran ter vzpostavlja osnovne zmogljivosti strani ali obrazca.
  • Vzorčno oblikovanje in vsebina: nekatere predloge že vključujejo osnovne elemente oblikovanja, kot so logotipi, tipografija, barvna paleta, vzorčna vsebina in drugo. Druge predloge zagotavljajo prazno stran, ki vključuje samo vrsto strani in postavitev stolpca. Vzorčno oblikovanje in vsebino lahko prosto spremenite, ko urejate in oblikujete stran.

Ko izberete predlogo, oblikovalnik pokaže vsebino izbrane predloge in lahko jo začnete urejati. Vaše novo e-poštno sporočilo, stran ali obrazec se ustvari kot preprosta kopija predloge, zato kakršne koli lokalne spremembe, ki jih opravite, ne bodo vplivale na predlogo, in kakršne koli prihodnje spremembe predloge ne bodo vplivale na nikakršno oblikovanje, ki ste ga ustvarili na njeni podlagi.

Vzpostavitev osnovne postavitve

Za vzpostavitev osnovne postavitve e-poštnih sporočil, strani za trženje in obrazcev za trženje uporabite elemente razdelkov. Vsak element razdelkov ustvari vrstico stolpcev, v katere lahko povlečete različne druge elemente oblikovanja, kot so besedilna polja, slike, gumbi, razdelilne črte in drugi. Obstaja pet različnih elementov razdelkov in vsak od njih ustvari vrstico z eno od petih različnih možnosti postavitve (en stolpec, dva stolpca (1:1), dva stolpca (1:2), dva stolpca (2:1) ali trije stolpci). Po potrebi lahko združite elementov razdelkov, da ustvarite zapletene oblike z različnimi postavitvami stolpcev v vsaki vrstici.

Dodajanje elementov razdelkov v postavitev zasnove

Ko oblikujete e-poštno sporočilo, stran ali obrazec na podlagi prazne predloge (ali predloge po meri, ki temelji na prazni predlogi), morajo biti vsi elementi oblikovanja (razen elementov razdelkov) umeščeni v element razdelka. Elementi razdelkov so na voljo v podoknu Komplet orodij v območju Postavitev.

Privzeta postavitev praznih predlog je razdelek z enim stolpcem, vendar lahko uredite njegovo postavitev stolpcev in/ali po potrebi dodate več elementov razdelkov.

Če želite dodati element razdelka, odprite podokno Komplet orodij, izberite element razdelka, ki omogoča postavitev stolpca, s katero želite začeti, in ga povlecite na mesto nad ali pod obstoječim elementom razdelka v vaši zasnovi.

Dodajanje elementa razdelka v zasnovo.

Opomba

Če izberete predlogo, ki uvaja postavitve s kodo HTML po meri namesto z elementi razdelkov, elementi razdelkov niso na voljo. Namesto tega boste lahko povlekli elemente oblikovanja v kateri koli vsebnik, ki ga določa predloga. To lahko velja tudi za druge predloge po meri, ki za ustvarjanje postavitev uporabljajo kodo HTML po meri. To običajno velja samo za predloge, ustvarjene s starejšo različico aplikacije Dynamics 365 Marketing.

Urejanje in konfiguriranje elementa razdelka

Ko dodate nov element razdelka, morate izbrati eno od petih začetnih postavitev stolpcev. Ko je element postavljen na mesto, lahko spremenite postavitev stolpcev in/ali možnosti oblikovanja.

Za urejanje in konfiguriranje elementa razdelka:

  1. Na delovnem območju izberite element razdelka. Prikaže se modra obroba in zavihki, ki prikazujejo vrsto elementa in gumbe za brisanje ali premikanje elementa.

  2. Odpre se plošča Lastnosti, ki prikazuje nastavitve za izbrani razdelek.

    Posnetek zaslona s ploščo »Lastnosti«.

  3. Po potrebi določite nastavitve v naslednjih razdelkih:

    • Postavitev razdelka: izberite gumb v tem razdelku, če želite spremeniti postavitev stolpcev na postavitev, ki je prikazana na sliki vsakega gumba. Če odstranite stolpec, bo vsa njegova vsebina premaknjena v enega od preostalih stolpcev. Če dodate stolpec, bo novi stolpec sprva prazen.
    • Slogi obrob razdelka: s temi nastavitvami nastavite slog (brez, neprekinjen, pikčast, črtkan ali dvojni), širino črte, barvo črte in polmer vogala za obrobo okrog celotnega razdelka (vendar ne med stolpci).
    • Polnilo razdelka: določite, koliko polnila (v slikovnih pikah) želite postaviti med stolpce in obarvano obrobo. Za zgornjo, spodnjo, levo in desno stran lahko vnesete ločene vrednosti.
    • Rob razdelka: določite, kakšen rob (v slikovnih pikah) želite postaviti med obarvano obrobo in zunanji rob elementa razdelka. Za zgornjo, spodnjo, levo in desno stran lahko vnesete ločene vrednosti.

Opomba

Odjemalci storitve Microsoft Windows Outlook ne podpirajo vseh nastavitev sloga in polmera obrobe.

Dodajanje, konfiguriranje in urejanje elementov oblikovanja za ustvarjanje vsebine za postavitev

Elementi razdelkov ustvarijo strukturo, na katero lahko povlečete druge vrste elementov oblikovanja, da ustvarite svojo vsebino. Če uporabljate elemente razdelkov, morate vse elemente oblikovanja umestiti v stolpec elementa razdelka.

  • Če želite dodati element oblikovanja, povlecite potrebni element iz Kompleta orodij na ustrezni stolpec elementa razdelka. Ko spustite večino vrst elementov, se odpre plošča Lastnosti oz. za besedilne elemente orodna vrstica za oblikovanje, nato lahko začnete vnašati besedilo.
  • Če želite konfigurirati lastnosti obstoječega elementa ali začeti vnašati besedilo v besedilni element, najprej izberite vsebovani element razdelka, da ga aktivirate, nato pa izberite ciljni element, ki ga želite urejati. V primeru elementov, ki niso besedilni, se odpre plošča Lastnosti za izbrani element. V primeru besedilnih elementov se bo odprla plavajoča orodna vrstica za oblikovanje besedila.
  • Če želite odstraniti element oblikovanja, ga izberite, nato pa izberite gumb za brisanje Gumb »Izbriši«. v zgornjem desnem kotu elementa.
  • Če želite premakniti element načrta, ga izberite in kliknite gumb »Premakni« Gumb »Premakni«. v zgornjem desnem kotu elementa in element povlecite na novo mesto.

Delo z oblikovalnikom

Večino časa, ki ga porabite za ustvarjanje e-poštnega sporočila, strani ali obrazca za trženje, boste uporabljali oblikovalnik ali urejevalnik HTML za dodajanje vsebine, konfiguracijo elementov oblikovanja, nalaganje slik, uporabo slogov in drugo.

Orodna vrstica in območje vsebine oblikovalnika.

Oblikovalnik ima orodno vrstico in območje vsebine. Orodna vrstica zagotavlja nekaj osnovnih ukazov in tri zavihke za krmarjenje (Oblikovanje, HTML in Predogled), ki nadzorujejo, kaj lahko vidite in delate v območju vsebine.

Uporaba grafičnega oblikovalnika

Izberite Oblikovalnik v orodni vrstici oblikovalnika, da odprete grafični oblikovalnik. Omogoča sestavljanje in oblikovanje vsebin brez uporabe kakršne koli kode. V večini primerov vam sploh ne bo treba odpreti pogleda HTML, razen če boste želeli.

Delovno območje in komplet orodij v oblikovalniku.

Grafični oblikovalnik zagotavlja predogled, ki ga je mogoče urejati (delovno območje), kjer lahko izberete, uredite ali odstranite vsebino; in niz zavihkov za dodajanje elementov oblikovanja in delo z zasnovo:

  • Komplet orodij: če želite v zasnovo dodati nov element oblikovanja, element povlecite od tu na primerno mesto na delovnem območju. Prav tako lahko tukaj izberete element (ne da bi ga povlekli), da označite posamezne položaje na delovnem območju, kamor lahko umestite ta element, in nato izberete označeni položaj, kamor ga želite umestiti. Vsak element oblikovanja predstavlja določeno vrsto vsebine, kot je besedilni element, slika ali obrazec za vnos. Nastavitve in funkcije vsakega elementa oblikovanja se razlikujejo glede na vrsto.
  • Lastnosti: večino elementov oblikovanja je treba konfigurirati, da delujejo. Na primer, slika mora kazati na slikovno datoteko, obrazec mora kazati na zapis obrazca za trženje ter gumb potrebuje besedilo in cilj. Ko dodate nov element oblikovanja, se ta element samodejno izbere in odpre se njegov zavihek Lastnosti, da ga lahko nastavite. Če želite konfigurirati (ali znova konfigurirati) kateri koli element oblikovanja, ki je že v zasnovi, ga najprej izberite, nato pa odprite zavihek Lastnosti.
  • Slogi: s temi nastavitvami uveljavite barvo, razmik in druge grafične možnosti za splošno oblikovanje.

Več informacij: Informacije o elementih oblikovanja

Delo neposredno v HTML-ju

Če raje delate neposredno s kodo HTML, odprite zavihek HTML oblikovalnika. To je morda potrebno za dodelavo nekaj lastnosti, ki je ne morete izvesti v grafičnem urejevalniku, ali za lepljenje kode HTML, ki ste jo ustvarili v katerem drugem programu. Lahko bi tudi dodali napredne skripte in uporabili slog za uvajanje nove funkcionalnosti. Če na primer oblikujete stran za trženje, bi lahko napisali skripte za uvedbo naslednjih funkcij:

  • Sprememba lastnosti enega polja (ali obrazca) na podlagi vrednosti drugega polja, na primer:
    • Polje Št. stranke je vidno samo, če je Obstoječa stranka »true«.
    • Polje Št. stranke je obvezno, če je Obstoječa stranka »true«.
    • Polje naslova Zvezna država se počisti, če se polje Država spremeni.
    • Seznam vrednosti za Zvezna država se spremeni na podlagi izbrane države.
    • Slogi polj se spremenijo, da ta postanejo vidna, obvezna in drugo.
  • Dodajanje potrjevanj vrednosti polj po meri (bodisi ko je obrazec predložen ali je vrednost polja spremenjena), npr. zahteva, da ima Št. stranke samo šest števk.
  • Izvedba dejanj ob nalaganju ali predložitvi obrazca, npr.:
    • Določena polja so privzeto skrita.
    • Gumb za pošiljanje je onemogočen, dokler se ne izpolnijo vsa obvezna polja.
    • Vrednosti polja se nastavijo na podlagi vrednosti, prenesenih v klicnem URL-ju.

Vendar pa bodite pri delu tukaj previdni, ker grafični urejevalnik pričakuje določene vrste oznak za izvajanje elementov »povleci in spusti«. Brez te oznake ne boste mogli več urejati elementov oblikovanja in bi lahko celo preprečili njihovo delovanje. Več informacij: Uporaba atributov po meri, da v e-pošti, na straneh in obrazcih omogočite funkcije oblikovalnikov

Urejevalnik HTML ponuja nekaj priročnih funkcij za urejanje kode, kot sta obarvanje sintakse in številke vrstic. Lahko tudi uveljavite oblikovanje za dodajanje prelomov vrstic in zamikov, da bo koda bolj berljiva; to storite tako, da z desno tipko miške kliknete kjer koli v urejevalniku in v priročnem meniju izberete Oblikuj dokument.

Pomembno

Pri lepljenju kode HTML poskrbite, da nimate ugnezdenih razdelkov. E-poštni oblikovalnik ne podpira ugnezdenih razdelkov. Tako na primer elementov, ki vsebujejo atribute »data-section« ali »data-container«, ne prilepite v elemente, ki že vsebujejo te atribute. V nasprotnem primeru bo prišlo do težav pri upodabljanju postavitve.

Predogled oblikovanja

Urejevalnik »povleci in spusti« sicer omogoča predogled, ki ga lahko urejate, je pa ta predogled še zmeraj le približen prikaz, katerega predstavitev vključuje nekaj kompromisov, da so omogočene funkcije urejanja. Za boljšo predstavo, kako bo prikazano oblikovanje, pojdite na zavihek Predogled oblikovalnika.

Izbirnik načina predogleda.

Z gumbi v levem stolpcu zavihka Predogled lahko prikažete, kako bo oblikovanje videti na različnih velikostih zaslonov in usmeritvah, kot so namizje, ležeči način za tablični računalnik ali pokončni način za mobilno napravo. Predogled tudi odraža odzivne funkcije oblikovanja, vgrajene v veliko predlog. Predogled pa ne izvaja nikakršnih skriptov po meri, ki ste jih morda dodali (npr. za potrjevanje vnosa v obrazec).

Opomba

Sporočila za e-poštno trženje so lahko težavnejša za oblikovanje kot spletne strani, ker običajno vsebujejo dinamično vsebino, e-poštni odjemalci pa se med seboj veliko bolj razlikujejo glede načinov, kako prikazujejo HTML. Zato Dynamics 365 Marketing zagotavlja nekaj dodatnih funkcij za predogled vaših e-poštnih sporočil, ki za strani ali obrazce za trženje niso na voljo. Te vključujejo vzorčne zapise stikov, izbiro nastavitev vsebine in napredni predogled nabiralnika. Več informacij: Preverjanje dela z uporabo predogledov in preskusnih pošiljanj

Glejte tudi

Pripomočki za osebe s posebnimi potrebami in bližnjice na tipkovnici
Informacije o elementih oblikovanja
Pregled e-poštnega trženja
Delo s predlogami za e-pošto, stran in obrazec
Ustvarjanje in uvedba strani za trženje
Pripomočki za osebe s posebnimi potrebami in bližnjice na tipkovnici
Objava entitet za objavo in sledenje njihovemu stanju