Designe dit digitale indhold

Dynamics 365 Marketing indeholder en avanceret designer til digitalt indhold til oprettelse, design og visning af de forskellige typer digitalt indhold, du kan oprette og administrere med systemet, herunder:

• Marketingmails og skabeloner
  Flere oplysninger: Oversigt over mailmarketing
• Marketingsider og skabeloner
  Flere oplysninger: Oprette og implementere marketingsider
• Marketingformularer og skabeloner
  Flere oplysninger: Oprette, se og administrere marketingformularer

Designeren har en træk og slip-brugergrænseflade til udvikling af og arbejde med designet samt en valgfri HTML-editor, hvor du kan arbejde direkte med kode, og et eksempelvisningsværktøj, som kan vise, hvordan designet ser ud på forskellige formfaktorer og retninger.

Designeren tilpasser sig til din aktuelle kontekst (mail, landingsside osv) for kun at vise de designelementer og indstillinger, der anvendes der, men de grundlæggende funktioner forbliver uændret. Det indeholder også en "tilstand for fremmed indhold", som aktiveres, hvis du indsætter HTML fra et tredjepartsprogram direkte i HTML-kodeeditoren. I dette tilfælde ved designeren, hvilken type indhold du designer, og skjuler derfor kontekstspecifikke funktioner og viser en mere generisk designbrugergrænseflade.

I dette emne beskrives, hvordan du arbejder med designeren generelt i alle sammenhænge. Du kan finde flere oplysninger om, hvordan designeren passer ind i de forskellige specifikke kontekster, og få oplysninger, der er specifikke for en enkelt kontekst, i de emner, der er linket til i starten af denne introduktion.

Start med at vælge en skabelon

De fleste objekter, der ikke er i skabelonform, som leverer indhold til designeren, understøtter også skabeloner, så når du første gang opretter en marketingmail, -side eller -formular, bliver du bedt om at vælge en skabelon.

Skabelonvælgeren indeholder mange kontrolelementer til søgning, sortering og filtrering af skabeloner. Brug disse kontrolelementer til at finde skabeloner, der kan imødekomme dine behov, vælg derefter en skabelon for at få vist et eksempel og flere detaljer om den i området Eksempel. Når du har fundet den rette skabelon, skal du vælge Vælg for at anvende den på dit nye design.

Den skabelon, du vælger, starter designet ved at oprette følgende:

• Kolonneformat og første indhold: Angiver det grundlæggende layout (f.eks. en kolonne eller to kolonner) og inkluderer det første indhold (f.eks. billeder, krævede links, standardtekst med mere).
• Side- eller formulartype: Hvis du opretter en marketingside eller -formular, angiver dette, om siden er et abonnementscenter, en videresendelse til en ven eller en landingsside, og fastlægger de grundlæggende funktioner for siden eller formularen.
• Eksempeldesign og -indhold: Nogle skabeloner indeholder allerede grundlæggende designelementer, f.eks. logoer, typografi, farvepalet, eksempelindhold og meget mere. Andre skabeloner indeholder en tom side, der kun indeholder sidetypen og kolonnelayoutet. Du kan frit ændre eksempeldesign og -indhold, mens du redigerer og designer siden.

Når du har valgt en skabelon, viser designeren det valgte skabelonindhold, og du kan begynde at redigere det. Den nye mail, side eller formular oprettes som en simpel kopi af skabelonen, så eventuelle lokale ændringer, du foretager, påvirker ikke skabelonen, og eventuelle fremtidige ændringer af en skabelon påvirker ikke noget, du har oprettet på baggrund af den.

Oprette det grundlæggende layout

Brug sektionselementer til at oprette det grundlæggende layout af dine mails, marketingsider og marketingformularer. Hvert sektionselement opretter en række kolonner, hvor du kan trække forskellige designelementer, f.eks. tekstbokse, billeder, knapper, delelinjer og meget mere. Der er fem forskellige sektionselementer, som hver især opretter en række med en af fem forskellige layoutindstillinger (en kolonne, to kolonner (1:1), to kolonner (1:2), to kolonner (2:1) eller tre kolonner). Du kan stable flere sektionselementer efter behov for at oprette komplekse design med forskellige kolonneformater i de enkelte rækker.

Føje sektionselementer til layout af dit design

Når du designer en mail, side eller formular, der starter med en tom skabelon (eller en brugerdefineret skabelon, der er baseret på en tom skabelon), skal alle designelementerne (undtagen sektionselementerne) placeres i et sektionselement. Sektionselementer er tilgængelige i Værktøjs-panelet under overskriften Layout.

