Udsagn om udtalelser

Du kan nemt oprette en anmeldelserside på hjemmesiden eller tilføje dine anmeldelser på en side ved hjælp af testimonials-sektionen. Tilføjelse af kundeanmeldelser til dit websted opbygger tillid til dit brand og hjælper med at opretholde kvalitetskunderelationer.


I denne artikel:


Testimoniallisten

  • Du kan nemt inkludere en testimonial sektion på din hjemmeside, hvor du kan fremvise feedback, kommentarer og udtalelser på din hjemmeside.
  • Det er en fantastisk måde at vise den positive buzz på dit websted.

Tilføj testimonial liste sektion

  • Et afsnit kan tilføjes til en side. Du kan enten tilføje et afsnit til en allerede eksisterende side eller oprette en ny side på din hjemmeside.
  • På din side, klik på blåt + ikon at tilføje en Ny afdeling til din side.

  • Du vil nu se sektionskategorier på venstre side.
  • Rul ned og vælg Udtalelsessektion (1) mulighed, hvor du kan vælge mellem de forskellige layouts.

  • Vælg en hvilken som helst sektionslayout (2) og klik på den for at tilføje den til din side.

Tilføj og rediger listeelementer

Tilføj listeelement

Når du har tilføjet afsnittet:

  • Klik på Rediger udtalelser (1) knappen for at åbne panelet med listeelementer.

  • Klik på Tilføj vare (2) knappen for at tilføje et nyt listeelement.
  • Du vil have mulighed for at dupliker og slet (3) listepunkterne.


Rediger listeelement

Klik på det listeelement, du vil redigere. Det åbner de særlige redigeringsmuligheder for listeelementer.

Herfra kan du:

  • Upload/fjern primært og sekundært billede (1)
    Du kan uploade en Sekundært billede sammen med Primært billede for hvert listepunkt. Når en bruger holder markøren over elementet, vil det sekundære billede blive vist og erstatte det primære billede. Derudover kan du indstille Billedaccentfarve, som vil blive vist ved billedsvævning.
  • Føj til Emne (2), Undertekst (3)og Beskrivelse (4) på ​​listepunktet.
  • Du finder muligvis ikke muligheden for undertekst og beskrivelse i bestemte listeelementer afhængigt af det layout, du vælger.
    Inden du tilføjer beskrivelsen, skal du kontrollere denne artiklen.

5. Handling ved klik

Du kan tilpasse klikadfærden for individuelle elementer i Udtalelser fra nogle af vores kunder afsnit. Nedenfor er de tilgængelige muligheder:

  • Gå til et link
    Hvis du vælger denne indstilling, åbnes Link Builder, så du kan tilføje et hyperlink til dette element. Linket kan dirigere brugere til en anden side på dit websted eller en ekstern URL. Vide mere om Link Builder.
  • Åbn i Lightbox
    Denne indstilling viser elementet i en forstørret Lysbord se, når der klikkes. I denne tilstand er Subtitle og Beskrivelse knyttet til elementet vises ikke i gittervisningen, men vil være synligt i lysbokstilstand.
  • Ingen handling
    Vælg denne mulighed for at gøre elementet uklikbart. Når det er valgt, vil et klik på elementet ikke udløse nogen handling.

6. Åbn link i nyt vindue: Indstil linket til at åbne i en ny fane eller i samme fane. Dette vil kun være synligt når Gå til et link mulighed er valgt under Handling ved klik menu.

7. Knapper og links: Tilføj enhver form for Link til listepunktet. Du kan tilføje et knap/billedlink/socialt ikon/tekstlink. Lær mere.

8. Gem: Når du har foretaget tilpasningerne, skal du gemme ændringerne.


Se i aktion:


Sekvenslisteelementer

  • Du kan nemt trække og slippe listeelementerne for at ændre rækkefølgen.

Slet et listeelement

Når du har tilføjet et listeelement, kan du redigere det samme og også slette det.

  • Klik på Slette ikonet ved siden af ​​punktet med udtalelser på listen.
  • Klik på Slette knappen i bekræftelses-popup'en.
  • Gem dine ændringer.

 

 

Bemærk

Listeelement, når det er slettet, kan ikke gendannes.


Administrer elementer i testimonials-sektionen

