Attester-seksjonen

Du kan enkelt opprette en anmeldelsesside på nettstedet eller legge til anmeldelsene dine på en side ved å bruke attesteringsseksjonen. Å legge til kundeanmeldelser på nettstedet ditt bygger tillit til merkevaren din, og hjelper deg med å opprettholde kvalitetskunderelasjoner.

I denne artikkelen:

• Hva er en attestliste?
• Legg til Testimonial-seksjonen på siden
• Legg til og rediger listeelementer
• Sekvensere listeelementer
• Sletter listeelementer
• Administrer elementer
• Endring av seksjonsoppsett
• Stilalternativer
• Hele kortet og tekstkortet

Testimonial-listen

• Du kan enkelt inkludere en attestdel på nettstedet ditt der du kan vise frem tilbakemeldinger, kommentarer og attester på nettstedet ditt.
• Det er en fin måte å vise frem den positive buzzen på nettstedet ditt.

Legg til seksjon for attester

• En seksjon kan legges til en side. Du kan enten legge til en seksjon på en allerede eksisterende side eller opprette en ny side på nettstedet ditt.
• På siden din, Klikk på blått + ikon å legge til en Ny seksjon til siden din.

• Du vil nå se seksjonskategorier på venstre side.
• Rull ned og velg Seksjon for attester (1) alternativ hvor du kan velge mellom de forskjellige oppsettene.

• Velg hvilken som helst seksjonsoppsett (2) og klikk på den for å legge den til siden din.

Legg til og rediger listeelementer

Legg til listeelement

Når du har lagt til delen:

• Klikk på Rediger attester (1) for å åpne listeelementpanelet.

• Klikk på Legg til element (2) for å legge til et nytt listeelement.
• Du vil ha muligheten til å duplisere og slette (3) listeelementene.

Rediger listeelement

Klikk på listeelementet du vil redigere. Det vil åpne de spesielle redigeringsalternativene for listeelementer.

Herfra kan du:

• Last opp / fjern primær- og sekundærbilde (1)
  Du kan laste opp en Sekundært bilde sammen med Primærbilde for hvert listeelement. Når en bruker holder musepekeren over elementet, vil sekundærbildet vises, og erstatte det primære bildet. I tillegg kan du stille inn Bildeaksentfarge, som vil vises ved bildeovervåking.
• legge en Tittel (2), Undertittel (3)og Beskrivelse (4) av listeelementet.
• Du finner kanskje ikke alternativet for undertekst og beskrivelse i bestemte listeelementer, avhengig av oppsettet du velger.
  Før du legger til beskrivelsen, sjekk denne artikkel.

5. Handling ved klikk

Du kan tilpasse klikkatferden til individuelle elementer i Vitnesbyrd del. Nedenfor er de tilgjengelige alternativene:

• Gå til en lenke
  Ved å velge dette alternativet åpnes Link Builder, slik at du kan legge til en hyperkobling til dette elementet. Linken kan lede brukere til en annen side på nettstedet ditt eller en ekstern URL. Vite mer handle om Link Builder.
• Åpne i Lightbox
  Dette alternativet viser elementet forstørret Lysboks se når du klikker. I denne modusen vil Undertittel og Tekniske beskrivelser knyttet til elementet vises ikke i rutenettvisningen, men vil være synlig i lysboksmodus.
• Ingen handling
  Velg dette alternativet for å gjøre elementet uklikkbart. Når det er valgt, vil det ikke utløse noen handling ved å klikke på elementet.

6. Åpne lenke i nytt vindu: Sett koblingen til å åpne i en ny fane eller i samme fane. Dette vil bare være synlig når Gå til en lenke alternativet er valgt under Handling ved klikk menyen.

7. Knapper og lenker: Legg til hvilken som helst type link til listeelementet. Du kan legge til en knapp/bildekobling/sosialt ikon/tekstlenke. Les mer.

8. Lagre: Etter å ha gjort tilpasningene, lagre endringene.