De tomme skabeloner indeholder som standard en sektion med én kolonne, men du kan redigere kolonneformatet og/eller tilføje flere sektionselementer efter behov.

Hvis du vil tilføje et sektionselement, skal du åbne Værktøjs-panelet, vælge det sektionselement, der indeholder det kolonneformat, du vil starte med, og trække det ind over eller under et eksisterende sektionselement i designet.

Rediger og konfigurer et sektionselement

Når du tilføjer et nyt sektionselement, skal du vælge et af fem oprindelige kolonneformater. Men når først elementet er placeret, kan du ændre kolonnelayout og/eller designindstillinger.

Rediger og konfigurer et sektionselement:

1. Vælg sektionselementet på lærredet. Der vises nu en blå kant og faner, som viser elementtypen og knapperne til sletning eller flytning af elementet.

2. Panelet Egenskaber åbnes for at vise indstillingerne for den valgte sektion.

   

3. Angiv indstillinger i følgende sektioner efter behov:

   • Sektionslayout: Vælg en knap for at ændre kolonneformatet til det, der er angivet af grafikken på hver knap. Hvis du fjerner en kolonne, flyttes alt indholdet til en af de resterende kolonner. Hvis du tilføjer en kolonne, vil den nye kolonne i starten være tom.
   • Sektionsrammetypografier: Brug disse indstillinger til at angive typografien (ingen, udfyldt, punkteret, stiplet eller dobbelt), stregbredde, stregfarve og hjørneradius for den ramme, der går rundt om hele sektionen (men ikke mellem kolonner).
   • Afsnits indre margen: Angiv, hvor bred den indre margen (i pixel) skal være mellem kolonnerne og den farvede ramme. Du kan angive separate værdier for top, bund, venstre og højre.
   • Afsnitsmargen: Angiv, hvor bred margenen (i pixel) skal være mellem den farvede ramme og den yderste kant af afsnitselementet. Du kan angive separate værdier for top, bund, venstre og højre.

Tilføj, konfigurer og rediger designelementer for at oprette indhold til dit layout

Sektionselementer opretter en struktur, som du kan trække andre typer designelementer til for at oprette indholdet. Hvis du bruger sektionselementer, skal alle designelementerne placeres i en kolonne for sektionselementer.

• Hvis du vil tilføje et designelement, skal du trække det påkrævede element fra Værktøjskassen til kolonnen for det pågældende sektionselement. Når du slipper de fleste elementtyper åbnes panelet Egenskaber eller formateringsværktøjslinger for tekstelementer, og du kan begynde at skrive tekst.
• Hvis du vil konfigurere egenskaberne for et eksisterende element eller begynde at skrive tekst i et tekstelement, skal du først markere det indeholdende sektionselement for at aktivere det, og derefter skal du vælge destinationselementet for at redigere det. I forbindelse med ikke-tekstelementer åbnes panelet Egenskaber for det valgte element. Til tekstelementer åbner denne den flydende værktøjslinje til tekstformatering.
• Hvis du vil fjerne et designelement, skal du markere det og derefter vælge sletknappen som findes i øverste højre hjørne af elementet.
• Hvis du vil flytte et designelement, skal du markere det og derefter klikke på flytknappen som findes i øverste højre hjørne af elementet, og trække elementet til den nye placering.

Sådan arbejder du med designeren

I det meste af den tid, du bruger på at oprette en marketingmail, -side eller -formular, vil du bruge designeren eller HTML-editoren til at tilføje indhold, konfigurere designelementer, indlæse billeder, anvende typografier og meget mere.

Designeren indeholder en værktøjslinje og et indholdsområde. Værktøjslinjen indeholder nogle grundlæggende kommandoer og tre navigationsfaner (Design, HTML og Eksempel), der styrer, hvad du kan se og foretage dig i indholdsområdet.

Brug af den grafiske designer

Vælg Designer på designerværktøjslinjen for at åbne den grafiske designer. Her kan du samle og designe indholdet uden overhovedet at bruge kode. I de fleste tilfælde har du aldrig behov for at gå til visningen HTML, medmindre du vil.

Den grafisk designer indeholder et redigerbart eksempel (lærred), hvor du kan vælge, redigere eller fjerne indhold, samt et sæt faner, hvor du kan tilføje designelementer og arbejde med designet:

