Avsnitt om vittnesmål

Du kan enkelt skapa en recensionssida på webbplatsen eller lägga till dina recensioner på en sida med hjälp av rekommendationssektionen.

Att lägga till kundrecensioner på din webbplats bygger förtroende för ditt varumärke och hjälper till att upprätthålla kundrelationer av hög kvalitet.

I den här artikeln:

1. Vad är en vittnesmålslista?
2. Lägga till ett avsnitt med vittnesbördslista på sidan
3. Lägg till och redigera listobjekt
4. Sekvensera listobjekt
5. Ta bort listobjekt
6. Ändra sektionslayout
7. Stilalternativ
8. Hela kortet och textkortet

1. Testimonialslistan

• Du kan enkelt inkludera en vittnesmålssektion på din webbplats där du kan visa upp feedback, kommentarer och vittnesmål på din webbplats.
• Det är ett bra sätt att visa upp den positiva buzzen på din webbplats.

2. Lägg till avsnittet om vittnesbörd

• Ett avsnitt kan läggas till på en sida. Du kan antingen lägga till ett avsnitt på en redan befintlig sida eller skapa en ny sida på din webbplats.
• På din sida, Klicka på blå + ikon att lägga till en Nytt avsnitt till din sida.

• Du kommer nu att se sektionskategorier på vänstra sidan.
• Scrolla ner och välj Avsnitt med vittnesmål (1) alternativ där du kan välja mellan de olika layouterna.

• Välj valfri sektionslayout (2) och klicka på den för att lägga till den på din sida.

3. Lägg till och redigera listobjekt

Lägg till listobjekt

När du har lagt till avsnittet:

• Klicka på Redigera vittnesmål (1) knappen för att öppna listobjektpanelen.

• Klicka på Lägg till objekt (2) för att lägga till ett nytt listobjekt.
• Du kommer att ha möjlighet att duplicera och ta bort (3) listobjekten.

Redigera listobjekt

• Klicka på listobjektet som du vill redigera.
• Det kommer att öppna de särskilda redigeringsalternativen för listobjekt.
• Ladda upp en bild (1) för listpunkten.
• Lägg till Titel (2), Texta (3), och Beskrivning (4) i listpunkten.

• Klicka på Link Builder-ikonen för Titellänk (5) för att öppna länkbyggaren för att länka listobjektets titel till valfri sida.
• Ställ in länken så att den öppnas i en ny flik eller i samma flik (6).
• Lägg till vilken typ av Länk (7) till listobjektet. Du kan lägga till en knapp/bildlänk/social ikon/textlänk. LÄR DIG MER.
• Save (8) dina ändringar.

Se i aktion:

4. Sekvenslista

• Du kan enkelt dra och släppa listobjekten för att ändra ordningsföljden.

5. Ta bort ett listobjekt

När du har lagt till ett listobjekt kan du redigera det och även ta bort det.

• Klicka på Radera ikonen bredvid rekommendationslistan.
• Klicka på Radera knappen i popup-fönstret för bekräftelse.
• Save dina förändringar.

6. Sektionslayout

• Klicka på Hantera vittnesmål för att öppna redigeringspanelen för bildlista.
• Välj Layout fliken.
• Välj layout för din sektion och spara dina ändringar.

7. Style ditt avsnitt

• Klicka på Redigera vittnesmål (1) för att öppna redigeringspanelen för Rekommendationslista.

• Välj Stil (2) fliken.
• Ändra stilen för sektionselementen och Spara (3) dina förändringar.

Stilalternativ

Du kommer att ha flera stilalternativ för avsnittet: 

objekt 

1. Välj att Visa objekt in rader och kolumner or Karusellen 
   • Om du har valt rader och kolumner alternativ kommer listobjekten att ordnas i rader och kolumner. I det här fallet måste du ange antalet rader och kolumner.
   • Om du har valt Karusellen alternativ kommer listobjekten att presenteras som ett bildspel. Veta mer.
2. Ställ in antal kolumner för listobjekten. Du kan välja mellan 1 till 10 kolumner.
3. ange Mellanrum mellan kolumner av listobjekten.
4. Välj Innehållsordning dvs bilderna av listobjekten som ska visas först eller tillhörande text.
5. Justera innehållet i listobjekten. Du kan ställa in dem att vara vänster-, höger- eller mittjusterade.
6. Välj att loopa karusellen eller inte.
7. I fallet med karusellen, välj Navigationskontroller. Du kan välja mellan Inga kontroller, Pilar – Nedre mitten/Upptill höger/Nedre höger, Chevron eller Prickar.

Bilder 

8. Välj bildskörd för listobjekten. Du kan ställa in bilderna som fyrkantig, cirkel, liggande, stående och dynamisk.
9. Välj att ha en gemensam hörnradie eller annan hörnradie för varje sida av listobjekten och ange ett nummer (i px) för hörnradie av listobjektets bilder.

• Om du har valt delade hörn kan du ställa in olika hörnradier för varje hörn.

På Bildhover 

10. Välj Bild Hover Color att vara accentfärg eller att vara specificerade. Om du har valt accentfärg, ange sedan opacitet.
11. Om du har valt ange färg alternativet ställ sedan in Basens svävarfärg och opacitet för listobjekten.
12. Ställ in Elements färg för sektionens listobjekt.
13. Välj att animera listobjektets bilder vid muspekaren genom att klicka på Ja.

Storlek & Utrymme 

14. ange bild~~POS=TRUNC för listobjekt.
15. ange Innehållsbredd för listobjekten.
16. ange Utrymme under avsnittsrubrik i px.
17. ange Utrymme under bilder av listposterna (i %).
18. ange Utrymme under titlarna av listposterna (i %).

Textstil

19. Klicka på Ändra textstil knappen för att besöka Designa avsnitt och hantera dina teckenstorlekar och stilar.
20. Ställ in Titel teckensnitt för listobjekten.
21. Ställ in Texta teckensnitt för listobjekten.
22. Ställ in standard Beskrivning teckensnitt för listobjekten.

Kort 

23. Se hur att hantera kort.

skugga 

24. Visa – Välj att visa skuggan bakom listobjekten alltid eller endast när du håller muspekaren.
25. Stil – Välj bland befintliga förinställningar eller skapa en anpassad skugga.
    Om du har valt alternativet Anpassat, besök detta Box Shadow Generator för att skapa en anpassad skugga. Slutligen, kopiera och klistra in box skugga CSS.

26. Om du har valt förinställningsalternativet, då Välj Shadow Styles från rullgardinsmenyn.

Knappar och länkar

27. Se hur för att hantera utformningen av knappar och länkar.
28. Save förändringarna.

8. Hela kortet och Textkortet

När du slår på Fullständigt/textkort över din rekommendationslista kommer listobjekten att ha en kontur och bakgrund med kortfärgen som du har valt i Designa sektion.
Se även: Webbplatsens färger och mellanrum.

Fullständigt kort

När alternativet för helkort är valt, tillämpas kortfärgen på hela kortet, dvs. bilden och texten som är kopplad till det.

Ta en titt: 

Text kort

När alternativet textkort är valt, tillämpas kortfärgen endast på texten som är kopplad till bilden.

Ta en titt: