How to connect a uCalc calculator to a Turbosite website
uCalc is a Russian online calculator and form builder for websites. It is a market leader used for calculating service costs (repairs, delivery, catering, etc.) and collecting leads. The basic version is free, while advanced features are available on paid plans. It is compatible with any website where you can insert HTML. Installation takes 10–15 minutes.
What you will need
- A uCalc account — free registration at ucalc.pro
- A published website on Turbosite
- 10–15 minutes (plus time to create the calculator itself)
Step 1. Create a calculator in uCalc
- Register at ucalc.pro and log in to your personal account.
- Click “Create” → select a template based on your industry (repairs, delivery, education, etc.) or start from scratch.
- In the visual editor:
- Add fields: checkboxes, dropdown lists, input fields, images.
- Set up calculation formulas (if the calculator needs to calculate a total).
- Add a contact form: name, phone, email.
- Set up anti-spam protection (built-in mechanism or reCAPTCHA).
- Customize the design: colors, fonts, background.
- On the “Notifications” tab, specify an email or CRM integration where leads should be sent.
- Save the project.
📷 Screenshot: uCalc visual editor with a configured calculator.
Step 2. Get the code for your website
- In the top panel of the editor, click “Get code” (or the “Installation on site” tab).
- Choose a format:
- JavaScript code — recommended, loads lighter and faster.
- iframe — simple insertion as a block.
- Copy the entire generated code.
📷 Screenshot: window with code for website insertion.
Step 3. Insert the code into Turbosite
The calculator appears in a specific place on the page, so the code is inserted into the page body.
- Open your website in Turbosite.
- Add an “HTML code” block to the desired location on the page (usually a section with a service description or a separate “Calculate cost” block).
- Paste the copied uCalc code.
- Save the changes.
- Publish the website.
📷 [Turbosite screenshot — to be added: HTML code block in the page body with the uCalc calculator].
Step 4. Verify that the calculator works
- Open the published website.
- Scroll to the calculator — it should load and be interactive.
- Fill in the fields and check that the total amount is calculated correctly.
- Send a test lead.
- Check that the lead arrived in your email or CRM (if integration is configured).
FAQ
The calculator is not displaying. Check the completeness of the code, website publication, and the absence of ad blockers. If you are using the JavaScript code, it must load completely, and there should be no errors in the browser console.
Can I style it to match my website? Yes, you can customize colors, fonts, background, and padding in the uCalc editor. If fine-tuned styling is needed, custom CSS is available on paid plans.
Where do the leads go? By default, to the email you specified. You can set up delivery to a CRM (amoCRM, Bitrix24, AirCRM) or via Zapier — anywhere you like. This is configured in your uCalc personal account without editing the website code.
The calculator is slowing down website loading. The JavaScript version loads asynchronously and has almost no impact on speed. The iframe might be slightly slower. For a large page with multiple widgets, use the JS version.
How much does it cost? The basic version with one calculator is free. Paid plans are for additional features (multiple projects, analytics, integrations, custom CSS). Prices are on the pricing page.
Where to look next
- uCalc Knowledge Base — articles and instructions
- uCalc Personal Account — create and edit calculators
- Calculator Templates — ready-made solutions by industry
