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:


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.

Lägg till avsnittet om vittnesmål

  • 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 vilken som helst sektionslayout (2) och klicka på den för att lägga till den på din sida.

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.

Härifrån kan du:

  • Ladda upp/ta bort primär och sekundär bild (1)
    Du kan ladda upp en Sekundär bild tillsammans med Primär bild för varje listobjekt. När en användare håller muspekaren över objektet kommer den sekundära bilden att visas och ersätter den primära bilden. Dessutom kan du ställa in Bild Accent Färg, som kommer att visas när du svävar på bilden.
  • Lägg till Titel Lagring, Undertext Lagringoch Beskrivning (4) i listpunkten.
  • Du kanske inte hittar alternativet för undertext och beskrivning i vissa listobjekt beroende på vilken layout du väljer.
    Kontrollera innan du lägger till beskrivningen detta artikel.

5. Åtgärd vid klick

Du kan anpassa klickbeteendet för enskilda objekt i Referenser avsnitt. Nedan finns de tillgängliga alternativen:

  • Gå till en länk
    Om du väljer detta alternativ öppnas Länkbyggare, så att du kan lägga till en hyperlänk till detta objekt. Länken kan leda användare till en annan sida på din webbplats eller en extern URL. Veta mer handla om Länkbyggare.
  • Öppna i Lightbox
    Detta alternativ visar objektet i en förstoring Lightbox visa när du klickar. I det här läget är Texta och BESKRIVNING associerat med objektet kommer inte att visas i rutnätsvyn men kommer att vara synligt i ljusbordsläge.
  • Ingen åtgärd
    Välj det här alternativet för att göra objektet oklickbart. När det är markerat kommer det inte att utlösa någon åtgärd om du klickar på objektet.

6. Öppna länk i nytt fönster: Ställ in länken så att den öppnas i en ny flik eller i samma flik. Detta kommer bara att synas när Gå till en länk alternativet är valt under Åtgärd vid klick meny.

7. Knappar och länkar: Lägg till vilken typ av Länk till listobjektet. Du kan lägga till en knapp/bildlänk/social ikon/textlänk. Läs mer.

8. Spara: När du har gjort anpassningarna sparar du ändringarna.


Se i aktion:


Sekvenslistobjekt

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

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.
  • Spara dina förändringar.

 

 

Anmärkningar

Listobjekt när det en gång har tagits bort kan inte återställas.


Hantera delar av avsnittet om vittnesmål

Avsnittet med vittnesmål innehåller en Fliken Element som låter dig hantera synligheten för olika element inom sektionen med lätthet. Med enkla växlingsknappar kan du aktivera eller inaktivera specifika element utan att behöva ta bort eller ändra själva elementen.

  • Klicka på Redigera vittnesmål (1) -knapp.

  • Välj Elements (2) flik.
  • När du har gjort ändringarna, tryck på Spara (3) -knapp.

Sektionsalternativ

  1. Visa rubrik: Aktivera eller inaktivera synligheten för rubriken för avsnittet Rekommendationer.
  2. Visa knappar: Styr om knappar ska visas på sektionsnivå.

Objekt Alternativ

  1. Visa bild: Växla synligheten för bilderna.
  2. Visa Titel: Kontrollera om titeln ska visas.
  3. Visa undertext: Aktivera eller inaktivera undertexter.
  4. Visa beskrivning: Hantera synligheten för artikelbeskrivningar.
  5. Visa knappar: Bestäm om knappar för enskilda objekt ska visas.


Sektionslayout

  • Klicka på Redigera vittnesmål knappen för att öppna sektionsredigeringspanelen.
  • Välj Layout fliken.
  • Härifrån kan du enkelt ändra layouten för avsnittet även efter att du lagt till det på sidan.

När du ändrar layouten ser du de sektionsrelaterade layouterna överst.

Förutom dessa har du också möjlighet att välja en layout från andra sektioner under Fler layouter rubrik.


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: 

    1. objekt
    2. Textstorlek
    3. Förband
    4. Avsnittsrubrik
    5. Bilder
    6. Formmask
    7. Bildkant
    8. Kort
    9. skugga
    10. Knapp och länkar

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.