Se i aksjon:

Sekvenslisteelementer

• Du kan enkelt dra og slippe listeelementene for å endre rekkefølgen.

Slett et listeelement

Når du har lagt til et listeelement, kan du redigere det samme og også slette det.

• Klikk på Delete ikonet ved siden av elementet i attesterlisten.
• Klikk på Delete knappen i bekreftelsespopupen.
• Spar endringene dine.

Administrer elementer i attester-seksjonen

Seksjonen med attester inkluderer en Elementer-fanen som lar deg administrere synligheten til ulike elementer i seksjonen på en enkel måte. Ved å bruke enkle vippebrytere kan du aktivere eller deaktivere spesifikke elementer uten å måtte slette eller endre selve elementene.

• Klikk på Rediger attester (1)-knappen.

• Velg Elements (2) fane.
• Etter å ha gjort endringene, trykk på Spar (3)-knappen.

Seksjonsalternativer

1. Vis overskrift: Aktiver eller deaktiver synligheten av overskriften for attester-delen.
2. Vis knapper: Kontroller om knapper vises på seksjonsnivå.

Elementer Alternativer

1. Vis bilde: Veksle mellom synligheten av bildene.
2. Vis tittel: Kontroller om tittelen skal vises.
3. Vis undertekst: Aktiver eller deaktiver undertekster.
4. Vis beskrivelse: Administrer synligheten til varebeskrivelser.
5. Vis knapper: Bestem om knapper for individuelle elementer skal vises.

Seksjonsoppsett

• Klikk på Rediger attester knappen for å åpne seksjonsredigeringspanelet.
• Velg Layout fanen.
• Herfra kan du enkelt endre oppsettet til seksjonen selv etter at du har lagt det til på siden.

Mens du endrer oppsettet, vil du se seksjonsrelaterte oppsett øverst.

Bortsett fra disse har du også muligheten til å velge en layout fra andre seksjoner under Flere layouter overskrift.

Style seksjonen din

• Klikk på Rediger attester (1) for å åpne Redigeringspanelet for Testimonial.

• Velg Stil (2) fanen.
• Endre stilen for seksjonselementene og Lagre (3) endringene dine.

Stilalternativer

Du vil ha flere stilalternativer for delen: 

1. 1. elementer
   2. Tekststørrelse
   3. Mellomrom
   4. Seksjonsoverskrift
   5. Bilder
   6. Formmaske
   7. Bildekant
   8. Kort
   9. Shadow
   10. Knapp og lenker

elementer 

1. Velg til Vis elementer in rader og kolonner or karusellen 
   • Hvis du har valgt rader og kolonner alternativet, vil listeelementene bli ordnet i rader og kolonner. I dette tilfellet må du spesifisere antall rader og kolonner.
   • Hvis du har valgt karusellen alternativet, vil listeelementene bli presentert som en lysbildefremvisning. Vite mer.
2. Sett Antall kolonner for listeelementene. Du kan velge mellom 1 til 10 kolonner.
3. Spesifiser Mellomrom mellom kolonner av listeelementene.
4. Velg Innholdsrekkefølge dvs. bildene av listeelementene som skal vises først, eller den tilhørende teksten.
5. Rette inn innholdet i Listeelementene. Du kan stille dem til å være venstre-, høyre- eller senterjustert.
6. Velg å sløyfe karusellen eller ikke.
7. I tilfelle av karusellen, velg Navigasjonskontroller. Du kan velge mellom Ingen kontroller, Piler – Nederst i midten/øverst til høyre/nedre til høyre, Chevron eller Prikker.

Tekststørrelse

1. Klikk på Endre tekststil knappen for å besøke Design seksjon og administrere skriftstørrelser og stiler.
2. Sett Tittel skriftstil for listeelementene.
3. Sett Undertittel skriftstil for listeelementene.
4. Angi standard Tekniske beskrivelser skriftstil for listeelementene.
5. Aktiver dette alternativet for å animer alle tall til stede i Tittel og Undertittel felt. Når de er slått på, vises numeriske verdier med en dynamisk telleanimasjon, noe som gjør dem mer visuelt engasjerende.

