Getuigenissen sectie

U kunt eenvoudig een recensiepagina op de website maken of uw recensies op een pagina toevoegen met behulp van de getuigenissensectie. Het toevoegen van klantrecensies aan uw website schept vertrouwen in uw merk en helpt bij het onderhouden van hoogwaardige klantrelaties.


In dit artikel:


De getuigenislijst

  • U kunt eenvoudig een Testimonial-gedeelte op uw website opnemen waar u feedback, opmerkingen en getuigenissen op uw website kunt laten zien.
  • Het is een geweldige manier om de positieve buzz op uw website te laten zien.

Sectie Getuigenislijst toevoegen

  • Aan een pagina kan een sectie worden toegevoegd. U kunt een sectie toevoegen aan een reeds bestaande pagina of maak een nieuwe pagina aan binnen uw website.
  • Op jouw pagina, Klik op de blauw + icoon om een ​​toe te voegen Nieuwe sectie naar uw pagina.

  • U ziet nu de sectie categorieën aan de linkerkant.
  • Scroll naar beneden en kies de Sectie getuigenissen (1) optie waar u kunt kiezen uit de verschillende lay-outs.

  • Kies er een sectie lay-out (2) en klik erop om het aan uw pagina toe te voegen.

Lijstitems toevoegen en bewerken

Lijstitem toevoegen

Nadat u de sectie hebt toegevoegd:

  • Klik op de Getuigenissen bewerken (1) knop om het lijstitempaneel te openen.

  • Klik op de Artikel toevoegen (2) knop om een ​​nieuw lijstitem toe te voegen.
  • U heeft de mogelijkheid om: dupliceren en verwijderen (3) de lijstitems.


Lijstitem bewerken

Klik op het lijstitem dat u wilt bewerken. Het opent de specifieke bewerkingsopties voor lijstitems.

Vanaf hier kunt u:

  • Uploaden/verwijderen primaire en secundaire afbeelding (1)
    U kunt een Secundaire afbeelding samen met de Primaire afbeelding voor elk lijstitem. Wanneer een gebruiker met de muis over het item beweegt, wordt de secundaire afbeelding weergegeven, ter vervanging van de primaire afbeelding. Daarnaast kunt u de Accentkleur afbeelding, die wordt weergegeven als u met de muis over de afbeelding beweegt.
  • Voeg een Onderwerp (2), Ondertitel (3), en Beschrijving (4) van het lijstitem.
  • Mogelijk vindt u de optie voor ondertiteling en beschrijving niet in bepaalde lijstitems, afhankelijk van de lay-out die u kiest.
    Controleer voordat u de beschrijving toevoegt dit artikel.

5. Actie bij klikken

U kunt het klikgedrag van afzonderlijke items in de Verhalen van Klanten sectie. Hieronder staan ​​de beschikbare opties:

  • Ga naar een link
    Als u deze optie selecteert, wordt de Linkbuilder, waarmee u een hyperlink naar dit item kunt toevoegen. De link kan gebruikers naar een andere pagina binnen uw website of een externe URL leiden. Meer weten over Linkbuilder.
  • Openen in Lightbox
    Met deze optie wordt het item vergroot weergegeven Lichtbak bekijken wanneer erop wordt geklikt. In deze modus is de Subtitel en Beschrijving De items die aan het item zijn gekoppeld, worden niet weergegeven in de rasterweergave, maar zijn wel zichtbaar in de Lightbox-modus.
  • No action
    Kies deze optie om het item onklikbaar te maken. Wanneer geselecteerd, zal klikken op het item geen actie activeren.

6. Link openen in nieuw venster: Stel de koppeling in om te openen in een nieuw tabblad of in hetzelfde tabblad. Dit zal alleen zichtbaar zijn als Ga naar een link optie is geselecteerd onder de Actie bij klikken menu.

7. Knoppen en links: Voeg elk type toe Link aan het lijstitem. U kunt een knop/afbeeldingslink/sociaal pictogram/tekstlink toevoegen. Leer het team kennen.

8. Opslaan: Nadat u de aanpassingen hebt gemaakt, slaat u deze op.


Zie in actie:


Sequentielijstitems

  • U kunt de lijstitems eenvoudig slepen en neerzetten om de volgorde te wijzigen.

Een lijstitem verwijderen

Nadat u een lijstitem hebt toegevoegd, kunt u dit bewerken en ook verwijderen.

  • Klik op de Verwijdering pictogram naast het item in de testimoniallijst.
  • Klik op de Verwijdering knop in de bevestigingspop-up.
  • Opslaan uw wijzigingen.

 

 

Note

Lijstitem dat eenmaal is verwijderd, kan niet worden hersteld.


Beheer elementen van de sectie Getuigenissen

