Sign in Subscribe
Developers

🚀 45-Minute WebView Plugin: Your Ticket to a MacBook

Build powerful WebView plugins for cTrader in under an hour—no heavy SDK required! Discover 10 ready-to-use widget ideas you can whip up tonight, then follow our simple 5-step guide to clone our demo chart plugin

🚀 45-Minute WebView Plugin: Your Ticket to a MacBook

🛠️ What WebView plugins without the SDK can be

A WebView plugin without using the SDK is simply a fully responsive web page (HTML/CSS/JS or any framework: React, Vue, Svelte, low- or no-code tools like Webflow/Bubble/Lovable/Bildr) that you host anywhere. No extra libraries—just standard frontend plus a mobile-friendly viewport meta tag.

💡 10 widget ideas you can build yourself in an evening

  1. Economic Calendar – upcoming events flagged by importance.
  2. Global Market Hours – interactive timeline of major trading sessions.
  3. Trader’s Journal – pre- and post-trade checklists and notes.
  4. Time Zone Converter – one-click conversion for any exchange.
  5. Risk Manager – position-size calculator based on risk % of balance.
  6. Currency Heat-Map – colour-coded daily moves via a public API.
  7. Exchange Holiday Calendar – see when each market is closed.
  8. Interactive FAQ – onboarding guide for new users.
  9. Motivation Dashboard – quotes, progress bars against your goals.
  10. Pattern-Recognition Quiz – mini-course with local progress tracking.
🎉 cTrader Hackathon is Here — Build a WebView plugin, Win a MacBook
🚀 We’ve just launched a brand-new category of WebView plugins on cTrader — read more about it here. To celebrate, we’re kicking off a 1-month hackathon to find the best WebView plugins. 🏆 Prizes include a MacBook Pro, iPad Pro, and Apple Watch 10. 📘 Full terms and conditions available here The
Blog cTrader Store. Algos, Indicators, WebView pluginsSofia Savchenko

📊 2) Our demo plugin with minimal SDK via URL parameters

Demo URL: https://uat-mobile-store.ctrader.com/web-plugins-materials/TradeSignals.gif

What it does

  • Reads theme (light/dark/system) and symbol (EURUSD, USDJPY) from from the parameter in URL.
  • Applies the chosen theme to the UI.
  • Subscribes to live tick data for the specified symbol via the built-in WebView channel (minimal SDK usage).
  • Renders an updating price chart in real time.

🔧 How to replicate in 5 simple steps

  1. Build any mobile-responsive web page (Next.js, React, Vue, or low-/no-code).
  2. Parse URL parameters for theme and symbol.
  3. Deploy to a hosting service (Vercel, Netlify, GitHub Pages…).
  4. Submit your URL (with query-param support) in the cTrader Store WebView plugin form.
  5. Test in the mobile app—your plugin auto-adapts theme & symbol and streams live data.

📌How to participate

Getting started is simple — but there’s one crucial first step you can’t skip. sign up to the cTrader Developer Club

🔐 If you are already a member, just sign in.

Join the Developer Club

❓ Got questions or need help during the hackathon?
Reach out to our team at 👉 support@ctrader.com — we’re here to help!

✅ Deadline: August 31, 2025
✅ Plugin must be live in the Store
✅ Open to all

🔥 Why WebView Plugins Matter Now

This is your first-mover moment.
WebView is brand new — and this hackathon is the first official way to test, launch, and monetise plugins that run across all platforms.

  • 📱 70% of our traders use cTrader on mobile
  • 💻 One codebase for desktop and web (August) & mobile ( already now) —no recompilation
  • 💸 Monetization this fall: subscriptions & paid features in the Store
🎉 Access to WebView plugin UAT Development
Get access to WebView plugin development on cTrader’s. Explore full documentation, SDK, and mobile testing tools to build, test, and prepare your plugin for launch.
Blog cTrader Store. Algos, Indicators, WebView pluginsAleks Kozlov

Read next

Comments ()