• Marketo Engage Assets - Välj den här typen om du vill bläddra och välja en bildresurs från Journey Optimizer B2B edition-biblioteket eller från den anslutna Market Engage-instansen.

    Bläddra bland tillgängliga bildresurser {width="700" modal="regular"}

    I dialogrutan kan du välja en bild från den valda databasen. Klicka på Select för att lägga till resursen.

    Det finns verktyg som hjälper dig att hitta den resurs du behöver:

    • Klicka på ikonen Filter längst upp till vänster om du vill filtrera de visade objekten enligt dina kriterier.

    • Ange text i fältet Sök om du vill filtrera de visade objekten så att de matchar resursnamnet.

      Använd filtren och sökfältet för att hitta den resurs du behöver {width="700" modal="regular"}

  • Experience Manager Assets - Välj den här typen för att bläddra och välja en bildresurs i en konfigurerad Experience Manager Assets-databas.

    I dialogrutan Select Assets​väljer du en bild med de tillgängliga verktygen för att hitta resursen som du behöver och klickar på​Select:

    • Ändra Repository överst till höger.

    • Klicka på Manage assets överst till höger för att öppna Assets-databasen på en annan webbläsarflik och använda AEM Assets hanteringsverktyg.

    • Klicka på vytypsväljaren längst upp till höger för att ändra visningen till List View, Grid View, Gallery View eller Waterfall View.

    • Klicka på ikonen Sorteringsordning om du vill ändra sorteringsordningen mellan stigande och fallande.

      Använd verktyg i dialogrutan Välj Assets för att hitta och välja en bildresurs {width="700" modal="regular"}

    • Klicka på menypilen Sort by om du vill ändra sorteringsvillkoren till Name, Size eller Modified.

    • Klicka på ikonen Filter längst upp till vänster om du vill filtrera de visade objekten enligt dina kriterier.

    • Ange text i fältet Sök om du vill filtrera de visade objekten så att de matchar resursnamnet.

    Använd filter och sökfält för att hitta resursen {width="700" modal="regular"}

  • Import media - Välj den här typen om du vill välja en fil från datorn och importera den till Journey Optimizer B2B edition resursbibliotek.

    I dialogrutan Upload image​drar och släpper du en fil från systemet till filrutan. Den maximala filstorleken är 100 MB.

    Importera en bildfil till ​ {width="450"}

    De markerade bildernas filnamn visas i dialogrutan. Resursfilnamn måste vara unika (i olika mappar), och om det redan finns en fil med det namnet visas ett meddelande. Namn kan innehålla högst 100 tecken och får inte innehålla specialtecken (som ;, :, \ och |).

    Klicka på Import.

Du kan lägga till en bildtitel och alternativ text för bilden på den högra panelen.

Bildinställningar {width="250"}

Ange länkalternativ

Använd alternativen för Settings​på fliken Link​för att länka bilden till ett mål och webbläsarbeteendet för att läsa in målsidan.

  1. Ange Type för länken:

    • External link - Välj den här typen om du vill använda en standard-URL som länkmål.

      Ange länkens URL i Url. Klicka på ikonen Anpassa ( Anpassa ikon ) om du vill använda en personaliseringstoken som parameter i URL:en.

      Definiera en extern länk för en knappkomponent {width="250"}

    • Landningssida - Välj den här typen för att välja en publicerad landningssida i den anslutna Marketo Engage-instansen.

      För alternativet Landing Page väljer du den publicerade landningssidan. Klicka på ikonen Markera sida ( Visa länkikon ) och välj den publicerade landningssidan.

      Definiera en länk till en landningssida för en knappkomponent {width="250"}

  2. För Label anger du den text som du vill visa inuti knappen.

    Knappens storlek justeras enligt den angivna texten och formateringen.

  3. För Target väljer du hur det länkade målet ska omdirigeras från e-postmeddelandet eller sidan:

    • None- Öppnar länken med standardwebbläsaren eller klientfunktionen (standard).
    • Blank- Öppnar länken i ett nytt fönster eller på en ny flik.
    • Self- Öppnar länken i samma ram.
    • Parent- Öppnar länken i den överordnade ramen.
    • Top- Öppnar länken i hela fönstret.

Ange format

Ange stilar för bildkomponenten på den högra panelen.

Bakgrund

Med fliken Styles​markerad på den högra panelen använder du avsnittet Background​för att definiera komponentens bakgrundsfärg.