De sectie Getuigenissen bevat een Tabblad Elementen waarmee u de zichtbaarheid van verschillende elementen binnen de sectie eenvoudig kunt beheren. Met behulp van eenvoudige schakelaars kunt u specifieke elementen in- of uitschakelen zonder de elementen zelf te hoeven verwijderen of wijzigen.

  • Klik op de Getuigenissen bewerken (1) knop.

  • Kies de Elementen (2) tabblad.
  • Nadat u de wijzigingen hebt aangebracht, klikt u op Opslaan (3) knop.

Sectie Opties

  1. Koptekst weergeven: Schakel de zichtbaarheid van de kop voor de sectie Getuigenissen in of uit.
  2. Toon knoppen: Bepaal of knoppen op sectieniveau worden weergegeven.

Artikelopties

  1. Toon afbeelding: Schakel de zichtbaarheid van de afbeeldingen in of uit.
  2. Toon titel: Bepaal of de titel wordt weergegeven.
  3. Ondertitel weergeven: Ondertiteling in- of uitschakelen.
  4. Laat beschrijving zien: Beheer de zichtbaarheid van itembeschrijvingen.
  5. Toon knoppen: Bepaal of knoppen voor afzonderlijke items moeten worden weergegeven.


Sectie-indeling

  • Klik op de Getuigenissen bewerken om het sectiebewerkingspaneel te openen.
  • Kies de Layout Tab.
  • Vanaf hier kunt u eenvoudig de lay-out van de sectie wijzigen, zelfs nadat u deze aan de pagina hebt toegevoegd.

Terwijl u de lay-out wijzigt, ziet u bovenaan de sectiegerelateerde lay-outs.

Daarnaast heeft u ook de mogelijkheid om een ​​lay-out te kiezen uit andere secties onder de Meer indelingen rubriek.


Stijl je sectie

  • Klik op Getuigenissen bewerken (1) om het bewerkingspaneel Getuigenislijst te openen.

  • Kies de Stijl (2) Tab.
  • Wijzig de stijl voor de sectie-elementen en Opslaan (3) uw wijzigingen.

Stijl opties

Je hebt meerdere stijlopties voor de sectie: 

    1. Item
    2. Lettergrootte
    3. Spacing
    4. Sectie Kop
    5. Afbeeldingen
    6. Vormmasker
    7. Afbeeldingsrand
    8. Kaarten
    9. Shadow
    10. Knop & koppelingen

Item 

  1. Kies voor Artikelen weergeven in rijen en kolommen or carrousel 
    • Als u de rijen en kolommen optie, worden de lijstitems gerangschikt in rijen en kolommen. In dit geval moet u het aantal rijen en kolommen opgeven.
    • Als u de carrousel optie, worden de lijstitems gepresenteerd als een diavoorstelling. Meer weten.
  2. Kies het aantal columns voor de lijstitems. U kunt kiezen uit 1 tot 10 kolommen.
  3. Geef het Ruimte tussen kolommen van de lijstitems.
  4. Kies de Inhoud bestelling dwz de afbeeldingen van de lijstitems die als eerste moeten worden weergegeven of de bijbehorende tekst.
  5. richten de inhoud in de lijstitems. U kunt instellen dat ze links, rechts of in het midden uitgelijnd zijn.
  6. Kies ervoor om de carrousel te herhalen of niet.
  7. Kies in het geval van de carrousel de Navigatiebediening. U kunt kiezen tussen Geen bedieningselementen, Pijlen - Middenonder/Rechtsboven/Rechtsonder, Chevron of Punten.


Lettergrootte

  1. Klik op de Tekststijl wijzigen knop om de Design sectie en beheer uw lettergroottes en -stijlen.
  2. Kies het Onderwerp letterstijl voor de lijstitems.
  3. Kies het Subtitel letterstijl voor de lijstitems.
  4. Stel de standaard in Beschrijving letterstijl voor de lijstitems.
  5. Schakel deze optie in om animeer willekeurige getallen Aanwezig in de Onderwerp en Subtitel velden. Wanneer deze functie is ingeschakeld, verschijnen numerieke waarden met een dynamische telanimatie, waardoor ze visueel aantrekkelijker worden.


Spacing

  1. Geef het Breedte afbeelding voor lijstitems.
  2. Geef het Inhoudsbreedte voor de lijstitems.
  3. Geef het Ruimte onder sectiekop in px.
  4. Geef het Ruimte onder afbeeldingen van de lijstitems (in %).
  5. Geef het Ruimte onder de titels van de lijstitems (in %).
  6. Geef het Ruimte onder de ondertitel van de lijstitems (in %).


Sectie Kop

  1. Horizontaal uitlijnen de sectiekoptekst. U kunt deze instellen op Links, Midden en Rechts.
  2. Inschakelen/uitschakelen van de verdeler tussen de sectiekop en de sectie-inhoud.
  3. Kies het dikte van de verdeler (in px).
  4. Geef het Divider kleur van kleurenkiezer.
  5. Selecteer een stijl voor sectie kop scheidingslijn.


