Para inserir um banner de compromisso em qualquer página do seu site, você pode copiar e colar um pedaço de código HTML que lhe fornecemos. Isso adiciona um banner panorâmico explicando seu compromisso e inclui um link direto para sua floresta.
Veja abaixo a captura de tela do banner que lhe forneceremos:
Você precisará copiar o código e preencher as informações em negrito. Insira o código abaixo se o seu site estiver em inglês. Para mais idiomas, entre em contato conosco.
Código para inserir
<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>
Escolha um fundo de banner diferente
Se você quiser usar uma imagem de fundo diferente para o seu banner, você precisará substituir o link do URL da imagem, que você pode encontrar no código acima entre a primeira e a segunda linha. Este código está hiperlinkado e leva à imagem de fundo que você pode ver no exemplo acima.
Procure este link -> https://tree-nation.com/images/forest-banner/forest-banner-background-1.jpg
Você precisa substituir este link pelo link da nova imagem de fundo de sua escolha entre as opções listadas abaixo.
Aqui estão suas opções:
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_4.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_6.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_2.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_7.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_8.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_5.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_9.png
Link: https://f.hubspotusercontent00.net/hubfs/5631208/website_banner_empty_3.png