Markera kryssrutan och klicka på färgrutan för att välja en färg i väljaren. Du kan välja en färg genom att ange ett känt RGB-, NML-, NMI- eller hexadecimalt värde. Du kan också använda färgreglaget och färgfältet för att välja färgen.

Bakgrundsfärgväljaren {width="300"}

Kant

  1. Expandera avsnittet Styles​på den högra panelen med fliken Border​markerad och ange alternativen för att visa en kantlinje för komponenten:

  2. Flytta reglaget åt höger om du vill aktivera visningsalternativen för kantlinjerna och ange dem enligt dina designvillkor:

    • Om du vill ange Border color markerar du kryssrutan och klickar på färgrutan för att välja en färg i väljaren. Du kan välja en färg genom att ange ett känt RGB-, NML-, NMI- eller hexadecimalt värde. Du kan också använda färgreglaget och färgfältet för att välja färgen.

    Kantfärgväljaren {width="300"}

    • Om du vill ange Border size (linjebredd) klickar du på upp- och nedpilarna för att öka eller minska antalet pixlar.

    • Om du vill ange Border style väljer du ett värde i listan med standard-CSS border-style-värden.

    • Om du vill avgöra var kantlinjen visas markerar du varje Border position-kryssruta.

    Kantformat {width="250"}

  3. För Border radius anger du det numeriska värdet enligt kurvan som du vill använda för hörnen.

    Värdet 0 (standard) ger ett fyrkantigt hörn.

Storlek

Expandera avsnittet Styles​på den högra panelen med fliken Size​markerad och ange alternativen för komponentens höjd och bredd:

  • Height - Klicka på upp- och nedpilarna för att öka eller minska antalet pixlar. Ett tomt värde (Auto) är standardvärdet och ändrar höjden på elementet efter dess innehåll.

  • Width - Använd växlingsknappen för att ange bredden i pixlar eller procent.

    • Om du vill ange en procentbredd använder du skjutreglaget för att ange procentvärdet. Procentvärdet avgör elementstorleken baserat på innehållsrutan i behållarblocket, som inte inkluderar utfyllnad och kantlinjer. Ett värde på 50 anger till exempel elementbredden till 50 % av den innehållna blockinnehållsbredden.

      Breddformat med procent {width="250"}

    • Om du vill ha en pixelbaserad bredd klickar du på upp- och nedpilarna för att öka eller minska antalet pixlar. Ett tomt värde (Auto) är standardvärdet och ändrar bredden på elementet efter dess innehåll.

      Breddformat med pixlar {width="250"}

Justering

Expandera avsnittet Alignment och välj den vågräta justering som du vill använda: vänster, mitten eller höger. Det här formatet översätts till ett standard-CSS-format för text-align och påverkar hur komponenten placeras i behållarkomponenten.

Vågräta justeringsformat {width="250"}

Marginal

Expandera avsnittet Styles​på den högra panelen med fliken Margin​markerad och ange alternativ för marginalavstånd i den strukturella komponenten. Det här formatet replikerar CSS-parametern margin, som styr till utrymmet utanför en komponentkant och separerar den från andra komponenter. Det skapar en lucka runt komponenten för att påverka dess placering och layouten för det omgivande innehållet.

Ange marginalvärdena i pixlar efter dina designbehov. Du kan ange marginalen för alla sidor, den översta, den vänstra eller högra sidan av komponenten oberoende av varandra:

  • Alla sidor - Om du vill ange ett värde som ska gälla alla sidor avmarkerar du kryssrutan Different margin for each side . Klicka på upp- och nedpilsikonerna för att öka eller minska antalet pixlar.

    Ange marginal för alla sidor {width="250"}

  • Övre och nedre - Om du vill ange samma värde för de övre och nedre marginalerna anger du ikonen Låst mellan inställningarna för över- och underkant. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

  • Vänster-höger - Om du vill ange samma värde för vänster- och högermarginalerna anger du ikonen Låst mellan vänster och höger inställningar. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Lås marginaler för den övre nederkanten och vänsterhögermarginalen {width="250"}

  • Oberoende - Om du vill ställa in varje marginal på ett oberoende värde anger du ikonen Olåst mellan inställningarna för över- och underkant och mellan vänster och höger. För varje inställning klickar du på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Ange oberoende marginaler {width="250"}

Utfyllnad

