1. Centro assistenza
  2. Ambasciatori
  3. Widget da aggiungere al mio sito web

Widget - Inserisci un banner di impegno nel tuo sito web

Per inserire un banner di impegno in una qualsiasi pagina del tuo sito, puoi copiare-incollare parte di un codice HTML che ti forniamo. Questo aggiungerà un banner panoramico che spiega il tuo impegno ed include un link diretto alla tua foresta.

In basso puoi vedere uno screenshot del banner che ti forniremo:partnership

Dovrai copiare il codice e inserire le informazioni in grassetto. Inserisci il codice qui in basso se il tuo sito internet è in Inglese. Per ulteriori lingue, per favore contattaci

Codice da inserire
<div style="display:block;width:100%;position:relative;background-image:url(https://tree-nation.com/images/forest-banner/forest-banner-background-1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;padding:50px 0 80px;font-family:'Source Sans Pro',Lato,Helvetica,Arial,sans-serif;">

<h2 style="color:white;font-size:40px;font-weight:400;margin:0;text-shadow:0px 2px 19px rgba(0,0,0,0.8);">COMPANY NAME's commitment for the Planet</h2>

<p style="color:white;font-size: 18px;font-weight:400;margin:10px 0 20px;text-shadow:0px 2px 19px rgba(0,0,0,0.8);">INSERT YOUR PLANTING COMMITMENT HERE</p>

<a href="https://tree-nation.com/profile/COMPANY-NAME" style="padding:9px 20px;background:white;text-decoration:none;color:#49bb6b;border-radius:4px;font-size:15px;box-shadow:0px 2px 19px rgba(0,0,0,0.2);">Discover our COMPANY NAME forest</a>

<div style="position:absolute;bottom:13px;right:20px;">

<span style="color:white;font-size:14px;font-weight:400;margin-right:10px;text-shadow:0px 2px 19px rgba(0,0,0,0.8);">In partnership with</span>

<img style="width:200px;vertical-align:middle;" src="https://tree-nation.com/images/tree-nation-logo.svg" alt="Tree-Nation logo">

</div>

</div>

Scegli un differente sfondo per il tuo banner

Qualora volessi utilizzare un'immagine di sfondo differente per il tuo banner, dovrai sostituire il link URL dell’immagine che puoi trovare nel codice qui sopra fra la prima e la seconda linea. Questa parte di codice è un hyperlink e riporta all’immagine di sfondo che puoi vedere nell’esempio qui sopra.
Cerca questo link -> https://tree-nation.com/images/forest-banner/forest-banner-background-1.jpg

Dovrai sostituire questo link con il link della tua nuova immagine di sfondo da te scelta fra le opzioni elencate di seguito.

Ecco le tue opzioni.

Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_4.png
website_banner_empty_4
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_6.png
website_banner_empty_6

Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty.png

website_banner_empty
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_2.pngwebsite_banner_empty_2
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_7.png

website_banner_empty_7
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_8.png

website_banner_empty_8
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_5.png

website_banner_empty_5
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_9.png

website_banner_empty_9
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_3.png

website_banner_empty_3