Trustpilot html

Opgelost erwincaspers
(@erwincaspers)

1 jaar, 1 maand geleden

Ik ben bezig met een trustpilot in mijn header te zetten. Nu kom ik tegen een probleem aan. Ik heb een code van trustpilot gekregen om in mijn html te zetten. Als ik deze in de html in de header zet, komt de tekst boven elkaar te staan. Terwijl links genoeg ruimte is.

Als ik deze op mijn homepage zet komt hij wel volledig over heel de lengte te staan. Wij hebben er al met verschillende mensen naar gekeken maar komen er echt niet uit helaas.

Ik kan ook nog afbeeldingen hiervan laten zien, als iemand het niet helemaal snapt

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)

Arjan Olsder
(@arjanolsder)

1 jaar, 1 maand geleden

Je zal echt heel wat meer informatie moeten geven, want de vraagstelling is nu wel heel ruim.

Hou er overigens rekening mee dat je heel veel persoonsgegevens met ze gaat uitwisselen over het gedrag van jouw klanten op jouw site en de site wordt er ook wat trager van.

Thread starter erwincaspers
(@erwincaspers)

1 jaar, 1 maand geleden

Krijg hier helaas geen afbeeldingen in gezet, is het een mogelijkheid om deze op een andere manier naar jou toe te sturen? Dan wordt het duidelijk wat ik ermee bedoel. Ik heb hier geen URL van die ik nu online kan zetten.

Maar het is toch puur een link van trustpilot die ik koppel aan de website, zou dat ook al vertraging op kunnen leveren?

Alvast bedankt.

Thread starter erwincaspers
(@erwincaspers)

1 jaar, 1 maand geleden

Wat eventueel ook mooi zou kunnen zijn. Dat er een aantal sterren staan bovenin de header, met daarop een link waarna ze naar de revieuws website gaan. Ik heb hier een voorbeeld van een website. Ik zou niet weten hoe ik die sterren maak, en of dit vanzelf aangepast wordt.

Thread starter erwincaspers
(@erwincaspers)

1 jaar, 1 maand geleden

hierbij de URL:

Als de url het niet doet, hierbij de website: donskussen.nl

rechtsboven

Guido
(@guido07111975)

1 jaar, 1 maand geleden

Hoi,

Ik weet zo niet of dit maatwerk is of een plugin. Maar dit is wel na te maken met wat HTML/CSS.

Staat de code die je van Trustpilot gekregen hebt ook ergens op hun site, zodat we mee kunnen kijken? Of wil je jouw code hier delen? Je mag eventuele persoonlijke data eruit halen. Als je code deelt, verander dan eerst het paragraaf blok in een code blok, kan gedaan worden links in de opmaakbalk.

Guido
Thread starter erwincaspers
(@erwincaspers)

1 jaar, 1 maand geleden
```

<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>


<div class="trustpilot-widget" data-locale="nl-NL" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="64cd76dbe313ad76ce01c0b5" data-style-height="24px" data-style-width="1000%" data-theme="light" data-min-review-count="10" data-without-reviews-preferred-string-id="1" data-style-alignment="center">
  <a href="https://nl.trustpilot.com/review/odori.nl" target="_blank" rel="noopener">Trustpilot</a>
</div>

```
Dit is de code Nu staat de tekst: bekijk onze revieuws. bovenin en trustpilot staat eronder. Dit zou ik graag naast elkaar willen hebben. Heel erg benieuwd of dat je dat zo aan kunt passen via de code, of dat het blok groter gemaakt kan worden of iets dergelijks.

Alvast bedankt!
Guido
(@guido07111975)

1 jaar, 1 maand geleden

Hoi,

Bij mij staat alles ook netjes naast elkaar. Dus waarschijnlijk ligt het aan jouw thema. Welk thema gebruik je en waar/hoe heb je de code geplaatst? Link naar je website zou nog handiger zijn.

Guido

Thread starter erwincaspers
(@erwincaspers)

1 jaar, 1 maand geleden

Hey Guido,

Ja, daar kwamen wij ook achter als we hem in de homepage zetten dan komt hij er normaal te staan. Dit doormiddel met een html in de header zelf.

We proberen hem in de header te zetten rechtsboven.

Mijn thema is flatsome. Ook al met iemand van flatsome zelf gekeken, maar die zegt het niet te kunnen verhelpen.

Enigste wat we zouden moeten doen is dat vakje groter te krijgen denk ik.
Guido
(@guido07111975)

1 jaar, 1 maand geleden
Hoi,

Als zelfs de support van je thema geen eenvoudige oplossing heeft, dan zal het wel lastig worden.

Je kunt handmatig een vergelijkbare ster-beoordeling toevoegen, zoals op de donskussen site. De styling van WooCommerce ondersteunt dit al deels.

Plaats daarvoor een HTML widget op de juiste plek. Of voeg de code toe waar nodig:
```
 <div class="star-rating-bar woocommerce">
 <a href="jouw-link-naar beoordelingen" title="Trustpilot"><div class="star-rating" style="float:left; margin-top:4px; margin-right:4px"><span style="width:80%"></span></div><span>8/10</span></a>
 </div>
```
Je moet zelf de link naar je Trustpilot invoeren, en de score handmatig. Let op: width:80% zorgt ervoor dat 80% vd sterren donker wordt. Dus die breedte moet je ook handmatig wijzigen.

Guido
Thread starter erwincaspers
(@erwincaspers)

1 jaar, 1 maand geleden

oke dankjewel!

Zou deze code voldoende moeten zijn, of moet ik hierbij de code van trustpilot toevoegen? Verser heb ik geen verstand van codes typen.

Guido
(@guido07111975)

1 jaar, 1 maand geleden

Op zich voldoende maar als je cijfer op Trustpilot wijzigt moet je dat weer handmatig wijzigen in deze code.

Guido

druivenhuis
(@druivenhuis)

8 maanden, 3 weken geleden

ik wil mijn trustpilot stertjes op mijn home pagina in header zetten ik doe dat via de plugin head en footer maar als ik de codes invoer dan gaat heel mijn home page weg ik heb de thema envolt

Guido
(@guido07111975)

8 maanden, 3 weken geleden

Hoi,

Maak even een eigen topic aan, zodat we Erwin hier niet mee lastig vallen. Voeg dan ook de code toe, gevoelige gegevens mag je verwijderen. Als je code toevoegt kies dan boven het tekstveld voor het code (ipv paragraaf) blok.

Guido