Expandera avsnittet Styles​på den högra panelen med fliken Padding​markerad och ange alternativ för utfyllnad i den strukturella komponenten. Det här formatet replikerar CSS-parametern padding, som är mellanrummet mellan innehållet i en komponent och dess kantlinje. Utfyllnaden ger internt avstånd som du kan använda för att styra avståndet mellan innehållet och komponentens kant.

Ange utfyllnadsvärdena i pixlar enligt dina designbehov. Du kan ange utfyllnaden för alla sidor, den översta, den vänstra eller högra sidan av komponenten oberoende av varandra:

  • Alla sidor - Om du vill ange ett värde som ska gälla alla sidor avmarkerar du kryssrutan Different padding for each side . Klicka på upp- och nedpilsikonerna för att öka eller minska antalet pixlar.

    Ange utfyllnad för alla sidor {width="250"}

  • Övre och nedre - Om du vill ange samma värde för utfyllnaden uppifrån och ned anger du ikonen Låst mellan inställningarna för över- och underkant. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

  • Vänster-höger - Om du vill ange samma värde för vänster och höger utfyllnad anger du ikonen Låst mellan vänster och höger inställning. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Lås utfyllnad för övre nedre och vänster-höger marginal {width="250"}

  • Oberoende - Om du vill ange ett oberoende värde för utfyllnad för varje sida anger du ikonen Olåst mellan inställningarna för överkant och nederkant och mellan vänster och höger. För varje inställning klickar du på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Ange oberoende utfyllnad {width="250"}

Avancerat

Om du vill använda ytterligare CSS-kompatibla attribut med värden använder du formatinställningarna för Advanced. Du kan ändra värdena för befintliga attribut eller lägga till nya. Formateringen tillämpas på komponenten med CSS-arvsmodellen för överordnade-underordnade komponenter (element).

De attribut som visas återspeglar de format som är definierade för komponenten. Du kan ändra värdena enligt CSS-definitioner. Klicka på ikonen Lägg till (+) om du vill lägga till ett nytt formatattribut för komponenten.

Avancerade format {width="250"}

Social

Använd komponenten Socialt för att infoga länkar till sidor för sociala medier i ditt innehåll. Den innehåller tre standardtyper av sociala medier, men du kan lägga till eller ta bort typerna efter behov.

Ny social komponent med standardtyper {width="600" modal="regular"}

  • Om du vill lägga till en typ av sociala medier klickar du på ikonen Lägg till ( + ) och väljer en typ av sociala medier som du vill lägga till.

    Klicka på + för att lägga till sociala medier {width="250"}

  • Om du vill ta bort en typ av sociala medier klickar du på X bredvid ikonen för sociala medier.

Välj en typ av sociala medier och ange alternativ för den typen:

  • URL - Ange den URL för sociala medier som du vill länka till grafiken eller ikonen för sociala medier.

  • Source - Om du vill använda din egen bild i stället för standardbilden väljer du en bildresurs. Du kan välja en bild från den anslutna Marketo Engage-resurskatalogen, en Experience Manager Assets-databas (om den är konfigurerad) eller importera en bildfil från datorn. Mer information om hur du väljer och importerar bildresurser finns i Information om bildkomponenter.

  • Alt text - Ange alternativ text för den visade bilden.

    Inställningar för den valda typen av sociala medier {width="250"}

Ange Size of images om du vill definiera en konsekvent visningsstorlek för all grafik för sociala medier.

Du kan ange följande formatalternativ för komponenten Social:

Bakgrund

Med fliken Styles​markerad på den högra panelen använder du avsnittet Background​för att definiera komponentens bakgrundsfärg.

Markera kryssrutan och klicka på färgrutan för att välja en färg i väljaren. Du kan välja en färg genom att ange ett känt RGB-, NML-, NMI- eller hexadecimalt värde. Du kan också använda färgreglaget och färgfältet för att välja färgen.

Bakgrundsfärgväljaren {width="300"}

Kant

  1. Expandera avsnittet Styles​på den högra panelen med fliken Border​markerad och ange alternativen för att visa en kantlinje för komponenten:

  2. Flytta reglaget åt höger om du vill aktivera visningsalternativen för kantlinjerna och ange dem enligt dina designvillkor:

    • Om du vill ange Border color markerar du kryssrutan och klickar på färgrutan för att välja en färg i väljaren. Du kan välja en färg genom att ange ett känt RGB-, NML-, NMI- eller hexadecimalt värde. Du kan också använda färgreglaget och färgfältet för att välja färgen.

    Kantfärgväljaren {width="300"}

    • Om du vill ange Border size (linjebredd) klickar du på upp- och nedpilarna för att öka eller minska antalet pixlar.

    • Om du vill ange Border style väljer du ett värde i listan med standard-CSS border-style-värden.

    • Om du vill avgöra var kantlinjen visas markerar du varje Border position-kryssruta.

    Kantformat {width="250"}

  3. För Border radius anger du det numeriska värdet enligt kurvan som du vill använda för hörnen.

    Värdet 0 (standard) ger ett fyrkantigt hörn.

Storlek

Expandera avsnittet Styles​på den högra panelen med fliken Size​markerad och ange alternativen för komponentens höjd och bredd:

  • Height - Klicka på upp- och nedpilarna för att öka eller minska antalet pixlar. Ett tomt värde (Auto) är standardvärdet och ändrar höjden på elementet efter dess innehåll.

  • Width - Använd växlingsknappen för att ange bredden i pixlar eller procent.

    • Om du vill ange en procentbredd använder du skjutreglaget för att ange procentvärdet. Procentvärdet avgör elementstorleken baserat på innehållsrutan i behållarblocket, som inte inkluderar utfyllnad och kantlinjer. Ett värde på 50 anger till exempel elementbredden till 50 % av den innehållna blockinnehållsbredden.

      Breddformat med procent {width="250"}

    • Om du vill ha en pixelbaserad bredd klickar du på upp- och nedpilarna för att öka eller minska antalet pixlar. Ett tomt värde (Auto) är standardvärdet och ändrar bredden på elementet efter dess innehåll.

      Breddformat med pixlar {width="250"}

Justering

Expandera avsnittet Alignment och välj den vågräta justering som du vill använda: vänster, mitten eller höger. Det här formatet översätts till ett standard-CSS-format för text-align och påverkar hur komponenten placeras i behållarkomponenten.

Vågräta justeringsformat {width="250"}

Marginal

Expandera avsnittet Styles​på den högra panelen med fliken Margin​markerad och ange alternativ för marginalavstånd i den strukturella komponenten. Det här formatet replikerar CSS-parametern margin, som styr till utrymmet utanför en komponentkant och separerar den från andra komponenter. Det skapar en lucka runt komponenten för att påverka dess placering och layouten för det omgivande innehållet.

Ange marginalvärdena i pixlar efter dina designbehov. Du kan ange marginalen för alla sidor, den översta, den vänstra eller högra sidan av komponenten oberoende av varandra:

  • Alla sidor - Om du vill ange ett värde som ska gälla alla sidor avmarkerar du kryssrutan Different margin for each side . Klicka på upp- och nedpilsikonerna för att öka eller minska antalet pixlar.

    Ange marginal för alla sidor {width="250"}

  • Övre och nedre - Om du vill ange samma värde för de övre och nedre marginalerna anger du ikonen Låst mellan inställningarna för över- och underkant. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

  • Vänster-höger - Om du vill ange samma värde för vänster- och högermarginalerna anger du ikonen Låst mellan vänster och höger inställningar. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Lås marginaler för den övre nederkanten och vänsterhögermarginalen {width="250"}

  • Oberoende - Om du vill ställa in varje marginal på ett oberoende värde anger du ikonen Olåst mellan inställningarna för över- och underkant och mellan vänster och höger. För varje inställning klickar du på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Ange oberoende marginaler {width="250"}

Utfyllnad

Expandera avsnittet Styles​på den högra panelen med fliken Padding​markerad och ange alternativ för utfyllnad i den strukturella komponenten. Det här formatet replikerar CSS-parametern padding, som är mellanrummet mellan innehållet i en komponent och dess kantlinje. Utfyllnaden ger internt avstånd som du kan använda för att styra avståndet mellan innehållet och komponentens kant.

