Stilsätt betalningsknappar

När du har lagt till blocket Betalningsknappar på din webbplats kan du ändra knappfärg, layout med mera. Lär dig hur du stilsätter dina betalningsknappar i den här guiden.

Ändra bakgrund och textfärg för betalningsknappen genom att följa dessa steg:

1. Klicka på en enskild knapp i betalningsblocket.
2. I sidopanelen med blockinställningar lokaliserar du sektionen ”Bakgrund och textfärg”.
3. Klicka på sektionen Textfärg för att ändra färgen på texten i knappen.
4. Klicka på sektionen Bakgrund för att ändra knappens färg.

Läs mer om att tillämpa färger på dina knappar.

Ändra avrundningen av knappens kanter genom att ändra knappens radie. Följ dessa steg:

1. Klicka på en enskild knapp i betalningsblocket.
2. I sidopanelen med blockinställningar lokaliserar du sektionen ”Ram”.
3. Använd skjutreglaget, eller ange en siffra, för att ändra knappens radie.
4. Klicka på ”Spara” eller ”Publicera” längst upp till höger för att spara dina ändringar.

En lägre siffra gör knappen mer fyrkantig och en högre siffra rundar knappens hörn.

Konfigurera knappens bredd genom att följa dessa steg:

1. Klicka på en enskild knapp i betalningsblocket.
2. I sidopanelen med blockinställningar lokaliserar du sektionen ”Breddinställningar”.
3. Välj en av förinställningarna (25 %, 50 %, 75 % eller 100 %) eller ange en anpassad bredd.
4. Klicka på ”Spara” eller ”Publicera” längst upp till höger för att spara dina ändringar.

Ange till exempel en knapps bredd till 100 % för att skapa en knapp i full bredd. Eller så ställer du in varje knapp på 50 % för att ha två knappar som tar upp hela bredden på innehållsområdet, som i det här exemplet:

Följ dessa steg för att ändra justeringen för betalningsknappar:

1. Välj Listvy i det övre vänstra hörnet i redigeraren.
2. Klicka på alternativet Betalningsknappar i listvyn.
3. I blockverktygsfältet som visas klickar du på knappen ”Ändra justering för objekt”.
4. Välj ett av följande alternativ:
   • Vänsterjustera objekt: Vänsterjusterar alla knappar.
   • Centrera objekt: Centrerar alla knappar.
   • Högerjustera objekt: Högerjusterar alla knappar.
   • Avstånd mellan objekt: Placerar knapparna jämnt inom blocket Betalningsknappar.
5. Klicka på ”Spara” eller ”Publicera” längst upp till höger för att spara dina ändringar.

Välj en förinställd stil för din knapp genom att följa dessa steg:

1. Klicka på en enskild knapp i betalningsblocket.
2. I sidopanelen med blockinställningar klickar du på fliken Stilar.
3. Välj mellan Fyllning och Kontur för din knappstil.
4. Klicka på ”Spara” eller ”Publicera” längst upp till höger för att spara dina ändringar.

Ändra typsnittsstorlek, typsnittstyp och skiftläge för texten i din knapp genom att följa dessa steg:

1. Klicka på en enskild knapp i blocket Betalningsknappar.
2. I sidopanelen med blockinställningar klickar du på fliken Stilar.
3. Bläddra till sektionen Typografi.
4. Ändra storleken på knapptexten eller klicka på de tre punkterna (⋮) för att aktivera alternativen för Typsnitt och Skiftläge.
5. Klicka på ”Spara” eller ”Publicera” längst upp till höger för att spara dina ändringar.

Läs mer om inställningar för typografi.

Du kan lägga till formatering såsom fet och kursiv stil i betalningsknappens text. Följ dessa steg för att tillämpa formatering:

1. Klicka på en enskild knapp i betalningsblocket.
2. Markera en del text, eller all text, som du vill formatera.
3. Tillämpa någon av följande stilar med hjälp av blockverktygsfältet som visas:
   • Fet
   • Kursiv
   • Ikonen Mer inkluderar:
     • Framhäv: Ändra text- och bakgrundsfärgen på bara texten. Använd stilar för att ändra färgen på knappen.
     • Kod inlagd i texten
     • Bild inlagd i texten
     • Tangentbordsinmatningsstil
     • Språkattribut
     • Genomstrykning
     • Abonnent
     • Superskript
4. Klicka på ”Spara” eller ”Publicera” längst upp till höger för att spara dina ändringar.