Textstorlek

  1. Klicka på Ändra textstil knappen för att besöka Design avsnitt och hantera dina teckenstorlekar och stilar.
  2. Ställ in Titel teckensnitt för listobjekten.
  3. Ställ in Texta teckensnitt för listobjekten.
  4. Ställ in standard BESKRIVNING teckensnitt för listobjekten.
  5. Aktivera det här alternativet för att animera valfria siffror närvarande i Titel och Texta fält. När de är aktiverade visas numeriska värden med en dynamisk räkne-animation, vilket gör dem mer visuellt engagerande.


Förband

  1. ange bild~~POS=TRUNC för listobjekt.
  2. ange Innehållsbredd för listobjekten.
  3. ange Utrymme under avsnittsrubrik i px.
  4. ange Utrymme under bilder av listposterna (i %).
  5. ange Utrymme under titlarna av listposterna (i %).
  6. ange Mellanslag under undertexten av listposterna (i %).


Avsnittsrubrik

  1. Justera horisontellt avsnittsrubrikens text. Du kan ställa in den på vänster, mitten och höger.
  2. Aktivera/inaktivera divider mellan avsnittsrubrik och avsnittsinnehåll.
  3. Ställ in avdelarens tjocklek (i px).
  4. ange Avdelningsfärg från färgväljaren.
  5. Välj en stil för rubrikavdelare.


Bilder 

  1. Välj bildskörd för listobjekten. Du kan ställa in bilderna som fyrkantig, cirkel, liggande, stående och dynamisk.
  2. 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.

Tips

Använda hörnradie kan du skapa olika former av listobjektbilder. Om du anger 500 px här, kommer bilderna att visas i en cirkelform. 

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

På Bildhover 

  1. Välj Bildöverläggsfärg att vara accentfärg eller att vara specificerade. Om du har valt accentfärg, ange sedan opacitet.
  2. Om du har valt ange färg alternativet ställ sedan in Överlagringsfärg för listobjekten.
  3. Ställ in Elements färg för sektionens listobjekt.
  4. Välj att animera listobjektets bilder vid muspekaren genom att klicka på Ja.
  5. Välj en Animation stil för bilderna på hover.


Formmask

  1. Formmask: Aktivera den här växlingsknappen för att tillämpa en formmask på bilden i avsnittet Referenser. När den är aktiverad kommer den valda formen visuellt att klippa bilden till det formuläret.
  2. Välj form: Välj bland olika fördefinierade former att tillämpa på din bild. Detta låter dig stilisera ditt innehåll kreativt genom att visa bilden i en unik form som rundad, diamant, droppe, etc.

Anmärkningar

  • Alternativet Formmask är layoutberoende – Det kanske inte visas under layouter där text som titel eller undertext visas över bilden.
  • Stretch-inställningen beror på flera faktorer – inklusive inställningar för bildstorlek, justering och beskärning som definieras under fliken Stil.
  • Om Bildbeskärning är inställd på Original, avgör bildens faktiska mått om den sträcks vertikalt eller horisontellt.


Bildkant

  1. Aktivera/inaktivera kantlinje runt bilderna genom att växla reglaget.
  2. Välj att ha en gemensam gräns på alla sidor av bilder eller så kan du ange gränser separat för varje sida.
  3. ange bredd av gränsen. Om den är inställd på 0, kommer gränsen inte att visas. Du har också möjlighet att ställa in rambredden individuellt för varje sida av bilden.
  4. Välj Gräns ​​färg från färgväljaren.
  5. Välj en föredragen Gränsstil från rullgardinsmenyn.
  6. Bestäm kantbredd för mobil enheter, justera den med den bredd som valts för skrivbordet.


Kort


skugga

  1. Skärmar – Välj att visa skuggan bakom listobjekten alltid eller endast när du håller muspekaren.
  2. 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.
  3. Om du har valt förinställningsalternativet, då Välj Shadow Styles från rullgardinsmenyn.


Knapp och länkar

  • Se hur att hantera stylingen av Knappar och länkar.

Spara alla stilförändringar.


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 Design 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: 

 


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.