Udtalelsessektionen indeholder en Fanen Elementer der giver dig mulighed for nemt at administrere synligheden af ​​forskellige elementer i sektionen. Ved hjælp af simple vippekontakter kan du aktivere eller deaktivere specifikke elementer uden at skulle slette eller ændre selve elementerne.

  • Klik på Rediger testimonials (1) knap.

  • Vælg den Elements (2) faneblad.
  • Når du har foretaget ændringerne, skal du trykke på Gem (3) knap.

Sektionsmuligheder

  1. Vis overskrift: Aktiver eller deaktiver synligheden af ​​overskriften for sektionen Udtalelser.
  2. Vis knapper: Kontroller, om knapper skal vises på sektionsniveau.

Indstillinger for varer

  1. Vis billede: Skift synligheden af ​​billederne.
  2. Vis Titel: Kontroller, om titlen skal vises.
  3. Vis undertekst: Aktiver eller deaktiver undertekster.
  4. Vis beskrivelse: Administrer synligheden af ​​varebeskrivelser.
  5. Vis knapper: Beslut om knapper til individuelle elementer skal vises.


Sektionslayout

  • Klik på Rediger testimonials knappen for at åbne sektionsredigeringspanelet.
  • Vælg den Layout fane.
  • Herfra kan du nemt ændre sektionens layout, selv efter at du har tilføjet det til siden.

Mens du ændrer layoutet, vil du se de sektionsrelaterede layouts øverst.

Udover disse har du også mulighed for at vælge et layout fra andre sektioner under Flere layouts overskrift.


Style dit afsnit

  • Klik på Rediger udtalelser (1) knappen for at åbne redigeringspanelet for Testimonial List.

  • Vælg den Stil (2) fane.
  • Skift stilen for sektionselementerne og Gem (3) dine ændringer.

Style Valg

Du vil have flere stilmuligheder for sektionen: 

    1. Varer
    2. Tekststørrelse
    3. Mellemrum
    4. Sektionsoverskrift
    5. Billeder
    6. Form maske
    7. Billedkant
    8. Kort
    9. Shadow
    10. Knap og links

Varer 

  1. Vælg at Vis varer in rækker og kolonner or karrusel 
    • Hvis du har valgt rækker og kolonner valgmulighed, vil listeelementerne blive arrangeret i rækker og kolonner. I dette tilfælde skal du angive antallet af rækker og kolonner.
    • Hvis du har valgt karrusel valgmulighed, vil listeelementerne blive præsenteret som et diasshow. Vide mere.
  2. Indstil antal kolonner for listepunkterne. Du kan vælge mellem 1 til 10 kolonner.
  3. Angiv Mellemrum mellem søjler af listepunkterne.
  4. Vælg den Indholdsrækkefølge dvs. billederne af de listeelementer, der skal vises først, eller den tilhørende tekst.
  5. Juster indholdet i listepunkterne. Du kan indstille dem til at være venstre-, højre- eller centerjusterede.
  6. Vælg at løkke karrusellen eller ej.
  7. I tilfælde af karrusellen skal du vælge Navigationskontrol. Du kan vælge mellem Ingen kontroller, pile – nederst i midten/øverst til højre/nederste højre, Chevron eller prikker.


Tekststørrelse

  1. Klik på Skift tekststil knappen for at besøge Design afsnit og administrere dine skriftstørrelser og stilarter.
  2. Indstil Emne skrifttype for listeelementerne.
  3. Indstil Subtitle skrifttype for listeelementerne.
  4. Indstil standard Beskrivelse skrifttype for listeelementerne.
  5. Aktiver denne indstilling for at animer alle tal til stede i Emne og Subtitle felter. Når de er aktiveret, vises numeriske værdier med en dynamisk optællingsanimation, hvilket gør dem mere visuelt engagerende.


Mellemrum

  1. Angiv Breddebillede for listepunkter.
  2. Angiv Indholdsbredde for listepunkterne.
  3. Angiv Plads under sektionsoverskrift i px.
  4. Angiv Plads under billederne af listepunkterne (i %).
  5. Angiv Plads under titlerne af listepunkterne (i %).
  6. Angiv Plads under underteksten af listepunkterne (i %).


