Metal Rolling Calculator for WordPress
1. General Task
An interactive metal rolling calculator needs to be developed for a WordPress site.
The calculator should work quickly, intuitively, and be mobile-friendly.
UX reference:
https://www.metalika.ua/calculator-metalloprokata.html
However, a more modern design and scalability are required.
2. Functionality
2.1 Types of Metal (left panel or top buttons)
- Beams (EN 10365: IPE, HEA, HEB)
- Channels (UNP / UPN)
- Angles
- Pipes
- Round
- Square
- Sheet
2.2 For each type:
Beams:
- Type selection: IPE / HEA / HEB
- Profile selection (e.g.: IPE 100, IPE 120…)
- Length input (m)
Others (generalized):
- Parameters according to type (diameter, thickness, dimensions, etc.)
- Length / area / quantity
2.3 Result:
- Mass per 1 m (kg/m)
- Total mass (kg)
3. Profile Visualization (IMPORTANT)
When selecting a profile, a diagram should be displayed (on the right):
For beams:
- h — height
- b — flange width
- s — wall thickness
- t — flange thickness
Requirements:
- SVG (not an image)
- proportions change according to the profile
- dimensions labeled
UX Requirements:
- minimum clicks
- dynamic shape change
- instant recalculation (without a "Calculate" button)
6. WordPress Integration
- Insertion via shortcode
- Or as a separate block/widget
- Must work without conflicts with the theme
7. Responsiveness
- Full mobile support
- Convenient profile selection on mobile
8. Additional (optional, to be evaluated separately)
- Adding price (UAH/kg)
- Cost calculation
- "Get a commercial offer" button
- Integration with a form (email / CRM)
9. Technical Requirements
- Clean JS (or lightweight framework, without bloat)
- No heavy libraries
- Fast loading
10. What to Provide as a Result
- Ready code
- Installation instructions for WordPress
- Ability to edit data
11. Important
A convenient tool for the user is needed, not just a calculator.
In the attached file, +/- design appearance
Applications 1
-
I am implementing an engineering calculator in pure JS with dynamic SVG manipulation, where the profile contour will actually change its physical proportions according to EN 10365 standards with each selection of the type size.
How do you plan to address the issue of visual accuracy, given that with the standard approach of "numbers over the image" without dynamic changes to the geometry of the SVG nodes, your calculator will display a thin IPE beam and a massive HEB beam absolutely identically, which will undermine the trust of professional clients in the accuracy of your calculations?
Budget and deadlines are in personal correspondence. 🤝
-
Good evening
I am ready to discuss the details in private messages.
-
2163 14 0 1 Hello! I am Roman, an individual developer with 4 years of experience in full-stack development, so I will professionally implement an interactive metal rolling calculator for your WordPress site, creating a fast tool in pure JavaScript with dynamic SVG diagrams that instantly change proportions and size labels according to the selected profile (IPE, HEA, HEB, etc.); I will ensure flawless responsiveness, integration via shortcode without conflicts with the theme, and a user-friendly admin panel for editing reference data, and if needed, I will add the logic for cost calculation and generating commercial proposals, working through a sole proprietorship and guaranteeing high loading speed (PageSpeed 95+), you can view my work here: https://3magency.co/, https://jk-solution.com.ua/, https://farfieworldwide.com/,
Behance.
-
4429 80 1 4 Trust a professional with over 10 years of experience! The rates and deadlines are current! I will be happy to collaborate! Experience in commercial development of online stores on CMS, business portals, and corporate websites - 11 years! +CMS: WordPress(+Woocommerce) PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify php/html/css/js/Mysql, PhotoShop/Figma Examples of work (from scratch, turnkey): https://quantplace.org/ https://amari.net.ua/ https://heypretty.gr/ https://thaibalispa.pl/ https://wildandorganic.com/ https://cryptosignals.org/ https://ecnbot.com https://locs-ua.com/ https://www.grower.com.ua/ https://www.alternativemedicine.com.ua/ https://silkkiss.ua/ https://v12coffee.com.ua/ https://smrtalgo.com/ https://sengero.no/ https://beautybysim.no/ https://sonatagalleri.com/ https://www.solmy-realestate.com/ https://www.emmanuel.com.ua/ https://www.onsitecomputersinc.com/ https://express-tehbud.com/ https://korostenporcelain.com.ua/ https://sladok.com.ua/ https://pricemds.com/ https://picupmedia.com/ https://www.serasar.com/
-
3838 44 0 Hello, I can create an interesting project clearly according to your specifications, I will provide recommendations on the work and show how to work with it.
-
362 1 0 Good day,
I am confident that we can help you. Just recently, we completed a similar project, creating a cable tray calculator and additional products:
https://tray-calculator.uea.kiev.ua/
You can review our portfolio on our website:
https://spacelabweb.com/ua/portfolio/
…
For a more detailed assessment of the project regarding pricing and development timelines, more information is needed. As I understand, you will also need to create a design, I can suggest that you fill out our brief for evaluation. Also, please clarify your deadlines and budget.
We hope for further cooperation.
Best regards,
The SpaceLab Team
-
594 12 0 Good day! I will create a fast and modern metal rolling calculator in JS. Dynamic SVG diagrams, instant calculations, responsiveness, and easy integration via shortcode. The profile database will be convenient for editing. I have experience with similar technical tasks.
-
6533 27 0 2 Hello. I have reviewed your technical specification for the development of a metal rolling calculator. I have experience creating complex interactive tools for WordPress and understand how to implement such a task without overloading the site with unnecessary plugins.
I will develop the calculator in pure JS (Vanilla JS) using SVG for dynamic visualization. This will ensure instant speed and easy integration into any theme via shortcode.
My proposal for implementation:
Interactivity and UX
I will implement instant recalculation when any field changes. The SVG diagram will dynamically change its proportions depending on the selected profile (IPE, HEA, etc.) and display the relevant dimension lines (h, b, s, t), significantly enhancing convenience for the engineer or purchaser.
… Technical execution
I will use a lightweight data structure (JSON) to store profile parameters according to EN 10365 and other standards. This will allow you to easily edit or add new items in the future. All code will be optimized for fast loading and proper operation on mobile devices.
WordPress integration
The calculator will be designed as a separate script that connects through the theme's functionality or the Code Snippets plugin. You will be able to display it anywhere on the site using a simple shortcode.
Additional functionality (separate estimate)
I am ready to implement cost calculation and a "Get a Quote" form that will send the calculation data along with the contact form (for example, via Contact Form 7 or integration with your CRM).
I think not just as a developer but as a user, so I will make the interface as clean as possible, allowing the client to perform the calculation in 2-3 clicks.
Please let me know if you have a ready database with metal characteristics (weight per meter, dimensions)?
-
976 4 0 Good day
My name is Dmytro, I represent King Kong Lab
I can develop a modern interactive metal product calculator for you on WordPress — focusing on UX, speed, and scalability
What I will do
implement all types of metal with a dynamic form for each type
instant recalculation without buttons
user-friendly interface (minimum clicks, logical flow)
responsive for mobile
Separately on important matters
… I will create an SVG visualization of the profile (beams and others)
with dynamic proportions and labels (h, b, s, t)
without images — everything is live and scalable
Integration
via shortcode or a separate block
without conflicts with the theme
clean JS without overload
Optionally
adding price and cost calculation
“get a quote” button
integration with form / CRM
Result
ready code + instructions
ability to edit data without a developer
On timelines
5–10 days
I am not just making a calculator, but a convenient tool that clients actually use
I am ready to discuss details and design
I would be happy to collaborate
-
411 6 1 Hello! I am ready to develop a metal rolling calculator for WordPress with an intuitive UI, price settings, and PDF export. The deadlines and budget will be specified.
-
3071 11 0 1 Good day Vitaliy!
I can help create a calculator. I have a lot of experience with WordPress, I understand how to make a quick product that is mobile-friendly. I understand the requirements for UX, and I can create a great design.
Also, for your reference regarding my development experience, I am sending case studies:
1. Residential complex website
https://freelancehunt.com/showcase/work/sayt-zhilogo-kompleksa/1865504.html
2. Multi-page insurance services website
… https://freelancehunt.com/showcase/work/mnogostranichnyiy-sayt-uslug-strahovaniya/1865498.html
3. Website for promotion services on Google Maps
https://freelancehunt.com/showcase/work/sayt-uslug-prodvizheniya-na-google-kartah/1865502.html
4. Website for a manufacturer of protective parts for motorcycles
https://freelancehunt.com/showcase/work/sayt-proizvoditelya-zaschitnyih-detaley-dlya-mototsiklov/1865501.html
I suggest we discuss the project details and start working as soon as possible!
-
8103 38 0 1 I have already developed calculators of another type on the WP full seat and other plugin at the output.
https://1-rk.com.ua/calc
-
471 1 0 Hello!
The demo version of the calculator is ready: https://metal-insight-calculator.lovable.app/
When creating the design, I focused on your application.
Your task is very clear to me. I specialize in creating fast interactive tools that not only calculate but also help sell. The reference to metalika.ua is understood, but I will create a much more modern and "lighter" product.
How I will implement your project:
Technological: I will use pure JavaScript (Vanilla JS). This guarantees instant operation without loading WordPress and conflicts with the theme. No heavy libraries — just speed.
… Dynamic SVG (Your priority): I will implement profile diagrams through SVG code, which will physically change its proportions depending on the selected type (IPE, HEA, etc.) and label the dimensions. This will look premium and visually appealing.
Perfect UX: Instant recalculation with every character input (no "Calculate" button). Minimum clicks, convenient dropdowns for mobile devices.
WordPress Integration: I will format it with a convenient Shortcode. I will provide clear instructions on how to edit the data (weight, dimensions) in the configuration file yourself.
Additional options: I am ready to separately implement the cost calculation and the "Get Quote" form with sending to your Email or in Telegram/CRM.
I will complete it in 3 days.
I am ready to discuss the details. I look forward to your feedback!
-
7134 13 0 Hello, I am a Senior Full-stack developer with extensive experience in development for WordPress. For example, I developed a 3D calculator for baths, where the user could change parameters in real-time directly in WP.
I understand that your main priorities are data accuracy and UX speed, and I will implement your task.
I will do it through shortcodes and with settings if needed. I can also add a cost calculation module and generate a PDF file with a commercial proposal that the client will receive via email immediately after the calculation. This significantly increases conversion.
-
289 Вітаю! Готова виконати зручний інструмент.
Роботи:
🔗 elenis.com.ua
🔗 kontur-sb.com.ua
🔗 www.dosvit.com.ua
🔗 berberis.agency
🔗 avic.ua
🔗 ald.com.ua
… 🔗 diy-ceiling.com.ua/
🔹 Дизайн сайтів з нуля/редизайн
🔹 Верстка: HTML, CSS, JS, SQL, Sass
🔹 Розробка мобільних додатків та Telegram-ботів
Працюю з:
🔹 WordPress — Elementor — WooCommerce
🔹 OpenCart
🔹 Shopify
🔹 Webflow
🔸 Laravel • React Native JS • Vue
-
3272 10 0 Development of an interactive metal rolling calculator for WordPress with responsive design. I will structure the calculator with types of metal, the ability to input parameters, and instant calculation of total weight. I will implement SVG visualization of the profile and integration via shortcode without conflicts with the theme. I invite discussion of the implementation details.
Portfolio -Freelancehunt
On one of the websites, I created a calculator https://teplohub.online/pelety/
-
512 Good day!
I have experience in developing interactive metal product calculators for WordPress. Your task is completely within my competence.
What I offer:
Technologies: pure JS + SVG (without heavy libraries). Fast, responsive, minimum clicks.
Functionality: beams (IPE/HEA/HEB), channels, angles, pipes, round, square, sheet. Profile selection, length → instant weight calculation.
…
Visualization: SVG diagram of the profile with labeled dimensions (h, b, s, t), proportions change dynamically according to the selected profile size.
WordPress integration: shortcode or Gutenberg block. No conflicts with the theme.
Responsiveness: convenient profile selection on mobile devices.
Optionally: + price (UAH/kg), cost calculation, "Get Quote" button with integration to form/CRM.
Current freelance projects in the category HTML & CSS
Rib restaurant-pizzeria websiteThe client side — a dynamic menu with Firebase, categories with tabs, dish cards with photos and prices, support for two sizes (pizza 30/40 cm), responsive mobile design, a sidebar menu with contacts and location. The admin panel — authorization, management of categories and… HTML & CSS ∙ 2 hours 44 minutes back ∙ 47 proposals |
Need to make improvements on the Modx Evolution CMS 3.1.7 site.
22 USD
The design refinement and layout of the website are being developed, and these works will need to be implemented on the site.Also, some adjustments need to be implemented on the site. HTML & CSS, PHP ∙ 3 hours 24 minutes back ∙ 16 proposals |
Mobile version of the websiteHello everyone. We need to redesign the existing mobile version of the website according to the specifications: https://docs.google.com/document/d/1BVV0UGDTEDyZ-EUvFg0RAmEasGKcl6cnK_cBB4Urbko/edit?usp=sharing HTML & CSS, Web Programming ∙ 12 hours 2 minutes back ∙ 62 proposals |
Development of a Minecraft Java Seed Map / Seed Viewer for the websiteDevelopment of Minecraft Java Seed Map / Seed Viewer for the websiteProject Description A browser-based tool Minecraft Java Seed Map / Seed Viewer needs to be developed, which will work on our website and allow the user to enter a seed from Minecraft Java Edition and view an… C & C++, HTML & CSS ∙ 19 hours 58 minutes back ∙ 10 proposals |
Transfer of a small business card website with 58 pages from Joomla 1.5 to Joomla 6There is a small business card website made on Joomla 1.5 with 58 pages (if counted in two languages), which contains small texts with photos. One page has a table. Two pages have PDF files that take up the entire page in a frame. The site is made in two languages with a… Content Management Systems, HTML & CSS ∙ 1 day 3 hours back ∙ 33 proposals |