Zoek je een Thuisbezorgd-plugin waarmee je een link maakt van je website naar jouw Thuisbezorgd-pagina? Helaas is deze plugin er niet, maar we hebben een script voor je waarmee je een zwevende Thuisbezorgd-knop op je website kunt plaatsen.
Het is eerst belangrijk dat je een plaatje van Thuisbezorgd op je server uploadt. Je kunt de onderstaande afbeelding gebruiken:
Zet vervolgens de onderstaande code in je broncode. Dit kan ook via Google Tag Manager. Houd er wel rekening mee dat je de URL van thuisbezorgd.nl aanpast naar jouw URL.
<a href=”https://thuisbezorgd.nl/jouwpagina” class=”float”>
<i class=”fa my-float”></i>
</a>
Vervolgens plaats je de onderstaande code in je CSS-bestand. Je kunt dit stukje code ook toevoegen aan de <head> van de website door er een <style></style> omheen te plaatsen.
.float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-image:url(“https://s3-eu-west-1.amazonaws.com/tpd/logos/4f1ecc4b0000640005127362/0x0.png“);
background-size: contain;
border-radius:50px;
text-align:center;
box-shadow: 2px 2px 3px #999;
}
.my-float{
margin-top:22px;
}
Als je nu naar je website gaat, zie je rechtsonder een zwevende Thuisbezorgd-knop, die linkt naar jouw Thuisbezorgd-pagina. Handig toch?