Sektionsoverskrift

  1. Juster vandret sektionens overskriftstekst. Du kan indstille den til Venstre, Center og Højre.
  2. Aktiver/deaktiver Divider mellem afsnitsoverskriften og afsnitsindholdet.
  3. Indstil tykkelse af skillevæg (i px).
  4. Angiv Opdelerfarve fra farvevælgeren.
  5. Vælg en stil til sektionsoverskriftsdeler.


Billeder 

  1. Vælg den billedafgrøde for listepunkterne. Du kan indstille billederne som Firkantet, Cirkel, Landskab, Stående og Dynamisk.
  2. Vælg at have en fælles hjørneradius eller en anden hjørneradius for hver side af listeelementerne, og indstil et tal (i px) for hjørneradius af listeelementbillederne.

Tip

Brug af hjørneradius felt, kan du oprette forskellige former for listeelementbilleder. Hvis du angiver 500 px her, vil billederne blive vist i en cirkelform. 

  • Hvis du har valgt opdelte hjørner, kan du indstille forskellige hjørneradius for hvert hjørne.

På Image Hover 

  1. Vælg den Billedoverlejringsfarve at være accentfarve eller at være specificeret. Hvis du har valgt accentfarve, og angiv derefter opacitet.
  2. Hvis du har valgt angiv farve indstilling og derefter indstille Overlay farve for listepunkterne.
  3. Indstil Elements farve for sektionens listepunkter.
  4. Vælg at animere listeelementbillederne ved at trykke på Ja.
  5. Vælg en Animation stil for billederne på hover.


Form maske

  1. Form maske: Aktiver denne knap for at anvende en formmaske på billedet i afsnittet Udtalelser. Når den er aktiveret, vil den valgte form visuelt klippe billedet ind i den pågældende formular.
  2. Vælg form: Vælg mellem forskellige foruddefinerede former til at anvende på dit billede. Dette giver dig mulighed for kreativt at stilisere dit indhold ved at vise billedet i en unik form som afrundet, diamant, drop osv.

Noter

  • Indstillingen Shape Mask er layoutafhængig – Det vises muligvis ikke under layouts, hvor tekst som titel eller undertekst vises over billedet.
  • Stræk-indstillingen afhænger af flere faktorer – inklusive indstillinger for billedstørrelse, justering og beskæring, der er defineret under fanen Stil.
  • Hvis Billedbeskæring er indstillet til Original, vil billedets faktiske dimensioner afgøre, om det bliver strakt lodret eller vandret.


Billedkant

  1. Aktiver/deaktiver kant rundt om billederne ved at skifte til/fra.
  2. Vælg at have en fælles grænse på alle sider af billeder, eller du kan angive grænser separat for hver side.
  3. Angiv bredde af grænsen. Hvis den er sat til 0, vises grænsen ikke. Du har også mulighed for at indstille kantbredden individuelt for hver side af billedet.
  4. Vælg Border Color fra farvevælgeren.
  5. Vælg en foretrukken Border Style fra dropdown.
  6. Bestem kantbredde til mobil enheder, justere den med bredden valgt til skrivebordet.


Kort


Shadow

  1. Skærm – Vælg at vise skyggen bag listeelementerne altid eller kun ved at svæve.
  2. stil – Vælg mellem eksisterende forudindstillinger eller opret en brugerdefineret skygge.
    Hvis du har valgt Custom-indstillingen, så besøg denne Box Shadow Generator for at skabe en brugerdefineret skygge. Til sidst skal du kopiere og indsætte box shadow CSS.
  3. Hvis du har valgt forudindstillinger, så Vælg Shadow Styles fra dropdown.


Knap og links

  • Se hvordan at styre stylingen af Knapper og links.

Gem alle stilændringer.


Det fulde kort og tekstkortet

Når du tænder for Fuldt/tekstkort over din testimonialliste vil listeelementerne have en kontur og baggrund med den kortfarve, du har valgt i Design sektion. Se også: Hjemmeside farver og mellemrum.

Fuldt kort

Når indstillingen for hele kort er valgt, anvendes kortfarven på hele kortet, dvs. billedet og den tekst, der er knyttet til det. Se: 

 

Tekstkort

Når tekstkortindstillingen er valgt, anvendes kortfarven kun på den tekst, der er knyttet til billedet. Se: 

 


Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.