• Værktøjskasse: Hvis du vil føje et nyt designelement til designet, skal du trække et element herfra til et passende sted på lærredet. Du kan også vælge et element her (uden at trække) for at markere hver position på lærredet, hvor du kunne placere det pågældende element, og derefter vælge den fremhævede placering, hvor du vil anbringe den. Hvert designelement repræsenterer en bestemt type indhold, f.eks. et tekstelement, et billede eller en inputformular. Indstillingerne og funktionerne i hvert designelement varierer med typen.
• Egenskaber: De fleste designelementer skal konfigureres for at fungere. Et billede skal f.eks. pege på en billedfil, en formular skal pege på en marketingformularpost, og en knap skal have noget tekst og en destination. Når du tilføjer et nyt designelement, vælges det pågældende element automatisk, og dets fane Egenskaber åbnes, så du kan konfigurere det. Hvis du vil konfigurere (eller omkonfigurere) et designelement, der allerede er i designet, skal du først markere det og derefter åbne fanen Egenskaber.
• Typografier: Brug disse indstillinger til at anvende farve, afstand og andre grafiske indstillinger for det overordnede design.

Flere oplysninger: Reference til designelementer

Arbejde direkte i HTML

Hvis du foretrækker at arbejde direkte med HTML-kode, skal du åbne designerens fane HTML. Du kan gøre dette for at redigere nogle egenskaber, som du ikke kan få adgang til med den grafiske editor, eller du kan indsætte HTML-kode, du har oprettet ved hjælp af et andet program. Du kan også tilføje avancerede scripts og formatering for at introducere nye funktioner. Hvis du f.eks. designer en marketingside, kan du skrive scripts til at implementere følgende funktioner:

• Ændre egenskaberne for et felt (eller en formular) på basis af værdierne i et andet felt, f.eks.:
  • Gør kun feltet Kundenr. synligt, hvis Eksisterende kunde er sand.
  • Gør kun feltet Kundenr. påkrævet, hvis Eksisterende kunde er sand.
  • Ryd adressefeltet Stat, hvis feltet Land ændres.
  • Rediger listen over værdier for Stat baseret på det land, der er valgt.
  • Rediger formateringen af felter for at gøre dem synlige, påkrævede osv.
• Tilføj brugerdefinerede valideringer af feltværdier (enten når formularen sendes, eller feltværdien ændres), f.eks. et krav om, at Kundenr. kun har seks cifre.
• Udfør handlinger ved formularindlæsning eller -afsendelse, f.eks.:
  • Skjul bestemte felter som standard
  • Deaktiver knappen Send, indtil alle obligatoriske felter er udfyldt.
  • Angiv feltværdier, der er baseret på værdier, der overføres i den kaldende URL-adresse

Men vær forsigtig, når du arbejder her, fordi den grafisk editor forventer bestemte typer markering til at implementere dens træk og slip-elementer. Uden denne markering kan du ikke længere redigere dine designelementer, og du kan endda ødelægge dem. Flere oplysninger: Bruge brugerdefinerede attributter til at aktivere designerfunktioner i mails, sider og formularer

HTML-editoren indeholder nogle få praktiske koderedigeringsfunktioner, f.eks. syntaksfarvning og linjenumre. Du kan også anvende formatering for at tilføje linjeskift og indryk for at gøre det lettere at læse koden. Det gør du ved at højreklikke på et vilkårligt sted i editoren og vælge Formatér dokument i genvejsmenuen.

Gennemse dit design

Selvom træk og slip-editoren indeholder et eksempel, der kan redigeres, er dette eksempel stadig kun et estimat, og det indeholder et par kompromiser i præsentationen for at tillade redigeringsfunktionerne. For at få en bedre ide om, hvordan designet ser ud, skal du gå til fanen Eksempel i designeren.

Brug knapperne i venstre kolonne af fanen Eksempel for at se, hvordan designet ser ud på forskellige skærmstørrelser og retninger, f.eks. skrivebord, tablet liggende eller mobil stående. Eksemplet afspejler også de designfunktioner, der skal reagere, som er indbygget i mange af skabelonerne. Eksemplet kører dog ikke nogen af de brugerdefinerede scripts, som du muligvis har tilføjet (f.eks. til validering af formularinput).

Se også

Hjælp til handicappede og tastaturgenveje
Reference til designelementer
Oversigt over mailmarketing
Arbejde med mail-, side- og formularskabeloner
Opret og implementer marketingsider
Hjælp til handicappede og tastaturgenveje
Tage objekter, der kan publiceres, i brug og spore deres status