CINXE.COM
Commodity Trading and Prices - cmdtyView Trial Request | Barchart Solutions
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="csrf-token" content="obXAQLG4QdoNgDRbgMOr3BNa348YwxwqR2NnZbMT"> <title>Commodity Trading and Prices - cmdtyView Trial Request | Barchart Solutions</title> <meta name="description" content="Get the leading realtime grain trading platform - all from your browser. cmdtyView comes packed with cash grain prices, futures execution, streaming news headlines, and advanced analytics that you can’t get anywhere else."/> <meta name="keywords" content="market data,financial information,financial data,website content,data feeds,desktop charts,trading system,technical analysis,research,indices,custom solutions,real-time data,delayed data,end-of-day data,historical data,quotes,financial,stock,futures,commodity,website content,front-end desktop charting,trading applications,financial news,commodity news,agricultural markets,market analysis,research,fundamental data,technical data,weather,financial research reports,financial index development,printed charts,wall charts,custom data displays,energy data,equity data,index data,grain data,livestock data,metals data,e-mini data,realtime,equities charts,equities data,stock analysis,stocks,stock data,stock chart,chart,free charting,financial,sectors,momentum,market,movement,quotes,barcharts,commodities futures charts,options prices,stocks charts,technical analysis,invest,investor,barchart,mri charts" /> <link rel="canonical" href="https://www.barchart.com/solutions/software/cmdtyview" /> <link href="https://www.barchart.com/solutions/favicon.ico" rel="icon" type="image/ico" /> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,600,700,700italic|Droid+Serif:400,400italic,700,700italic|Open+Sans:400,600,700,700italic,800,800italic|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i' rel='stylesheet' type='text/css'> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js" integrity="sha512-HGOnQO9+SP1V92SrtZfjqxxtLmVzqZpjFFekvzZVWoiASSQgSr4cw9Kqd2+l8Llp4Gm0G8GIFJ4ddwZilcdb8A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" integrity="sha512-17EgCFERpgZKcm0j0fEq1YCJuyAWdz9KUtv1EjVuaOz8pDnh/0nZxmU6BBXwaaxqoi9PQXnRWqlcDB027hgv9A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script type="application/json" id="barchart-www-inline-data">{ "AAPL":{"instrument":{"exchange":"NASDAQ","name":"Amazon.com Inc","unitCode":"A","symbolType":1},"quote":{"previousClose":1891.82,"previousHigh":1894.27,"previousLow":1818.17,"weeklyPreviousClose":1901.09,"weeklyPreviousHigh":1996.33,"weeklyPreviousLow":1869.5,"monthlyPreviousClose":1883.75,"monthlyPreviousHigh":2185.95,"monthlyPreviousLow":1811.13,"tradeTime":"2020-03-11T15:39:32"}},"AMZN.BZ":{"instrument":{"exchange":"BATS","name":"Amazon.com Inc","unitCode":"A","symbolType":1},"quote":{"previousClose":1891.82,"previousHigh":1894.27,"previousLow":1818.17,"weeklyPreviousClose":1901.09,"weeklyPreviousHigh":1996.33,"weeklyPreviousLow":1869.5,"monthlyPreviousClose":1883.75,"monthlyPreviousHigh":2185.95,"monthlyPreviousLow":1811.13,"tradeTime":"2020-03-11T15:39:32"}} } </script> <script src="https://d1l7hzv7igdihb.cloudfront.net/solutions/build/js/app.js?id=96842d44a59dac4719d3fa818bf98b10"></script> <!-- OneTrust Cookies Consent Notice --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="5ccd8ca4-7e70-4581-8b5d-149aef8c31d6" ></script> <script type="text/javascript">function OptanonWrapper() { }</script> <!-- /OneTrust Cookies Consent Notice --> <script>window.Laravel = {"csrfToken":"obXAQLG4QdoNgDRbgMOr3BNa348YwxwqR2NnZbMT"};</script> <link href="https://d1l7hzv7igdihb.cloudfront.net/solutions/build/css/app.css?id=f7b9d43b299807e94d3fffaa010fab5b" rel="stylesheet"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-67XTRQD63P"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-67XTRQD63P'); gtag('config', 'UA-2009749-16'); gtag('config', 'AW-957121319'); </script> <!-- Event snippet for Submit lead form - Barchart Solutions conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --> <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-957121319/21KvCK6UyfIBEKeGssgD', 'event_callback': callback }); return false; } </script> </head> <body data-spy="scroll" data-target="#nav-scrollspy" class="bg-gray-100"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TG3X3D6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Login Modal for Documentation --> <div class="modal fade modal-sm" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="LoginModalLabel"> <div class="modal-dialog modal-dialog-scrollable" role="document"> <form id="login" method="post" data-url="https://www.barchart.com/solutions/login" class="form-horizontal"> <div class="modal-content"> <div class="modal-header"> <div class="text-2xl font-medium text-white" id="LoginModalLabel">Documentation</div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="fas fa-times"></span></button> </div> <div class="modal-body"> <div class="flex flex-wrap"> <div class="w-full pt-3 px-3"> <label class="form-label" for="loginFormUsername">Username</label> <input class="form-control" name="username" type="text" id="loginFormUsername" placeholder="Username"> </div> <div class="w-full p-3"> <label class="form-label" for="loginFormPassword">Password</label> <input class="form-control" name="password" type="password" id="loginFormPassword" autocomplete="off" placeholder="Password"> </div> </div> <div id="login-alert" class="hidden"> <div class="alert alert-danger text-sm"></div> </div> </div> <div class="modal-footer"> <a href="https://www.barchart.com/solutions/contact" class="inline-flex mr-auto">Request Access</a> <button type="button" class="p-3 mr-2 rounded-none border border-gray-400 shadow hover:bg-gray-200" data-dismiss="modal">Close</button> <input type="submit" class="btn btn-purple p-3" value="Log In"> </div> </div> </form> </div> </div> <!-- End Login Modal --> <nav class="navbar navbar-custom navbar-expand-md navbar-light" role="navigation"> <div class="container mx-auto"> <a class="navbar-brand" href="/solutions" title="Barchart Solutions"><img class="w-auto h-8 mb-1" src="https://www.barchart.com/solutions/img/barchart-grey-logo.svg" alt="Barchart Solutions" /></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.barchart.com/solutions/data/market" id="navbarDropdownData" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Data<span class="fas fa-caret-down text-xs ml-1"></span></a> <div class="dropdown-menu" aria-labelledby="navbarDropdownData"> <div class=" flex flex-wrap"> <div class="w-full lg:w-1/2"> <a class="dropdown-item" href="https://www.barchart.com/solutions/data/market">Market Data</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/data/news">News Feeds</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/data/weather">Weather & Geospatial</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/data/company">Company Data</a> </div> <div class="hidden lg:block w-0 lg:w-1/2"> <div class="p-6 border-l border-gray-400"> <a href="https://www.barchart.com/solutions/services/digital/charting" class="text-base font-semibold">Featuring: HTML5 Charting Library</a> <a href="https://www.barchart.com/solutions/services/digital/charting" class="h-24 w-40 bg-charts1 text-center my-3 block" title="HTML5 Charting Library"> </a> <p class="text-sm">Fully Responsive</p> <p class="text-sm">Self-hosted</p> <p class="text-sm">Vanilla JavaScript</p> <p class="text-sm">No third-party dependencies</p> <p class="text-sm">Data source agnostic</p> <a href="https://www.barchart.com/solutions/services/digital/charting" class="text-sm mt-4 block">Learn More ></a> </div> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.barchart.com/solutions/services/digital" id="navbarDropdownServices" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<span class="fas fa-caret-down text-xs ml-1"></span></a> <div class="dropdown-menu" aria-labelledby="navbarDropdownServices"> <div class=" flex flex-wrap"> <div class="w-full lg:w-1/2 border-r"> <a class="dropdown-item" href="https://www.barchart.com/solutions/services/digital">Barchart Digital</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/solutions/services/digital/charting">Interactive Charting</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/solutions/services/digital/news">News Services</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/solutions/services/digital/alerts">Alerting Service</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/solutions/services/digital/watchlist">Watchlist Solutions</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/solutions/services/digital/portfolio">Portfolio Solutions</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="https://www.barchart.com/solutions/services/market-data">Barchart Market Data</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/ondemand" target="_blank">Barchart OnDemand</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/solutions/services/stream">Barchart Stream</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/solutions/services/market-replay">Market Replay</a> <a class="dropdown-item dropdown-item-sm" href="https://www.barchart.com/solutions/services/futures-options">Futures Options History</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="https://www.barchart.com/cmdty" target="_blank">Barchart Commodities <span class="fas fa-external-link-alt text-sm align-baseline"></span></a> </div> <div class="hidden lg:block w-0 lg:w-1/2"> <div class="p-6 border-gray-400"> <a href="https://www.barchart.com/solutions/services/digital/charting" class="text-base font-semibold">Featuring: HTML5 Charting Library</a> <a href="https://www.barchart.com/solutions/services/digital/charting" class="h-24 w-40 bg-charts1 text-center my-3 block" title="HTML5 Charting Library"> </a> <p class="text-sm">Fully Responsive</p> <p class="text-sm">Self-hosted</p> <p class="text-sm">Vanilla JavaScript</p> <p class="text-sm">No third-party dependencies</p> <p class="text-sm">Data source agnostic</p> <a href="https://www.barchart.com/solutions/services/digital/charting" class="text-sm mt-4 block">Learn More ></a> </div> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.barchart.com/solutions/software/cmdtyview" id="navbarDropdownCmdtyView" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Software<span class="fas fa-caret-down text-xs ml-1"></span></a> <div class="dropdown-menu" aria-labelledby="navbarDropdownCmdtyView"> <div class=" flex flex-wrap"> <div class="w-full lg:w-1/2"> <a class="dropdown-item" href="https://www.barchart.com/solutions/software/crm">producerView<sup><small>SM</small></sup> CRM</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/software/cmdtyview">cmdtyView</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/software/cmdtyview-excel">Excel Add-In</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/../cmdty/connect" target="_blank">Connect</a> </div> <div class="hidden lg:block w-0 lg:w-1/2"> <div class="p-6 border-l border-gray-400"> <a href="https://www.barchart.com/solutions/services/digital/charting" class="text-base font-semibold">Featuring: HTML5 Charting Library</a> <a href="https://www.barchart.com/solutions/services/digital/charting" class="h-24 w-40 bg-charts1 text-center my-3 block" title="HTML5 Charting Library"> </a> <p class="text-sm">Fully Responsive</p> <p class="text-sm">Self-hosted</p> <p class="text-sm">Vanilla JavaScript</p> <p class="text-sm">No third-party dependencies</p> <p class="text-sm">Data source agnostic</p> <a href="https://www.barchart.com/solutions/services/digital/charting" class="text-sm mt-4 block">Learn More ></a> </div> </div> </div> </div> </li> <li class="nav-item dropdown hidden"> <a class="nav-link dropdown-toggle" href="https://www.barchart.com/solutions/software/cmdtyview" id="navbarDropdownCmdtyView" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">cmdtyView<span class="fas fa-caret-down text-xs ml-1"></span></a> <div class="dropdown-menu" aria-labelledby="navbarDropdownCmdtyView"> <div class=" flex flex-wrap"> <div class="w-full lg:w-1/2"> <a class="dropdown-item" href="https://www.barchart.com/solutions/software/cmdtyview">cmdtyView</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/software/cmdtyview-excel">Excel Add-In</a> </div> <div class="hidden lg:block w-0 lg:w-1/2"> <div class="p-6 border-l border-gray-400"> <a href="https://www.barchart.com/solutions/services/digital/charting" class="text-base font-semibold">Featuring: HTML5 Charting Library</a> <a href="https://www.barchart.com/solutions/services/digital/charting" class="h-24 w-40 bg-charts1 text-center my-3 block" title="HTML5 Charting Library"> </a> <p class="text-sm">Fully Responsive</p> <p class="text-sm">Self-hosted</p> <p class="text-sm">Vanilla JavaScript</p> <p class="text-sm">No third-party dependencies</p> <p class="text-sm">Data source agnostic</p> <a href="https://www.barchart.com/solutions/services/digital/charting" class="text-sm mt-4 block">Learn More ></a> </div> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="navbarDropdownYouWorkIn" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Markets<span class="fas fa-caret-down text-xs ml-1"></span></a> <div class="dropdown-menu" aria-labelledby="navbarDropdownYouWorkIn" style="min-width: 16rem !important;"> <div class="flex"> <div class="w-full border-r py-2"> <a class="dropdown-item" href="https://www.barchart.com/solutions/financial-services">Financial Services</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/media">Media</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/agriculture">Agriculture</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/food-and-beverage">Food & Beverage</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/energy">Energy</a> </div> <!-- <div class="dropdown-divider"></div> --> </div> </div> </li> </ul> <ul class="navbar-nav ml-auto"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://www.barchart.com/solutions/company/about" id="navbarDropdownResources" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Resources<span class="fas fa-caret-down text-xs ml-1"></span></a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownResources"> <div class="flex flex-wrap"> <div class="w-full sm:w-1/2 border-r-0 sm:border-r py-0 sm:py-2"> <span class="dropdown-item-top block px-6 pt-3 pb-1 text-gray-500 text-md uppercase">Take Action</span> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/events">Events</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/price-reports">Price Reports</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/webinars">Webinars</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/resources/integrations">ERP Integrations</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/resources/bi-connectivity">BI Connectivity</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/get-updates">Product Updates</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/whitepapers">Whitepapers</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/careers">Careers</a> </div> <div class="w-full sm:w-1/2 py-0 sm:py-2"> <span class="dropdown-item-top block px-6 pt-3 pb-1 text-gray-500 text-md uppercase">Learn More</span> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/about">About</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/blogs">Blogs</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/press-releases">In The Press</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/case-studies">Case Studies</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/company/videos">Videos</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/software/trading-integration">Trading Integration</a> <a class="dropdown-item" href="https://www.barchart.com/impact" target="_blank">Media Syndication and Advertising</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/exchange-fees">Exchange Fees</a> <a class="dropdown-item" href="https://www.barchart.com/developers" target="_blank">Documentation</a> <a class="dropdown-item" href="https://www.barchart.com/solutions/disclaimers">Disclaimers</a> <a class="dropdown-item" href="https://www.barchart.com/legal" target="_blank">Legal</a> </div> </div> </div> </li> <li class="nav-item"> <a href="https://www.barchart.com/solutions/contact" class="nav-link">Contact Us</a> </li> <li class="nav-item dropdown"> <a class="nav-link nav-link-button dropdown-toggle lg:!ml-[2.5rem]" id="navbarDropdownLogin" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Login<span class="fas fa-caret-down text-xs ml-1"></span></a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownLogin" style="min-width: 16rem !important;"> <div class="flex"> <div class="w-full border-r py-2"> <a class="dropdown-item" href="https://cmdtyview.aws.barchart.com/#/us" target="_blank">cmdtyView</a> <a class="dropdown-item" href="https://admin.agricharts.com/login" target="_blank">Grain Admin</a> </div> </div> </div> </li> </ul> </div> </div> </nav> <main role="main"> <div class="overview-container-full" style="padding-bottom:0 !important; margin-bottom:-8rem !important;"> <div class="content-container-full bg-top-shadow pb-16 lg:pb-32"> <div class="content-container-padding"> <div class="flex flex-wrap"> <div class="w-full mb-12 lg:mb-0 text-center"> <div class="inline-block w-18 md:w-24 border-t-8 border-yellow-500"></div> <div class="text-3xl md:text-5xl leading-tight mt-4 mb-2">cmdtyView<sup>®</sup></div> <div class="text-base md:text-1xl text-gray-600 leading-tight">All of the data you need in one place</div> <div class="text-center mt-8"> <a data-toggle="modal" data-target="#ContactModal" data-section="cmdtyView Trial" class="btn btn-primary btn-lg mb-2 mx-2">Request Trial</a> <a href="https://cmdtyview.aws.barchart.com/#/us" target="_blank" class="btn btn-primary btn-lg mb-2 mx-2">Login</a> </div> <div class="flex flex-wrap justify-center mt-10 mb-4"> <div class="w-full text-center mb-2"> <p class="text-base md:text-xl text-gray-600 font-semibold leading-tight">DOWNLOAD OUR APP TODAY</p> </div> <div class="inline-block mx-4"> <a href="https://apps.apple.com/us/app/cmdtyview/id1500475984" target="_blank"> <img src="https://www.barchart.com/solutions/img/software/badge-app-store.svg" alt="Download from AppStore" /> </a> </div> <div class="inline-block mx-4"> <a href="https://play.google.com/store/apps/details?id=com.barchart.cmdtyview" target="_blank"> <img src="https://www.barchart.com/solutions/img/software/badge-google-play.svg" alt="Download from Google Play" /> </a> </div> </div> <div class="w-full mt-10 px-8 text-center"> <img src="https://www.barchart.com/solutions/img/software/cmdty-trial-webstation-devices.png" alt="cmdtyview" class="inline-block px-12" /> </div> </div> </div> </div> </div> <div class="w-full bg-gray-800 text-white"> <div class="content-container content-container-no-padding"> <div class="content-container-padding text-center"> <h2 class="text-2xl xl:text-4xl text-white font-bold tracking-tight leading-tight mb-3">The only front-end you’ll ever need is right here</h2> <div class="inline-block w-18 md:w-24 border-t-8 border-yellow-500 mt-2 mb-4"></div> <div class="grid gap-y-6 sm:grid-cols-1 lg:gap-8 lg:grid-cols-3 mt-6"> <div class="flex flex-col p-3 text-center"> <span class="far fa-chart-bar text-6xl lg:text-7xl"></span> <div class="mt-2 lg:mt-5 text-xl lg:text-2xl font-bold text-white">The Data You Need</div> <div class="mt-2 text-md lg:text-xl text-white">Global futures coverage, broad physical pricing, and economic data available across Ag, Energy, and Metals. New content is always being added and is available to you across desktop, mobile, and in Excel.</div> </div> <div class="flex flex-col p-3 text-center"> <span class="far fa-user text-6xl lg:text-7xl"></span> <div class="mt-2 lg:mt-5 text-xl lg:text-2xl font-bold text-white">Make Better Decisions</div> <div class="mt-2 text-md lg:text-xl text-white">Your workflows demand powerful tools - and we deliver exactly what you need in one place, Advanced charting, benchmark cash prices, commodity news, analytics, Excel tools, and an economic calendar ensure you’re always prepared.</div> </div> <div class="flex flex-col p-3 text-center"> <span class="fas fa-globe text-6xl lg:text-7xl"></span> <div class="mt-2 lg:mt-5 text-xl lg:text-2xl font-bold text-white">Connect Your World</div> <div class="mt-2 text-md lg:text-xl text-white">Analyze data, make a decision, and then put it into action with one simple workflow. With futures execution, Match physical grain trading, instant messaging, and grain accounting all in one place - your workflows have never been simpler.</div> </div> </div> </div> </div> </div> <div class="w-full bg-purple-500"> <div class="content-container content-container-no-padding"> <div class="content-container-padding"> <div class="flex flex-wrap px-4 md:px-0"> <div class="w-full lg:w-1/2 pr-0 lg:pr-8"> <div class="mb-8"> <h3 class="text-yellow-500 text-xl md:text-2xl font-semibold leading-tight mb-2">NEW!</h3> <h2 class="text-white text-xl md:text-4xl font-semibold leading-tight pb-2 border-b-8 border-yellow-500">cmdtyView Hedge</h2> <div class="w-full text-xl xl:text-2xl text-white mt-8">Your award-winning commodity trading platform now offers the ability to digitize the way you manage, automate, and improve your hedging! The addition of cmdtyView Hedge rounds out cmdtyView as a true all-encompassing solution from start to finish.</div> </div> <ul class="mt-8"> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2 text-white">Workflow Efficiency</div> <div class="text-lg lg:text-1xl text-white">Put an end to paper notes and phone calls regarding your grain purchases once and for all. Manage all of your hedging activity digitally in one spot.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2 text-white">Work Faster with Automation</div> <div class="text-lg lg:text-1xl text-white">A single solution designed to keep you moving forward by automatically placing, canceling and replacing hedge orders.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2 text-white">Risk Mitigation</div> <div class="text-lg lg:text-1xl text-white">Reduce risk through automated hedging of your physical grain contracts by letting cmdtyView track and automate hedge orders.</div> </li> </ul> <a data-toggle="modal" data-target="#ContactModal" data-section="cmdtyView Trial" class="inline-block btn btn-purple btn-lg btn-rounded mt-4 mb-8 lg:mb-0">Request Trial</a> </div> <div class="w-full lg:w-1/2 pl-0 lg:pl-8 mb-4"> <img src="https://www.barchart.com/solutions/img/software/cmdty-cmdtyview-hedge.png" alt="cmdtyView: cmdtyView Hedge" class="shadow-md" /> </div> </div> </div> </div> </div> <div class="w-full bg-white"> <div class="content-container content-container-no-padding"> <div class="content-container-padding"> <div class="flex flex-wrap px-4 md:px-0"> <div class="w-full lg:w-1/2 pr-0 md:pr-8 mb-8 text-center"> <img src="https://www.barchart.com/solutions/img/software/cmdty-trial-sale-chart1.png" alt="cmdtyView: Interactive Charting" /> <div class="w-full hidden lg:block mt-8"> <a data-toggle="modal" data-target="#ContactModal" data-section="cmdtyView Trial" class="inline-block btn btn-yellow btn-lg btn-rounded">Request Trial</a> </div> </div> <div class="w-full lg:w-1/2 pl-0 lg:pl-8"> <div class="mb-8"> <h2 class="text-xl md:text-4xl font-semibold leading-tight pb-2 border-b-8 border-yellow-500">Interactive Charting</h2> <div class="w-full text-xl xl:text-2xl mt-8">Your decisions depend on cutting-edge analytics. Get our best-in-class charting capabilities delivered to you on any device. Drag, drop, pan, add studies... we have it all and can support even the most advanced analytics including forward curves and seasonals.</div> </div> <ul class="mt-8"> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2">Streaming</div> <div class="text-lg lg:text-1xl">Data streams directly into the chart ensure that you have the latest information available to support critical business decisions.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2">Seasonals Charts</div> <div class="text-lg lg:text-1xl">Quickly understand seasonal price movements by plotting annual trends in supply and demand.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2">Forward Curves</div> <div class="text-lg lg:text-1xl">Customize presentation of forward curve information across futures, physical commodities, and price assessments for grain.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2">Responsive</div> <div class="text-lg lg:text-1xl">Completely responsive HTML5 platform that goes where you go - and on any device. Never be without the high-performance charts you need.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2">Customizable</div> <div class="text-lg lg:text-1xl">Customize charting views to your needs with historical commodity prices and streaming updates. Choose from aggregations including intraday, daily, or even monthly data to display charts which suit your workflow.</div> </li> </ul> <div class="w-full block lg:hidden mt-8"> <a data-toggle="modal" data-target="#ContactModal" data-section="cmdtyView Trial" class="inline-block btn btn-yellow btn-lg btn-rounded">Request Trial</a> </div> </div> </div> </div> </div> </div> <div class="w-full bg-gray-800"> <div class="content-container content-container-no-padding"> <div class="content-container-padding"> <div class="flex flex-wrap px-4 md:px-0"> <div class="w-full lg:w-1/2 pr-0 lg:pr-8"> <div class="mb-8"> <h2 class="text-white text-xl md:text-4xl font-semibold leading-tight pb-2 border-b-8 border-yellow-500">Best-in-Class Workflows</h2> <div class="w-full text-xl xl:text-2xl text-white mt-8">Streamline your operations with workflows that scale to any organization.</div> </div> <ul class="mt-8"> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2 text-white">Offers</div> <div class="text-lg lg:text-1xl text-white">Negotiate with your producers in real-time and manage your entire offer book. Seamlessly push contracts to your ERP system and our Hedge Management tools.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2 text-white">Hedge Management</div> <div class="text-lg lg:text-1xl text-white">We make it easy to manage your entire organization’s hedge position with built-in hedge management, execution and auto-hedge capabilities.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2 text-white">Grain Accounting / eSign</div> <div class="text-lg lg:text-1xl text-white">Create contracts automatically from matched offers, push to your ERP, and issue a contract for signature through eSign.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2 text-white">Chat</div> <div class="text-lg lg:text-1xl text-white">Get to the bottom line faster with built-in chat that connects you directly to your sellers. Make relationship management easier than ever.</div> </li> </ul> <a data-toggle="modal" data-target="#ContactModal" data-section="cmdtyView Trial" class="inline-block btn btn-yellow-ghost btn-lg btn-rounded mt-4 mb-8 lg:mb-0">Request Trial</a> </div> <div class="w-full lg:w-1/2 pl-0 lg:pl-8 mb-4"> <img src="https://www.barchart.com/solutions/img/software/cmdty-trial-best-in-class.png" alt="cmdtyView: Best-in-Class Workflows" /> </div> </div> </div> </div> </div> <div class="w-full bg-white"> <div class="content-container content-container-no-padding"> <div class="content-container-padding"> <div class="flex flex-wrap px-4 md:px-0"> <div class="w-full lg:w-1/2 pr-0 md:pr-8 mb-8 text-center"> <img src="https://www.barchart.com/solutions/img/software/cmdty-trial-sale-excel1.png" alt="cmdtyView: We Help You Excel" /> <div class="w-full hidden lg:block mt-8"> <a data-toggle="modal" data-target="#ContactModal" data-section="cmdtyView Trial" class="inline-block btn btn-yellow btn-lg btn-rounded">Request Trial</a> </div> </div> <div class="w-full lg:w-1/2 pl-0 lg:pl-8"> <div class="mb-8"> <h2 class="text-xl md:text-4xl font-semibold leading-tight pb-2 border-b-8 border-yellow-500">We Help You Excel</h2> <div class="w-full text-xl xl:text-2xl mt-8">Take the data you already pay for and power your complex models directly in Excel – all as part of your cmdtyView Pro license. From simple quote requests to the build-out of forward curves and seasonal charts, cmdtyView for Excel offers an easy and effective way to power your workflows in Excel.</div> </div> <ul class="mt-8"> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2">Exchange Data</div> <div class="text-lg lg:text-1xl">cmdtyView for Excel has access to all the global exchange data that is available through the cmdtyView terminal. Delayed and historical data is included - with real-time commodity prices available from our global exchange partners.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2">Exclusive Content</div> <div class="text-lg lg:text-1xl">Our Excel tools are packed with all of the proprietary content that customers trust Barchart to deliver. Access our physical pricing for commodities, commodity price assessments, and fundamental data from cmdtyStats.</div> </li> <li class="mb-6"> <div class="text-xl lg:text-2xl font-bold mb-2">Advanced Features</div> <div class="text-lg lg:text-1xl">Build charts and curves, stream commodity prices, and pull deep historical data in a flexible and scalable environment. Tied to the cmdtyView terminal - our desktop solutions give users everything they need for modern workflows.</div> </li> </ul> <div class="w-full block lg:hidden mt-8"> <a data-toggle="modal" data-target="#ContactModal" data-section="cmdtyView Trial" class="inline-block btn btn-yellow btn-lg btn-rounded">Request Trial</a> </div> </div> </div> </div> </div> </div> <div class="w-full bg-gray-800"> <div class="content-container content-container-no-padding"> <div class="content-container-padding text-center"> <h2 class="text-2xl xl:text-4xl text-white font-bold tracking-tight leading-tight mb-3">Access data from the leading contributors in Ag and Energy in cmdtyView</h2> <div class="inline-block w-18 md:w-24 border-t-8 border-yellow-500 mt-2 mb-4"></div> <div class="w-full mt-8 px-4 md:px-0"> <div class="flex flex-wrap justify-center"> <div class="w-full sm:w-1/2 lg:w-1/3 mb-6 inline-flex"> <a target="_blank" href="https://www.barchart.com/solutions/../cmdty/data/pricing-network/scb" class="bg-white p-4 md:p-6 inline-block mx-0 md:mx-3 hover:shadow-2xl" title="SCB"> <div class="flex items-center max-h-48 overflow-hidden"> <img src="https://www.barchart.com/solutions/img/cpn/bg-tile-scb.jpg" alt="SCB" class="w-full text-center" /> </div> <img class="block max-h-20 w-100 mx-auto" src="https://www.barchart.com/solutions/img/cpn/scb-logo.png" alt="SCB Logo" /> <div class="pb-2 text-black"> <p>SCB is the world’s leading low carbon commodity company, with an exclusive pulse on market prices. Access SCB's pricing data through cmdtyView or our APIs.</p> </div> <div class="w-full text-center mt-2"> <div class="btn btn-primary">Learn More</div> </div> </a> </div> <div class="w-full sm:w-1/2 lg:w-1/3 mb-6 inline-flex"> <a target="_blank" href="https://www.barchart.com/solutions/../cmdty/data/pricing-network/mercaris" class="bg-white p-4 md:p-6 inline-block mx-0 md:mx-3 hover:shadow-2xl" title="Mercaris"> <div class="flex items-center max-h-48 overflow-hidden"> <img src="https://www.barchart.com/solutions/img/cpn/bg-tile-mercaris.jpg" alt="Mercaris" class="w-full text-center" /> </div> <img class="block max-h-20 w-100 mx-auto" src="https://www.barchart.com/solutions/img/cpn/mercaris-logo.png" alt="Mercaris Logo" /> <div class="pb-2 text-black"> <p>Data from Mercaris makes it easy to gain insights into Organic and non-GMO commodity prices, perform analytics, and trade identity preserved commodities.</p> </div> <div class="w-full text-center mt-2"> <div class="btn btn-primary">Learn More</div> </div> </a> </div> <div class="w-full sm:w-1/2 lg:w-1/3 mb-6 inline-flex"> <a target="_blank" href="https://www.barchart.com/solutions/../cmdty/data/pricing-network/commodity3" class="bg-white p-4 md:p-6 inline-block mx-0 md:mx-3 hover:shadow-2xl" title="Commodity3"> <div class="flex items-center max-h-48 overflow-hidden"> <img src="https://www.barchart.com/solutions/img/cpn/bg-tile-commodity3.jpg" alt="Commodity3" class="w-full text-center" /> </div> <img class="block max-h-20 w-100 mx-auto" src="https://www.barchart.com/solutions/img/cpn/commodity3-logo.png" alt="Commodity3 Logo" /> <div class="pb-2 text-black"> <p>Commodity3 is dedicated to the Commodity and Energy markets and provides global cash prices for commodities at all major ports worldwide.</p> </div> <div class="w-full text-center mt-2"> <div class="btn btn-primary">Learn More</div> </div> </a> </div> <div class="w-full sm:w-1/2 lg:w-1/3 mb-6 inline-flex"> <a target="_blank" href="https://www.barchart.com/solutions/../cmdty/data/pricing-network/eoxlive" class="bg-white p-4 md:p-6 inline-block mx-0 md:mx-3 hover:shadow-2xl" title="EOXLive"> <div class="flex items-center max-h-48 overflow-hidden"> <img src="https://www.barchart.com/solutions/img/cpn/bg-tile-eoxlive.jpg" alt="EOXLive" class="w-full text-center" /> </div> <img class="my-2 block max-h-16 w-100 mx-auto" src="https://www.barchart.com/solutions/img/cpn/eoxlive-logo.png" alt="EOXLive Logo" /> <div class="pb-2 text-black"> <p>The EOXLive data offering provides timely, accurate, and consistent data for usage in pre-trade intelligence, mark-to-market valuation.</p> </div> <div class="w-full text-center mt-2"> <div class="btn btn-primary">Learn More</div> </div> </a> </div> <div class="w-full sm:w-1/2 lg:w-1/3 mb-6 inline-flex"> <a target="_blank" href="https://www.barchart.com/solutions/../cmdty/data/pricing-network/panxchange" class="bg-white p-4 md:p-6 inline-block mx-0 md:mx-3 hover:shadow-2xl" title="PanXchange"> <div class="flex items-center max-h-48 overflow-hidden"> <img src="https://www.barchart.com/solutions/img/cpn/bg-tile-panxchange.jpg" alt="PanXchange" class="w-full text-center" /> </div> <img class="mt-4 mb-3 block max-h-12 w-100 mx-auto" src="https://www.barchart.com/solutions/img/cpn/panxchange-logo.png" alt="PanXchange Logo" /> <div class="pb-2 text-black"> <p>PanXchange is a market structure solution for physical commodities and is the leading benchmark price provider in US Hemp and the defacto benchmark price provider for US Frac Sand (proppant).</p> </div> <div class="w-full text-center mt-2"> <div class="btn btn-primary">Learn More</div> </div> </a> </div> <div class="w-full sm:w-1/2 lg:w-1/3 mb-6 inline-flex"> <a target="_blank" href="https://www.barchart.com/solutions/../cmdty/data/pricing-network/urner-barry" class="bg-white p-4 md:p-6 inline-block mx-0 md:mx-3 hover:shadow-2xl" title="Urner Barry"> <div class="flex items-center max-h-48 overflow-hidden"> <img src="https://www.barchart.com/solutions/img/cpn/bg-tile-urnerbarry.jpg" alt="Urner Barry" class="w-full text-center" /> </div> <img class="mt-5 mb-4 block max-h-8 w-100 mx-auto" src="https://www.barchart.com/solutions/img/cpn/urner-barry-logo.png" alt="Urner Barry Logo" /> <div class="pb-2 text-black"> <p>Urner Barry is the leader in price reporting for the poultry, egg, meat, and seafood segments of the food industry.</p> </div> <div class="w-full text-center mt-2"> <div class="btn btn-primary">Learn More</div> </div> </a> </div> <div class="w-full sm:w-1/2 lg:w-1/3 mb-6 inline-flex"> <a target="_blank" href="https://www.barchart.com/solutions/../cmdty/data/pricing-network/evolution-markets" class="bg-white p-4 md:p-6 inline-block mx-0 md:mx-3 hover:shadow-2xl" title="Evolution Markets"> <div class="flex items-center max-h-48 overflow-hidden"> <img src="https://www.barchart.com/solutions/img/cpn/bg-tile-evolution-markets.jpg" alt="Evolution Markets" class="w-full text-center" /> </div> <img class="mt-4 mb-4 block max-h-12 w-100 mx-auto" src="https://www.barchart.com/solutions/img/cpn/evolution-markets-logo.png" alt="Evolution Markets Logo" /> <div class="pb-2 text-black"> <p>Evolution Markets offers intelligent data and analytics for energy and environmental commodity markets. Access Evolution Market’s pricing data through cmdtyView or our APIs.</p> </div> <div class="w-full text-center mt-2"> <div class="btn btn-primary">Learn More</div> </div> </a> </div> <div class="w-full sm:w-1/2 lg:w-1/3 mb-6 inline-flex"> <a target="_blank" href="https://www.barchart.com/solutions/../cmdty/data/pricing-network/prima-markets" class="bg-white p-4 md:p-6 inline-block mx-0 md:mx-3 hover:shadow-2xl" title="PRIMA Markets"> <div class="flex items-center max-h-48 overflow-hidden"> <img src="https://www.barchart.com/solutions/img/cpn/bg-tile-prima-markets.jpg" alt="PRIMA Markets" class="w-full text-center" /> </div> <img class="mt-5 mb-4 block max-h-10 w-100 mx-auto" src="https://www.barchart.com/solutions/img/cpn/prima-markets-logo.png" alt="PRIMA Markets Logo" /> <div class="pb-2 text-black"> <p>PRIMA Markets is a leading research company for the low carbon fuels market, specialising in renewable diesel, biodiesel, ethanol & feedstocks.</p> </div> <div class="w-full text-center mt-2"> <div class="btn btn-primary">Learn More</div> </div> </a> </div> </div> </div> </div> </div> </div> <div class="w-full bg-white"> <div class="content-container content-container-no-padding"> <div class="content-container-padding"> <div class="w-full px-12 py-0 text-center"> <h2 class="text-3xl xl:text-5xl text-purple-500 font-bold tracking-tight leading-tight mb-3">The only front-end you’ll ever need is right here</h2> <div class="inline-block w-18 md:w-24 border-t-8 border-yellow-500 mt-2 mb-4"></div> <div class="w-full text-xl xl:text-2xl">Contact us about requesting trial and we’ll work with you to get better information.</div> <div class="w-full"> <a data-toggle="modal" data-target="#ContactModal" data-section="cmdtyView Trial" class="inline-block btn btn-purple btn-xl btn-rounded mt-4 md:mt-8 mx-2">Request Trial</a> <a href="https://cmdtyview.aws.barchart.com/#/us" target="_blank" class="inline-block btn btn-purple btn-xl btn-rounded mt-4 md:mt-8 mx-2">Login</a> </div> </div> </div> </div> </div> </div> </main> <div id="footer" role="contentinfo"> <div class="bg-gray-900 mt-32"> <div class="container mx-auto"> <div class="py-16 lg:pt-20 lg:pb-20 px-4 lg:px-4"> <div class="flex flex-wrap px-2"> <div class="w-full md:w-1/2 lg:w-2/3"> <div class="flex flex-wrap"> <div class="w-full lg:w-2/5"> <div class="mr-1 mb-8"> <img class="w-auto h-8 mb-4" src="https://www.barchart.com/solutions/img/barchart-logo-white.svg" alt="Barchart Solutions" /> <p class="mb-1 text-gray-400">222 S. Riverside Plaza, Suite 810</p> <p class="mb-1 text-gray-400">Chicago, IL 60606</p> <p class="text-purple-200 mb-5"><a class="text-purple-200" href="mailto:solutions@barchart.com"><span class="far fa-envelope mr-1"></span> solutions@barchart.com</a></p> <a href="https://www.facebook.com/Barchart" target="_blank" class="rounded-full bg-gray-800 hover:bg-purple-500 text-gray-400 hover:text-white text-lg w-8 h-8 text-center pt-1 mr-1 inline-block" aria-label="Facebook"><span class="fab fa-facebook-f"></span></a> <a href="https://twitter.com/Barchart" target="_blank" class="rounded-full bg-gray-800 hover:bg-purple-500 text-gray-400 hover:text-white text-lg w-8 h-8 text-center pt-1 mr-1 inline-block" aria-label="Twitter"><span class="fab fa-x-twitter"></span></a> <a href="https://www.linkedin.com/company/barchart.com-inc." target="_blank" class="rounded-full bg-gray-800 hover:bg-purple-500 text-gray-400 hover:text-white text-lg w-8 h-8 text-center pt-1 mr-1 inline-block" aria-label="Linkedin"><span class="fab fa-linkedin-in"></span></a> </div> </div> <div class="w-full lg:w-3/5"> <div class="border-t border-gray-800 pt-6 lg:border-0 lg:pt-0"> <p class="text-base md:text-lg font-medium text-white mb-3">Latest Press Release:</p> <bcswc-data-table api="https://www.barchart.com/solutions/api/press-releases" type="press-releases" latest="true" summary="false"> <template class="bcswc-host-styles"> <style> :host { --bcswc-text-color: #fff; --bcswc-prb-item-separator: #4c4c4c; --bcswc-prb-item-link: #fff; --bcswc-prb-item-link-hover: #e9b054; --bcswc-prb-item-published: #abb6c2; --bcswc-prb-item-summary: #c1ceda; } </style> </template> </bcswc-data-table> <a class="text-gray-400 text-base block mb-8" href="https://www.barchart.com/solutions/company/press-releases">View All Press Releases <span class="fas fa-arrow-circle-right"></span></a> </div> </div> </div> </div> <div class="w-full md:w-1/2 lg:w-1/3"> <div class="ml-0 md:ml-8 border-t border-gray-800 pt-6 md:border-0 md:pt-0"> <p class="mb-2"> <label for="updatesEmailInput" class="text-white text-base font-medium">Get updates from Barchart Solutions:</label> </p> <form id="odFooterSubscribeForm" method="post" data-url="https://www.barchart.com/solutions/subscribe" data-callback-form="odCaptchaFormSubmit" data-success-message="Thank you. You have been subscribed."> <input type="hidden" name="source" value="https://www.barchart.com/solutions/software/cmdtyview"> <input type="hidden" name="tag" value="Barchart Solutions Updates - footer (https://www.barchart.com/solutions/software/cmdtyview)"> <input type="hidden" name="subscriber" value="on"> <div class="flex-wrap flex mb-2"> <div class="inline-block w-3/4"> <input id="updatesEmailInput" name="email" type="email" class="appearance-none w-full py-2 px-3 bg-gray-200" placeholder="Enter email..."> </div> <div class="inline-block w-1/4"> <input class="btn btn-purple py-2 px-3 ml-1 text-base" type="submit" value="Submit"> </div> </div> <div class="block mb-5 text-sm text-white leading-tight"> By submitting this form you are opting in to receive email communications from Barchart for related product, service or company information, updates and announcements. You can unsubscribe at anytime. View our <a href="https://www.barchart.com/about/privacy" target="_blank" class="text-white underline">Privacy Policy</a>. </div> <div class="response-form-text alert hidden" role="alert"></div> <div class="captcha-item opacity-50" data-theme="dark"></div> </form> </div> </div> </div> </div> </div> </div> <div class="bg-black"> <div class="w-full"> <div class="pt-6 pb-4 px-2 text-center"> <p class="text-gray-200 text-xs md:text-sm"> © 2024 <a class="text-gray-200 text-xs md:text-sm" href="https://www.barchart.com/">Barchart.com</a>, Inc. All Rights Reserved. <span class="mx-1"><span class="block md:hidden -my-1 md:my-0 leading-tight"><br/></span></span> <a class="text-white text-xs md:text-sm" href="https://www.barchart.com/solutions/../terms">Terms of Use</a> <span class="mx-1">|</span> <a class="text-white text-xs md:text-sm" href="https://www.barchart.com/solutions/../terms#privacy-policy">Privacy Policy</a> <span class="mx-1">|</span> <a class="text-white text-xs md:text-sm" href="https://www.barchart.com/solutions/../terms#do-not-sell">Do Not Sell My Personal Information</a> </p> <p class="text-gray-400 text-xs">Barchart is committed to ensuring digital accessibility for individuals with disabilities. We are continuously working to improve our web experience, and encourage users to <a href="https://www.barchart.com/solutions/contact" class="text-gray-400 underline">Contact Us</a> for feedback and accommodation requests.</p> </div> </div> </div> </div> <a href="#" id="returnToTop" title="Back to Top"> <span class="fa fa-arrow-circle-up"></span> </a> <!-- Modal --> <div class="modal fade modal-lg" id="ContactModal" tabindex="-1" role="dialog" aria-labelledby="ContactModalLabel"> <div class="modal-dialog modal-dialog-scrollable" role="document"> <form id="odModalContactForm" method="post" data-url="https://www.barchart.com/solutions/contact" data-gtag="true" data-callback-form="odCaptchaFormSubmit" data-success-message="Your inquiry was submitted successfully!"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title" id="ContactModalLabel">Contact Us</div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="fas fa-times"></span></button> </div> <div class="modal-body"> <div class="text-md md:text-lg text-gray-800" id="contact-modal-description">Please submit the form below and someone will contact you shortly.</div> <div class="mt-4 grid grid-cols-1 gap-y-2 gap-x-4 sm:grid-cols-2"> <div class="w-full"> <label for="modalContactFormFirstName">First Name<sup>*</sup></label> <input name="first_name" type="text" class="form-control" id="modalContactFormFirstName" placeholder="First Name"> </div> <div class="w-full"> <label for="modalContactFormLastName">Last Name<sup>*</sup></label> <input name="last_name" type="text" class="form-control" id="modalContactFormLastName" placeholder="Last Name"> </div> <div class="w-full"> <label for="modalContactFormEmail">Email Address<sup>*</sup></label> <input name="email" type="email" class="form-control" id="modalContactFormEmail" placeholder="Email"> </div> <div class="w-full"> <label for="modalContactFormPhone">Phone<sup>*</sup></label> <input name="phone" type="text" class="form-control" id="modalContactFormPhone" placeholder="Phone"> </div> <div class="w-full"> <label for="modalContactFormCompany">Company<sup>*</sup></label> <input name="company" type="text" class="form-control" id="modalContactFormCompany" placeholder="Company"> </div> <div class="w-full"> <label for="modalContactFormRole">Role<sup>*</sup></label> <select class="form-control" name="role" id="modalContactFormRole"> <option value=''>Select Role...</option> <option value='Advisory Services' >Advisory Services</option> <option value='Broker' >Broker</option> <option value='Business Development' >Business Development</option> <option value='Data Manager' >Data Manager</option> <option value='Data Scientist' >Data Scientist</option> <option value='Developer' >Developer</option> <option value='Executive' >Executive</option> <option value='Farmer' >Farmer</option> <option value='Finance' >Finance</option> <option value='Individual' >Individual</option> <option value='Marketing' >Marketing</option> <option value='Merchandiser' >Merchandiser</option> <option value='Procurement' >Procurement</option> <option value='Product Manager' >Product Manager</option> <option value='Quant/Research Analyst' >Quant/Research Analyst</option> <option value='Risk Manager' >Risk Manager</option> <option value='Support' >Support</option> <option value='Trader' >Trader</option> <option value='Other' >Other</option> </select> </div> <div class="w-full"> <label for="modalContactFormIndustry">Industry<sup>*</sup></label> <select class="form-control" name="industry" id="modalContactFormIndustry"> <option value=''>Select industry...</option> <option value='Academic' >Academic</option> <option value='Ag Media' >Ag Media</option> <option value='Ag Tech' >Ag Tech</option> <option value='Ag Services' >Ag Services</option> <option value='Agribusiness' >Agribusiness</option> <option value='Asset Management' >Asset Management</option> <option value='Banking' >Banking</option> <option value='Biofuels' >Biofuels</option> <option value='Corporate' >Corporate</option> <option value='Energy' >Energy</option> <option value='Equity Brokerage' >Equity Brokerage</option> <option value='Exchange' >Exchange</option> <option value='Financial Publishing' >Financial Publishing</option> <option value='Financial Services' >Financial Services</option> <option value='Food & Beverage' >Food & Beverage</option> <option value='Forex / Crypto' >Forex / Crypto</option> <option value='Futures Brokerage' >Futures Brokerage</option> <option value='Individual' >Individual</option> <option value='Market Data' >Market Data</option> <option value='Media (Financial)' >Media (Financial)</option> <option value='Media (Traditional)' >Media (Traditional)</option> <option value='Metals' >Metals</option> <option value='Metals (Scrap)' >Metals (Scrap)</option> <option value='Other' >Other</option> <option value='Proprietary Trading' >Proprietary Trading</option> <option value='Software (Other)' >Software (Other)</option> <option value='Software (Trading)' >Software (Trading)</option> <option value='Transportation' >Transportation</option> </select> </div> <div class="w-full"> <label for="modalContactFormCountry">Country<sup>*</sup></label> <select class="form-control" name="country" id="modalContactFormCountry"> <option value="United States" >United States</option> <option value="Canada" >Canada</option> <option value="Afghanistan" >Afghanistan</option> <option value="Aland Islands" >Aland Islands</option> <option value="Albania" >Albania</option> <option value="Algeria" >Algeria</option> <option value="American Samoa" >American Samoa</option> <option value="Andorra" >Andorra</option> <option value="Angola" >Angola</option> <option value="Anguilla" >Anguilla</option> <option value="Antarctica" >Antarctica</option> <option value="Antigua And Barbuda" >Antigua And Barbuda</option> <option value="Argentina" >Argentina</option> <option value="Armenia" >Armenia</option> <option value="Aruba" >Aruba</option> <option value="Australia" >Australia</option> <option value="Austria" >Austria</option> <option value="Azerbaijan" >Azerbaijan</option> <option value="Bahamas" >Bahamas</option> <option value="Bahrain" >Bahrain</option> <option value="Bangladesh" >Bangladesh</option> <option value="Barbados" >Barbados</option> <option value="Belarus" >Belarus</option> <option value="Belgium" >Belgium</option> <option value="Belize" >Belize</option> <option value="Benin" >Benin</option> <option value="Bermuda" >Bermuda</option> <option value="Bhutan" >Bhutan</option> <option value="Bolivia" >Bolivia</option> <option value="Bonaire" >Bonaire</option> <option value="Bosnia and Herzegowina" >Bosnia and Herzegowina</option> <option value="Botswana" >Botswana</option> <option value="Bouvet Island" >Bouvet Island</option> <option value="Brazil" >Brazil</option> <option value="British Indian Ocean Territory" >British Indian Ocean Territory</option> <option value="Brunei Darussalam" >Brunei Darussalam</option> <option value="Bulgaria" >Bulgaria</option> <option value="Burkina Faso" >Burkina Faso</option> <option value="Burundi" >Burundi</option> <option value="Cambodia" >Cambodia</option> <option value="Cameroon" >Cameroon</option> <option value="Cape Verde" >Cape Verde</option> <option value="Cayman Islands" >Cayman Islands</option> <option value="Central African Republic" >Central African Republic</option> <option value="Chad" >Chad</option> <option value="Chile" >Chile</option> <option value="China" >China</option> <option value="Christmas Island" >Christmas Island</option> <option value="Cocos (Keeling) Islands" >Cocos (Keeling) Islands</option> <option value="Colombia" >Colombia</option> <option value="Comoros" >Comoros</option> <option value="Congo" >Congo</option> <option value="Congo, the Democratic Republic of the" >Congo, the Democratic Republic of the</option> <option value="Cook Islands" >Cook Islands</option> <option value="Costa Rica" >Costa Rica</option> <option value="Cote d'Ivoire" >Cote d'Ivoire</option> <option value="Croatia" >Croatia</option> <option value="Cuba" >Cuba</option> <option value="Curacao" >Curacao</option> <option value="Cyprus" >Cyprus</option> <option value="Czech Republic" >Czech Republic</option> <option value="Denmark" >Denmark</option> <option value="Djibouti" >Djibouti</option> <option value="Dominica" >Dominica</option> <option value="Dominican Republic" >Dominican Republic</option> <option value="Ecuador" >Ecuador</option> <option value="Egypt" >Egypt</option> <option value="El Salvador" >El Salvador</option> <option value="Equatorial Guinea" >Equatorial Guinea</option> <option value="Eritrea" >Eritrea</option> <option value="Estonia" >Estonia</option> <option value="Ethiopia" >Ethiopia</option> <option value="Falkland Islands (Malvinas)" >Falkland Islands (Malvinas)</option> <option value="Faroe Islands" >Faroe Islands</option> <option value="Fiji" >Fiji</option> <option value="Finland" >Finland</option> <option value="France" >France</option> <option value="French Guiana" >French Guiana</option> <option value="French Polynesia" >French Polynesia</option> <option value="French Southern Territories" >French Southern Territories</option> <option value="Gabon" >Gabon</option> <option value="Gambia" >Gambia</option> <option value="Georgia" >Georgia</option> <option value="Germany" >Germany</option> <option value="Ghana" >Ghana</option> <option value="Gibraltar" >Gibraltar</option> <option value="Greece" >Greece</option> <option value="Greenland" >Greenland</option> <option value="Grenada" >Grenada</option> <option value="Guadeloupe" >Guadeloupe</option> <option value="Guam" >Guam</option> <option value="Guatemala" >Guatemala</option> <option value="Guernsey" >Guernsey</option> <option value="Guinea" >Guinea</option> <option value="Guinea-Bissau" >Guinea-Bissau</option> <option value="Guyana" >Guyana</option> <option value="Haiti" >Haiti</option> <option value="Heard and McDonald Islands" >Heard and McDonald Islands</option> <option value="Holy See (Vatican City State)" >Holy See (Vatican City State)</option> <option value="Honduras" >Honduras</option> <option value="Hong Kong" >Hong Kong</option> <option value="Hungary" >Hungary</option> <option value="Iceland" >Iceland</option> <option value="India" >India</option> <option value="Indonesia" >Indonesia</option> <option value="Iran, Islamic Republic of" >Iran, Islamic Republic of</option> <option value="Iraq" >Iraq</option> <option value="Ireland" >Ireland</option> <option value="Isle of Man" >Isle of Man</option> <option value="Israel" >Israel</option> <option value="Italy" >Italy</option> <option value="Jamaica" >Jamaica</option> <option value="Japan" >Japan</option> <option value="Japan" >Japan</option> <option value="Jersey" >Jersey</option> <option value="Jordan" >Jordan</option> <option value="Kazakhstan" >Kazakhstan</option> <option value="Kenya" >Kenya</option> <option value="Kiribati" >Kiribati</option> <option value="Korea, Democratic People's Republic of" >Korea, Democratic People's Republic of</option> <option value="Korea, Republic of" >Korea, Republic of</option> <option value="Kuwait" >Kuwait</option> <option value="Kyrgyzstan" >Kyrgyzstan</option> <option value="Lao People's Democratic Republic" >Lao People's Democratic Republic</option> <option value="Latvia" >Latvia</option> <option value="Lebanon" >Lebanon</option> <option value="Lesotho" >Lesotho</option> <option value="Liberia" >Liberia</option> <option value="Libyan Arab Jamahiriya" >Libyan Arab Jamahiriya</option> <option value="Liechtenstein" >Liechtenstein</option> <option value="Lithuania" >Lithuania</option> <option value="Luxembourg" >Luxembourg</option> <option value="Macao" >Macao</option> <option value="Macedonia, The Former Yugoslav Republic Of" >Macedonia, The Former Yugoslav Republic Of</option> <option value="Madagascar" >Madagascar</option> <option value="Malawi" >Malawi</option> <option value="Malaysia" >Malaysia</option> <option value="Maldives" >Maldives</option> <option value="Mali" >Mali</option> <option value="Malta" >Malta</option> <option value="Marshall Islands" >Marshall Islands</option> <option value="Martinique" >Martinique</option> <option value="Mauritania" >Mauritania</option> <option value="Mauritius" >Mauritius</option> <option value="Mayotte" >Mayotte</option> <option value="Mexico" >Mexico</option> <option value="Micronesia, Federated States of" >Micronesia, Federated States of</option> <option value="Moldova, Republic of" >Moldova, Republic of</option> <option value="Monaco" >Monaco</option> <option value="Mongolia" >Mongolia</option> <option value="Montenegro" >Montenegro</option> <option value="Montserrat" >Montserrat</option> <option value="Morocco" >Morocco</option> <option value="Mozambique" >Mozambique</option> <option value="Myanmar" >Myanmar</option> <option value="Namibia" >Namibia</option> <option value="Nauru" >Nauru</option> <option value="Nepal" >Nepal</option> <option value="Netherlands" >Netherlands</option> <option value="Netherlands Antilles" >Netherlands Antilles</option> <option value="New Caledonia" >New Caledonia</option> <option value="New Zealand" >New Zealand</option> <option value="Nicaragua" >Nicaragua</option> <option value="Niger" >Niger</option> <option value="Nigeria" >Nigeria</option> <option value="Niue" >Niue</option> <option value="Norfolk Island" >Norfolk Island</option> <option value="Northern Mariana Islands" >Northern Mariana Islands</option> <option value="Norway" >Norway</option> <option value="Oman" >Oman</option> <option value="Pakistan" >Pakistan</option> <option value="Palau" >Palau</option> <option value="Palestinian Territory, Occupied" >Palestinian Territory, Occupied</option> <option value="Panama" >Panama</option> <option value="Papua New Guinea" >Papua New Guinea</option> <option value="Paraguay" >Paraguay</option> <option value="Peru" >Peru</option> <option value="Philippines" >Philippines</option> <option value="Pitcairn" >Pitcairn</option> <option value="Poland" >Poland</option> <option value="Portugal" >Portugal</option> <option value="Puerto Rico" >Puerto Rico</option> <option value="Qatar" >Qatar</option> <option value="Reunion" >Reunion</option> <option value="Romania" >Romania</option> <option value="Russian Federation" >Russian Federation</option> <option value="Rwanda" >Rwanda</option> <option value="Saint Barthelemy" >Saint Barthelemy</option> <option value="Saint Helena" >Saint Helena</option> <option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option> <option value="Saint Lucia" >Saint Lucia</option> <option value="Saint Pierre and Miquelon" >Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option> <option value="Samoa" >Samoa</option> <option value="San Marino" >San Marino</option> <option value="Sao Tome and Principe" >Sao Tome and Principe</option> <option value="Saudi Arabia" >Saudi Arabia</option> <option value="Senegal" >Senegal</option> <option value="Serbia" >Serbia</option> <option value="Seychelles" >Seychelles</option> <option value="Sierra Leone" >Sierra Leone</option> <option value="Singapore" >Singapore</option> <option value="Slovakia" >Slovakia</option> <option value="Slovenia" >Slovenia</option> <option value="Solomon Islands" >Solomon Islands</option> <option value="Somalia" >Somalia</option> <option value="South Africa" >South Africa</option> <option value="South Georgia and the South Sandwich Islands" >South Georgia and the South Sandwich Islands</option> <option value="South Sudan" >South Sudan</option> <option value="Spain" >Spain</option> <option value="Sri Lanka" >Sri Lanka</option> <option value="Sudan" >Sudan</option> <option value="Suriname" >Suriname</option> <option value="Svalbard and Jan Mayen" >Svalbard and Jan Mayen</option> <option value="Swaziland" >Swaziland</option> <option value="Sweden" >Sweden</option> <option value="Switzerland" >Switzerland</option> <option value="Syrian Arab Republic" >Syrian Arab Republic</option> <option value="Taiwan" >Taiwan</option> <option value="Tajikistan" >Tajikistan</option> <option value="Tanzania, United Republic of" >Tanzania, United Republic of</option> <option value="Thailand" >Thailand</option> <option value="Timor-Leste" >Timor-Leste</option> <option value="Togo" >Togo</option> <option value="Tokelau" >Tokelau</option> <option value="Tonga" >Tonga</option> <option value="Trinidad and Tobago" >Trinidad and Tobago</option> <option value="Tunisia" >Tunisia</option> <option value="Turkey" >Turkey</option> <option value="Turkmenistan" >Turkmenistan</option> <option value="Turks and Caicos Islands" >Turks and Caicos Islands</option> <option value="Tuvalu" >Tuvalu</option> <option value="Uganda" >Uganda</option> <option value="Ukraine" >Ukraine</option> <option value="United Arab Emirates" >United Arab Emirates</option> <option value="United Kingdom" >United Kingdom</option> <option value="United States Minor Outlying Islands" >United States Minor Outlying Islands</option> <option value="Uruguay" >Uruguay</option> <option value="Uzbekistan" >Uzbekistan</option> <option value="Vanuatu" >Vanuatu</option> <option value="Venezuela" >Venezuela</option> <option value="Viet Nam" >Viet Nam</option> <option value="Virgin Islands, British" >Virgin Islands, British</option> <option value="Virgin Islands, U.S." >Virgin Islands, U.S.</option> <option value="Wallis and Futuna" >Wallis and Futuna</option> <option value="Western Sahara" >Western Sahara</option> <option value="Yemen" >Yemen</option> <option value="Zambia" >Zambia</option> <option value="Zimbabwe" >Zimbabwe</option> </select> </div> <div class="w-full sm:col-span-2"> <label for="modalContactFormNotes">Notes<sup>*</sup></label> <textarea name="comments" class="form-control" rows="3" id="modalContactFormNotes" placeholder="Please tell us more about what you are looking for and your use case..."></textarea> </div> <input type="hidden" name="source" value="https://www.barchart.com/solutions/software/cmdtyview"> <input type="hidden" name="tag" value="Contact Modal Form (https://www.barchart.com/solutions/software/cmdtyview)"> <input type="hidden" name="subscriber" value="on"> <input id="contactModalTags" type="hidden" name="tags" value=""> <input id="contactModalSection" type="hidden" name="section" value=""> <input id="contact-modal-type" type="hidden" name="type" value="modal"> <input id="contact-modal-extra" type="hidden" name="extra" value=""> <div class="w-full sm:col-span-2 text-sm md:text-base leading-tight text-gray-800"> By submitting this form you are opting in to receive email communications from Barchart for related product, service or company information, updates and announcements. You can unsubscribe at anytime. View our <a href="https://www.barchart.com/about/privacy" target="_blank">Privacy Policy</a>. </div> <div class="w-full sm:col-span-2"> <div class="alert alert-danger hidden" role="alert"></div> <div class="response-form-text text-sm alert hidden" role="alert"></div> <div class="captcha-item mt-4"></div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default mr-2" data-dismiss="modal">Close</button> <input type="submit" class="btn btn-primary" value="Submit"> </div> </div> </form> </div> </div> <script>var appUrl = 'https://www.barchart.com/solutions';</script> <script>var googleRecaptchaSitekey = '6Lfgm0cUAAAAACO-Uw4HiuGD9yRY8vhKK0D3bBtb';</script> <script src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" data-auto-replace-svg="nest"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script src="https://www.google.com/recaptcha/api.js?onload=onloadReCaptchaInvisible&render=explicit" async defer></script> <script type="module" src="https://d1l7hzv7igdihb.cloudfront.net/solutions/js/bcswc.js?v=1318476616"></script> <script> $(document).ready(function() { $('.navbar-collapse').on('shown.bs.collapse', function() { $('nav.navbar').addClass('navbar_collapsed'); }); $('.navbar-collapse').on('hidden.bs.collapse', function() { $('nav.navbar').removeClass('navbar_collapsed'); }); // Check whether to initially show or hide the button if ($(window).scrollTop() >= 100) { $('#returnToTop').css('display', 'flex'); } // Show the button when the user has scrolled down $(window).scroll(function () { if ($(this).scrollTop() >= 100) { $('#returnToTop').css('display', 'flex'); } else { $('#returnToTop').css('display', 'none'); } }); // Scroll to top when the button is clicked $('#returnToTop').click(function (e) { e.preventDefault(); $('body, html').animate({ scrollTop: 0 }, 500); }); const clickedC = ('; '+document.cookie).split(`; barchartmarketdata_clicked_www=`).pop().split(';')[0]; if (clickedC && clickedC != '' && clickedC != 'false') { var eventName = 'Clicked_Barchart_for_Businesses_Barchart_com'; var eventType = 'Home Page'; if (clickedC.includes("major-commodities")) { eventName = 'Clicked_Barchart_for_Businesses_Major'; eventType = 'Major Commodities Page'; } else if (clickedC.includes("energies")) { eventName = 'Clicked_Barchart_for_Businesses_Energy'; eventType = 'Energy Page'; } else if (clickedC.includes("grains")) { eventName = 'Clicked_Barchart_for_Businesses_Grains'; eventType = 'Grains Page'; } gtag('event', eventName, { page_url: window.location.href, method: 'From Barchart for Business section', }); document.cookie = `barchartmarketdata_clicked_www=;expires=Thu, 01 Jan 1970 00:00:00 UTC`; document.cookie = `barchartmarketdata_clicked_url=${eventType};expires=${new Date(new Date().getTime() + 15 * 60000).toUTCString()};path=/`; } $('#ContactModal').on('show.bs.modal', function (e) { var type = $(e.relatedTarget).data('modal-type') || 'contact'; $('input#contact-modal-type').val(type === 'contact' ? 'modal' : type); $('input#contact-modal-extra').val($(e.relatedTarget).data('insight')); }); $('#ContactModal').on('shown.bs.modal', function (e) { // When contact form is shown, set section the user clicked the button in and focus on the first element. $('#ContactModal input:visible:first').focus(); $('input#contactModalSection').val($(e.relatedTarget).data('section')); $('input#contactModalTags').val($(e.relatedTarget).data('tags')); }); $('#ContactModal').on('hidden.bs.modal', function () { // Reset section when modal is closed. $('input#contactModalSection').val(''); $('input#contactModalTags').val(''); $('input#contact-modal-extra').val(''); }); }); // Custom UUID Generator Function function generateUUID() { // Generate a UUIDv4 compliant string return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = crypto.getRandomValues(new Uint8Array(1))[0] % 16; var v = c === 'x' ? r : (r & 0x3) | 0x8; return v.toString(16); }); } // Initialize all captchas var onloadReCaptchaInvisible = function () { grecaptcha.ready(function () { document.querySelectorAll('.captcha-item').forEach(function (el) { var form = el.closest('form'); if (!form) return; var formName = form.getAttribute('id'); if (formName) { // Use the custom UUID generator for unique captcha names var captchaName = formName + '_recaptcha_' + generateUUID(); el.setAttribute('id', captchaName); var captchaID = grecaptcha.render(captchaName, { 'sitekey': googleRecaptchaSitekey, 'size': 'invisible', 'badge': 'inline', 'callback': function (token) { var cbFormName = el.closest('form').getAttribute('id'); var callbackFn = el.closest('form').getAttribute('data-callback-form'); if (typeof window[callbackFn] === 'function') { window[callbackFn](cbFormName); } } }); form.captchaID = captchaID; // Prevent adding multiple event listeners if (!form.classList.contains('captcha-initialized')) { form.addEventListener('submit', function (event) { event.preventDefault(); grecaptcha.execute(form.captchaID); }); form.classList.add('captcha-initialized'); } } }); }); }; // Callback function for Google Captcha forms var odCaptchaFormSubmit = function (submitFormName) { var form = document.getElementById(submitFormName); if (!form) return; var successMessage = form.getAttribute('data-success-message') || 'Your inquiry was submitted successfully!'; var successType = form.getAttribute('data-success-type') || 'default'; var gTag = form.getAttribute('data-gtag') || false; form.querySelectorAll('input[type="submit"], button[type="submit"]').forEach(function (submitButton) { submitButton.classList.add('disabled'); submitButton.setAttribute('disabled', true); }); // Prepare the form data for submission var formData = new FormData(form); // Use fetch to submit the form data fetch(form.getAttribute('data-url'), { method: 'POST', body: formData }) .then(function (response) { if (!response.ok) { return response.json().then(function (data) { data.status = response.status; throw data; }); } return response.json(); }) .then(function (data) { if (gTag) { gtag_report_conversion(); } gtag('event', 'submit_form', { form_name: submitFormName, form_url: form.getAttribute('data-url'), method: 'Solutions Form Submit', }); var message = data.message || successMessage; var responseText = form.querySelector('.response-form-text'); if (successType === 'reload') { alert(message); location.reload(); } else if (responseText) { responseText.classList.remove('alert-danger'); responseText.classList.add('alert-success'); responseText.innerHTML = message; responseText.classList.remove('hidden'); } }) .catch(function (errorData) { // Remove 'disabled' class and enable submit buttons form.querySelectorAll('input[type="submit"], button[type="submit"]').forEach(function (submitButton) { submitButton.classList.remove('disabled'); submitButton.removeAttribute('disabled'); }); var responseText = form.querySelector('.response-form-text'); var html = ''; if (errorData instanceof Error) { // Network error or unexpected response html = '<li>' + errorData.message + '</li>'; } else { // Handle if errorData contains responseJSON.data or is already an object var errorDataContent = errorData.data || errorData; if (typeof errorDataContent === 'object') { Object.keys(errorDataContent).forEach(function (key) { if (Array.isArray(errorDataContent[key])) { errorDataContent[key].forEach(function (errMsg) { html += '<li>' + errMsg + '</li>'; }); } else if (typeof errorDataContent[key] === 'string') { html += '<li>' + errorDataContent[key] + '</li>'; } }); } else { html = '<li>An unexpected error occurred. Please try again later.</li>'; } } if (responseText) { responseText.classList.remove('alert-success'); responseText.classList.add('alert-danger'); responseText.innerHTML = '<ul>' + html + '</ul>'; responseText.classList.remove('hidden'); } }) .finally(function () { setTimeout(function () { var captchaResponse = grecaptcha.getResponse(form.captchaID); if (form.captchaID !== null && form.captchaID !== undefined && captchaResponse !== "") { grecaptcha.reset(form.captchaID); } }, 500); }); }; </script> <script> $('#return-to-top').click(function() { $('body,html').animate({ scrollTop : 0 }, 500); }); </script> </body> </html>