Mellomrom

1. Spesifiser bilde~~POS=TRUNC for listeelementer.
2. Spesifiser Innholdsbredde for listeelementene.
3. Spesifiser Plass under seksjonsoverskriften i px.
4. Spesifiser Plass under bildene av listeelementene (i %).
5. Spesifiser Plass under titlene av listeelementene (i %).
6. Spesifiser Plass under underteksten av listeelementene (i %).

Seksjonsoverskrift

1. Juster horisontalt seksjonens overskriftstekst. Du kan sette den til Venstre, Senter og Høyre.
2. Aktiver/deaktiver divider mellom seksjonsoverskriften og seksjonsinnholdet.
3. Sett tykkelse på skilleveggen (i px).
4. Spesifiser Skillefarge fra fargevelgeren.
5. Velg en stil for seksjonsoverskriftsdeler.

Bilder 

1. Velg bildeavling for listeelementene. Du kan angi bildene som Firkantet, Sirkel, Landskap, Portrett og Dynamisk.
2. Velg å ha en felles hjørneradius eller annen hjørneradius for hver side av listeelementene og angi et tall (i px) for hjørneradius av listeelementbildene.

• I tilfelle du har valgt delte hjørner, kan du angi forskjellig hjørneradius for hvert hjørne.

På bildepekeren 

3. Velg Bildeoverleggsfarge å være aksentfarge eller å være spesifisert. Hvis du har valgt aksentfarge, spesifiser deretter opacity.
4. Hvis du har valgt angi farge alternativet og deretter angi Overleggsfarge for listeelementene.
5. Sett Elements farge for listeelementene i seksjonen.
6. Velg til animer listeelementbildene ved å trykke på Ja.
7. Velg en Animasjonsstil for bildene på hover.

Formmaske

1. Formmaske: Aktiver denne veksleknappen for å bruke en formmaske på bildet i anbefalingsdelen. Når den er aktivert, vil den valgte formen visuelt klippe bildet inn i det skjemaet.
2. Velg form: Velg mellom forskjellige forhåndsdefinerte former for å bruke på bildet ditt. Dette lar deg stilisere innholdet ditt kreativt ved å vise bildet i en unik form som avrundet, diamant, dråpe, etc.

Bildekant

1. Aktiver / deaktiver kantlinje rundt bildene ved å bytte bryteren.
2. Velg å ha en felles grense på alle sider av bildene, eller du kan spesifisere grenser separat for hver side.
3. Spesifiser bredde av grensen. Hvis den er satt til 0, vil ikke rammen vises. Du har også muligheten til å angi kantbredden individuelt for hver side av bildet.
4. Velg Grensefarge fra fargevelgeren.
5. Velg en foretrukket Border Style fra rullegardinmenyen.
6. Bestem kantbredde for mobil enheter, justere den med bredden valgt for skrivebordet.

Kort

• Se hvordan å administrere kort.

Shadow

1. Vise – Velg å vise skyggen bak listeelementene alltid eller bare ved å holde musepekeren.
2. Stil – Velg fra eksisterende forhåndsinnstillinger eller lag en egendefinert skygge.
   Hvis du har valgt Egendefinert-alternativet, kan du besøke dette Box Shadow Generator for å lage en egendefinert skygge. Til slutt kopierer og limer du inn boksskygge CSS.
3. I tilfelle du har valgt forhåndsinnstillinger, så Velg Shadow Styles fra rullegardinmenyen.

Knapp og lenker

• Se hvordan å administrere stylingen av Knapper og lenker.

Spar alle stilendringene.

Tekstkort

Når alternativet for tekstkort er valgt, brukes kortfargen bare på teksten som er knyttet til bildet. Ta en titt: 

Relaterte artikler:

• Typer seksjoner
• Alternativer for seksjonssynlighet