Ange utfyllnadsvärdena i pixlar enligt dina designbehov. Du kan ange utfyllnaden för alla sidor, den översta, den vänstra eller högra sidan av komponenten oberoende av varandra:

  • Alla sidor - Om du vill ange ett värde som ska gälla alla sidor avmarkerar du kryssrutan Different padding for each side . Klicka på upp- och nedpilsikonerna för att öka eller minska antalet pixlar.

    Ange utfyllnad för alla sidor {width="250"}

  • Övre och nedre - Om du vill ange samma värde för utfyllnaden uppifrån och ned anger du ikonen Låst mellan inställningarna för över- och underkant. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

  • Vänster-höger - Om du vill ange samma värde för vänster och höger utfyllnad anger du ikonen Låst mellan vänster och höger inställning. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Lås utfyllnad för övre nedre och vänster-höger marginal {width="250"}

  • Oberoende - Om du vill ange ett oberoende värde för utfyllnad för varje sida anger du ikonen Olåst mellan inställningarna för överkant och nederkant och mellan vänster och höger. För varje inställning klickar du på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Ange oberoende utfyllnad {width="250"}

Avancerat

Om du vill använda ytterligare CSS-kompatibla attribut med värden använder du formatinställningarna för Advanced. Du kan ändra värdena för befintliga attribut eller lägga till nya. Formateringen tillämpas på komponenten med CSS-arvsmodellen för överordnade-underordnade komponenter (element).

De attribut som visas återspeglar de format som är definierade för komponenten. Du kan ändra värdena enligt CSS-definitioner. Klicka på ikonen Lägg till (+) om du vill lägga till ett nytt formatattribut för komponenten.

Avancerade format {width="250"}

Formulär (landningssidor)

[Beta]{class="badge informative" title="Funktionen Beta"}

Använd komponenten Formulär för att lägga till ett publicerat formulär till en landningssida eller en landningssidmall. Mer information om hur du skapar och publicerar formulär finns i Forms.

  1. Klicka på verktyget Formulär i komponentverktygsfältet eller använd egenskaperna Embed Form till höger för att välja det publicerade formuläret.

    Välj det publicerade formuläret {width="600"}

  2. Om du vill åsidosätta standardinställningen Follow up type för formuläret ändrar du inställningen enligt kraven för sidan eller mallen.

    Den här sidan kallas även Tack-sidan för formuläret och den här inställningen avgör vad som händer när en besökare skickar formuläret:

    • Stay on page - Välj det här alternativet om du vill att besökaren ska vara på samma sida när formuläret skickas.

    • Landing page - Välj det här alternativet om du vill välja en Journey Optimizer B2B edition- eller Marketo Engage-landningssida som uppföljning.

    • External URL - Välj det här alternativet om du vill ange en URL som uppföljningssida. När besökaren har skickat formuläret läser webbläsaren in den angivna URL:en.

      note tip
      TIP
      Om du vill använda formuläret för att hämta en fil kan du ange en URL för den värdbaserade filen. Med den här konfigurationen fungerar skicka-knappen som en hämtningsknapp.

      Ändra uppföljningsinställningen {width="280"}

Om det behövs väljer du fliken Styles på den högra panelen för att ange formulärmarginaler i strukturkomponenten.

Expandera avsnittet Styles​på den högra panelen med fliken Margin​markerad och ange alternativ för marginalavstånd i den strukturella komponenten. Det här formatet replikerar CSS-parametern margin, som styr till utrymmet utanför en komponentkant och separerar den från andra komponenter. Det skapar en lucka runt komponenten för att påverka dess placering och layouten för det omgivande innehållet.

Ange marginalvärdena i pixlar efter dina designbehov. Du kan ange marginalen för alla sidor, den översta, den vänstra eller högra sidan av komponenten oberoende av varandra:

  • Alla sidor - Om du vill ange ett värde som ska gälla alla sidor avmarkerar du kryssrutan Different margin for each side . Klicka på upp- och nedpilsikonerna för att öka eller minska antalet pixlar.

    Ange marginal för alla sidor {width="250"}

  • Övre och nedre - Om du vill ange samma värde för de övre och nedre marginalerna anger du ikonen Låst mellan inställningarna för över- och underkant. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

  • Vänster-höger - Om du vill ange samma värde för vänster- och högermarginalerna anger du ikonen Låst mellan vänster och höger inställningar. Klicka på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Lås marginaler för den övre nederkanten och vänsterhögermarginalen {width="250"}

  • Oberoende - Om du vill ställa in varje marginal på ett oberoende värde anger du ikonen Olåst mellan inställningarna för över- och underkant och mellan vänster och höger. För varje inställning klickar du på upp- och nedpilsikonerna för att antingen öka eller minska antalet pixlar.

    Ange oberoende marginaler {width="250"}

recommendation-more-help