Afbeeldingen 

  1. Kies de afbeelding bijsnijden voor de lijstitems. U kunt de afbeeldingen instellen als Vierkant, Cirkel, Landschap, Portret en Dynamisch.
  2. Kies voor een gemeenschappelijke hoekradius of een andere hoekradius voor elke zijde van de lijstitems en stel een getal in (in px) voor de hoekradius van de lijstitemafbeeldingen.

Tip

De hoekradius veld, kunt u verschillende vormen van afbeeldingen van lijstitems maken. Als u hier 500 px opgeeft, worden de afbeeldingen in een cirkelvorm weergegeven. 

  • Als u gesplitste hoeken heeft gekozen, kunt u voor elke hoek een andere hoekradius instellen.

Op afbeelding zweven 

  1. Kies de Afbeelding Overlay Kleur om de ... te zijn accent kleur of te zijn gespecificeerd. Als je hebt gekozen voor de accent kleuren specificeer vervolgens het ondoorzichtigheid.
  2. Als u de kleur opgeven optie en stel vervolgens de Overlay kleur voor de lijstitems.
  3. Kies het Elementen kleur voor de lijstitems van de sectie.
  4. Kies voor animeer de afbeeldingen van het lijstitem zweven door op Ja te klikken.
  5. Selecteer een Animatiestijl voor de afbeeldingen bij hover.


Vormmasker

  1. Vormmasker: Schakel deze schakelaar in om een ​​vormmasker toe te passen op de afbeelding in het gedeelte 'Getuigenissen'. Zodra deze schakelaar is ingeschakeld, wordt de geselecteerde vorm visueel in de afbeelding bijgesneden.
  2. Selecteer vorm: Kies uit verschillende vooraf gedefinieerde vormen om toe te passen op uw afbeelding. Hiermee kunt u uw content creatief stylen door de afbeelding in een unieke vorm weer te geven, zoals rond, diamant, druppel, etc.

Notes

  • De optie Vormmasker is afhankelijk van de lay-out – Het wordt mogelijk niet weergegeven onder lay-outs waarbij tekst zoals een titel of ondertitel over de afbeelding wordt weergegeven.
  • De Stretch-instelling is afhankelijk van meerdere factoren – inclusief de instellingen voor afbeeldingsgrootte, uitlijning en bijsnijden die zijn gedefinieerd onder het tabblad Stijl.
  • Als Afbeelding bijsnijden is ingesteld op Origineel, bepalen de werkelijke afmetingen van de afbeelding of deze verticaal of horizontaal wordt uitgerekt.


Afbeeldingsrand

  1. Rand in-/uitschakelen rond de afbeeldingen door de schakelaar om te zetten.
  2. Kies ervoor om een gemeenschappelijke grens aan alle zijden van afbeeldingen of u kunt de grenzen apart voor elke kant.
  3. Geef het Breedte van de grens. Als deze is ingesteld op 0, wordt de rand niet weergegeven. U heeft ook de mogelijkheid om de randbreedte voor elke zijde van de afbeelding afzonderlijk in te stellen.
  4. Selecteer het Rand kleur van kleurenkiezer.
  5. Selecteer een voorkeur Border Style in de vervolgkeuzelijst.
  6. Bepalen randbreedte voor mobiel apparaten, waarbij het wordt uitgelijnd met de gekozen breedte voor het bureaublad.


Kaarten


Shadow

  1. Scherm – Kies ervoor om de schaduw achter de lijstitems altijd weer te geven of alleen bij zweven.
  2. Style  - Kies uit bestaande voorinstellingen of maak een aangepaste schaduw.
    Als je de optie Aangepast hebt gekozen, ga dan naar deze Box schaduwgenerator om een ​​aangepaste schaduw te creëren. Kopieer en plak ten slotte het vak schaduw CSS.
  3. Als je de presets-optie hebt gekozen, dan Kies Schaduwstijlen in de vervolgkeuzelijst.


Knop & koppelingen

  • Zie hoe om de styling van te beheren Knoppen en koppelingen.

Opslaan alle stijlveranderingen.


De volledige kaart en de tekstkaart

Wanneer u het Volledige/Tekstkaart over uw testimoniallijst, zullen de lijstitems een omtrek en achtergrond hebben met de kaartkleur die u hebt geselecteerd in de Design pagina. Zie ook: Websitekleuren en spatiëring.

Volledige kaart

Wanneer de volledige kaartoptie is geselecteerd, wordt de kaartkleur toegepast op de hele kaart, dwz de afbeelding en de bijbehorende tekst. Even kijken: 

 

Tekst kaart

Wanneer de tekstkaartoptie is geselecteerd, wordt de kaartkleur alleen toegepast op de tekst die aan de afbeelding is gekoppeld. Even kijken: 

 


Kun je iets niet vinden?

Neem contact op met een Pixpa Expert.

Pixpa Studio is onlangs vernieuwd. We werken momenteel alle schermafbeeldingen in de helpartikelen bij.