In this guide, you'll learn how to install Arbor’s Carbon Equivalent Calculator on your website. This is an embeddable, free tool you can use on your website to allow your visitors to calculate real-world carbon equivalents. Built for free use, this iframe is responsive to the user’s device sizes and accessible on all browsers.
Many different website hosting platforms provide instructions specific instructions to embed content on your website; here are some tutorials from the platforms themself: WordPress, GoDaddy, Wix, and Squarespace.
Here are the instructions for installing Arbor’s tool on your website. Use of the Carbon Equivalent Calculator is subject to Arbor’s User Terms and Disclaimer of Liability.
<!-- Arbor's Carbon Equivalent Calculator: https://www.arbor.eco/carbon-equivalent-calculator -->
<div style="width: 100%; position: relative; margin: 0 auto; overflow: hidden;">
<iframe src="https://www.arbor.eco/tool/carbon-equivalent-calculator" width="100%" height="864px" style="border:none; display:block;" title="Arbor Carbon Equivalent Calculator"></iframe>
<div style="font-family: 'Manrope', sans-serif; font-size: 14px; color: #abbab7; height: 32px; margin-top: -96px; line-height: 130%; text-align: right; position: relative; z-index: 2; width: 75%; float: right; display: flex; align-items: center; justify-content: flex-end; right; padding: 16px;">
<a href="https://www.arbor.eco/carbon-equivalent-calculator" style="color: #abbab7; text-decoration: none;">Carbon Equivalent Calculator</a>
<span style="margin: 0 3px;">by</span>
<a href="https://www.arbor.eco/" style="color: #0E6655; text-decoration: none;">Arbor</a>
</div>
</div>
See a live example of what Arbor's Carbon Equivalent Calculator looks like as an embed.
Set the <div> container for the iframe to be responsive with a width of 100% to ensure it stretches across different screen sizes. Use max-width to align it on larger screens, maintaining a neat appearance.
Place the embed prominently on relevant pages where users expect interactive tools, like sustainability or environmental sections, to maximize engagement.
Provide adequate horizontal space by avoiding adjacent competing content, such as excessive text or graphics, which can detract from the tool's utility and user focus.
Do not alter the contents of the iframe code, as modifications can lead to functionality issues and violate terms of use.
Arbor prefers installations that maintain the fundamental code integrity for optimal performance and reliability.
Use CSS to style the surrounding container to align with your site's theme, adjusting padding, margin, and background colour while avoiding any styles that directly impact the iframe display, like overflow styles, which might cut off parts of the calculator.
Consider accessibility standards, ensuring adequate contrast, especially on websites with black backgrounds. Arbor’s embed works best on website pages with white backgrounds.
Contact us if you have any questions or issues.
Installing the calculator implies agreement with Arbor's usage guidelines, outlined below.
By using or installing Arbor’s Carbon Equivalent Calculator, you agree to the following terms:
You must keep the embed code or HTML code as it is, without any changes or modifications.
All rights, title, and interest in and to the Carbon Equivalent Calculator, including any content, design, and technology, remain the exclusive property of Arbor. You may not copy, reproduce, or distribute the calculator's code or content without prior written consent from Arbor.
The calculator is provided for personal or business use only and may not be resold, redistributed, or used for any commercial purposes aside from its intended function without express permission from Arbor.
The embedded calculator must include the provided attribution and links back to Arbor's website, as maintained in the embed code. Removing or altering these credits is prohibited.
You must comply with all applicable laws and regulations regarding the use of the Carbon Equivalent Calculator and ensure that its installation on your website does not violate any third-party rights or terms of service.
You agree to indemnify and hold Arbor harmless from any claims, damages, liabilities, and costs arising from your use of the calculator in a manner that violates these terms or applicable laws.
Arbor makes no representations or warranties of any kind, express or implied, as to the operation of the calculator or the information, content, materials, or results included therein.
THE CARBON EQUIVALENT CALCULATOR AND ITS RESULTS HAVE BEEN PRODUCED ON A BEST EFFORTS BASIS, UTILIZING VARIOUS SOURCES OF PUBLICALLY AVAILABLE DATA. ARBOR CANNOT BE HELD LIABLE FOR ANY ERRORS OR EMISSIONS. THE CARBON EQUIVALENT CALCULATOR AND ITS RESULTS ARE PROVIDED “AS-IS”, EXCLUSIVE OF ANY WARRANTY WHATSOEVER AND ARBOR SPECIFICALLY HEREBY DISCLAIMS ALL WARRANTIES AND CONDITIONS, WHETHER EXPRESS OR IMPLIED, STATUTORY OR OTHERWISE WITH RESPECT TO THE CARBON EQUIVALENT CALCULATOR AND ITS RESULTS, INCLUDING ANY IMPLIED WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, OR NON-INFRINGEMENT, TO THE MAXIMUM EXTENT PERMITTED BY APPLICABLE LAW. WITHOUT LIMITING THE GENERALITY OF THE FOREGOING, ARBOR MAKES NO WARRANTY OF ANY KIND THAT THE CARBON EQUIVALENT CALCULATOR OR ANY OF THE RESULTS OR THE USE THEREOF WILL BE ENTIRELY ACCURATE OR COMPLETE OR ACHIEVE ANY INTENDED RESULT. THE CARBON EQUIVALENT CALCULATOR IS INTENDED FOR GENERAL KNOWLEDGE ONLY AND IS NOT INTENDED TO BE RELIED UPON FOR ANY PURPOSE WHATSOEVER. USE OF THE CARBON EQUIVALENT CALCULATOR AND ITS RESULTS ARE AND WILL REMAIN, AT YOUR OWN RISK.
