API Integrations

Wordpress

Technology : HTML, CSS & Javascript
Use Case You can integrate CBM Calculator to your Wordpress website. This integration uses CBM Calculator API, HTML, CSS and JavaScript.
Difficulty Level Moderate
Prerequisite Knowledge of Wordpress, HTML, JavaScript and CSS
Customizable Fully Customizable
Process
Download & unzip file
Open downloaded files using editor like Visual Studio Code
Get you API Key from profile page. (You need free / paid account to get CBM Calculator API Key)
cbm calculator profile api key
Put your API key in script.js file
cbm calculator api key placement
Open Wordpress and install a new plugin.
wordpress plugin headers and footers
Now go to Settings->Insert Headers and Footers
wordpress plugin settings
Under Settings->Scripts in Header section put
  • style.css text from downloaded and unzipped folder
  • Or you can host style.css to any s3 bucket or server and use it's link here
  • Make necessary changes as per your website requirement
wordpress scripts in header
Under Settings->Scripts in Footer section put
  • script.js text from downloaded and unzipped folder
  • Or you can host script.js to any s3 bucket or server and use it's link here
  • Make necessary changes as per your website requirement
wordpress scripts in footer
Create a new post and add the HTML code of CBM Calculator here
wordpress cbm calculator post
Now pubish this post and you will see CBM Calculator on your wordpress site.
Please contact us in case you need any help in integration.