Interactive widgets for WordPress site
Project Brief — Two Interactive Widgets for WordPress
CMS: WordPress (Salient or Gutenberg theme)
Goal: lead generation through quiz and calculator
WIDGET 1: QUIZ (4-5 steps)
Multi-step quiz → contact form → thank you.
∙ Different types of questions (single/multiple choice)
∙ Branching: the next question depends on the answer
∙ Last step: name, phone (US validation), email (optional)
∙ Progress dots, “back” button
∙ Content of questions provided separately
WIDGET 2: CALCULATOR (6 steps)
1. Material selection — 3 cards with textures and color tags
2. Size (slider with a large number) + checkbox option
3. Additional options — radio list (4 options)
4. Quantity — counter +/- (0-30)
5. Contact form (name, phone, email) + urgency + value stack
6. Result — price range immediately, disclaimer, guarantee
The price is calculated internally (formulas provided). The client sees only the final range.
DESIGN (both):
∙ Mobile-first, 3 breakpoints (mobile/tablet/desktop)
∙ Matches the site style (fonts, colors provided)
∙ Large font (16px+ body), rounded buttons, icons in inputs
∙ Completed steps — green, current — yellow
∙ Google Reviews badge (5 stars)
TECHNICAL:
∙ Vanilla HTML + CSS + JS (no frameworks)
∙ CSS with prefix (.mdc-) to avoid conflicts with the theme
∙ No page reloads
∙ Validation: US phone with auto-format, email
∙ Email sending: CF7 / WP REST API / WPForms — at the executor's choice
∙ The email contains all parameters + contacts + estimate
Deadline: 1-3 days
Provided: Project brief, HTML prototype, access to WP, content, formulas, logo/colors
-
3 days300 USD
1973 17 0 1 3 days300 USDI will implement both interactive widgets using pure Vanilla JS/CSS with full style isolation (.mdc-), ensuring their stable operation in the Salient theme without visual conflicts. I have extensive experience in developing custom frontend logic, so I will accurately transfer your formulas into the calculator and set up branching logic in the quiz without using unnecessary libraries. I will ensure strict validation of US numbers (auto-format), mobile-first layout according to the provided prototype, and instant submission of applications via WP REST API (or CF7) without reloading the page. The implementation period is 2-3 days, and the cost for both widgets "turnkey" is $300. Please send the formulas and prototype — I am ready to start working today.
-
2 days80 USD
2993 12 0 4 2 days80 USDI can build these two custom widgets for your WordPress site using clean vanilla JavaScript and CSS to ensure zero conflicts with the Salient theme. For the quiz, I will implement a state-driven architecture to handle the branching logic smoothly, while the calculator will use the precise formulas you provide to display the final price range. I will ensure the .mdc- prefix is used throughout and that the mobile-first design perfectly matches your existing style guide, including the specific progress bar colors and US phone masking.
To give you an idea of the calculator logic, I will structure it like this:
const getEstimate = (base, material, size, count) => {
const total = (base materialMap[material] + size) count;
return { min: total 0.9, max: total 1.1 };
};
I have extensive experience creating interactive lead magnets that connect directly to WP REST API or CF7 without page reloads. Your 1-3 day timeline is achievable, and I will deliver the code ready for integration. I will also include the Google Reviews badge and the specific state-based styling for your steps.
Looking forward to discussing your project in detail.
-
21 days550 USD
3070 29 1 1 21 days550 USDДоброго дня.🌞
Створю інтерактивні віджети для WordPress сайту згідно вашого тз.
Приклади подібних робіт:
hyro.ai/roi-calculator/
matrixfate.space
Інтерактивні віджети для WordPress сайту
Виконаю завдання якісно, з увагою до деталей і за вказану ціну.
Звертайтесь! Розпочну працювати відразу.
… Маю 7 років досвіду розробки на WordPress/WooCommerce, OpenCart.
Дещо з мого портфоліо: 👇
pridewood.ch
hyro.ai/roi-calculator/
white-chimpanzee-938039.hostingersite.com/
matrixfate.space
rdlnit.com
soulroom.com.ua
pharmaxi.ua
ac-group.kiev.ua
tabooclothes.com.ua
santehplus.shop
dho.com.ua
locs-ua.com
imania.com.ua
albamed.com.ua
-
22 days1200 USD
988 9 0 22 days1200 USDGood day!
We have studied your project and have relevant experience.
I would estimate such a project at 55,000 UAH.
This includes:
- development of the structure;
- writing texts;
… - design;
- layout;
- making corrections and fixing bugs;
- technical settings;
- consultations and training on working with the admin panel;
- domain and hosting.
Here are examples of work on WordPress:
https://www.bizlg.com
https://www.iholz.ch
https://www.ics-market.com.ua
https://solarenergo.ua
https://piwott.com
This is a package offer. If you cover any of the components on your side, please write in private for a discussion of the cost.
-
1 day120 USD
559 2 0 1 day120 USDGood day, Yevhen! Ready to do it quickly and without problems, have extensive experience with WP.
-
7 days78 USD
124 7 days78 USDGood day!
I have reviewed your technical specifications — the task is completely clear. I have experience in developing multi-step quizzes and calculators for WordPress without using frameworks (pure HTML/CSS/JS), including conditional logic, form validation, and integration with WP (CF7 / REST API).
I can implement:
• A quiz with branching logic and a user-friendly UX (progress, back, without reloads)
• A calculator with a step-by-step UI and internal formulas (with price range output)
• A responsive mobile-first design in your style
• Validation of US phone numbers with auto-formatting
… • Clean code with prefixes (.mdc-), without conflicts with the theme
I am ready to execute quickly (1–3 days) and can start immediately after receiving access and materials.
If needed, I can show examples of similar work or create a small demo before starting.
I look forward to collaborating!
-
1 day80 USD
411 6 1 1 day80 USDHello! I am a WordPress specialist and can create interactive widgets that will be responsive, fast, and fully integrated with your site. I am ready to discuss the details and timelines.
-
3 days150 USD
4873 39 0 3 days150 USDHello, I will do it!
Write to me - I will clarify the details and can quickly start working.
More about me:
I have 9 years of experience in such projects.
I have worked with companies from Italy, Poland, Kyiv, and the USA.
You can see my work here:
Portfolio on Freelancehunt:Freelancehunt
… Repositories on GitHub: github.com/web-programmer-pro
-
10 days80 USD
198 10 days80 USDGood day!
I have reviewed your technical specifications — it looks like a clear and well-thought-out task that I have worked on multiple times. I have been creating interactive elements for websites — quizzes, calculators, forms — for about 3 years now, and I understand well how to ensure that users not only "click around" but actually reach the end and submit a request.
During this time, I have learned to look at such things not only from a technical perspective but also from the viewpoint of human behavior. For example, where it is better to simplify a step, where to add a hint, how to make a form less "stressful" so that users want to fill it out. That is why the output is not just widgets, but convenient and logical scenarios that work for conversion.
I have worked with multi-step quizzes where the logic changes depending on the answers, created calculators with calculations and a final result in the form of a range, and set up contact collection forms to ensure everything goes quickly and without unnecessary actions. I pay special attention to the mobile version — this is critical now, and I always make sure that everything looks and works just as well on a phone as it does on a computer.
I carefully adhere to the technical specifications, but if I see an opportunity to make it better or simpler for the user — I will always suggest it. I work quickly, without delays, and I am open to revisions — this is part of the process.
-
1 day80 USD
721 5 0 1 day80 USDHello!
I have reviewed the technical specifications - the task is clear, I have experience in developing similar quizzes and calculators on WordPress (vanilla JS, without frameworks). I will implement multi-step logic, branching, validation, and integration with forms without reloading the page.
I am ready to start working immediately. I can do it qualitatively and adaptively for all breakpoints.
-
3 days200 USD
274 3 days200 USDGood day!
I am ready to implement a quiz and calculator for WordPress.
I have good experience in developing custom solutions without overloading with plugins — I create multi-step forms, calculators, responsive layouts, and integrations. I work with clean HTML/CSS/JS, correctly integrating into the theme without conflicts.
I always focus on user convenience and clean, maintainable code.
I can quickly get started on the work.
I would be happy to discuss the details.
-
2 days200 USD
1762 19 0 1 2 days200 USDHello!
We are working on the development of software, websites, automation systems, and more.
We accept projects for development "from scratch" as well as for technical refinement.
We work with a wide stack: WordPress, Opencart, Shopify, WIX, Python, JavaScript, C++, C#, Unity 3D, SQL, MSSQL, WPF, WinForms.
We have practical experience in:
– system and application programming
– business process automation
… – information security
– technical project management
After project delivery — we provide free technical support for 14 days.
We work quickly, clearly, and results-oriented.
We look forward to collaboration!
-
5 days500 USD
3248 34 0 5 days500 USDHello! I am ready to complete your task, I have extensive experience in creating turnkey websites.
The price for 1 block ranges from $60 to $110 (depends on the format of the website you choose)
* includes the design development of the first block in two concepts to choose from
* includes the preparation of the layout for PC/mobile version
* includes 3 free iterations of revisions
Layout: from $70 to $125 (depends on the format of the website you choose)
* includes the development of a feedback form
… * includes the connection of hosting and admin panel
I am ready to discuss your budget here and come up with the best option for you.
Portfolio:Behance
Behance
Examples of websites:
creotivity-tm.com.ua/the-one
creotivity-tm.com.ua/oak-yard
https://creotivity-tm.com.ua/car4soul/
https://creotivity-tm.com.ua/fidelity-office/
https://creotivity-tm.com.ua/skylead/
Write to me — we will discuss the details.
-
2 days80 USD
247 2 days80 USDThank you for sharing the interactive WordPress widgets project details.
I have strong experience building custom WordPress widgets using HTML, CSS, and JavaScript.
I previously developed multi step quizzes and calculators for lead generation websites.
I can implement branching quiz logic and dynamic price calculations smoothly.
I will ensure mobile first design with responsive layouts and clean UI elements.
I also have experience integrating forms with WPForms, CF7, and REST API.
The widgets will load without page refresh and follow your mdc CSS prefix.
Validation for US phone formatting and email will be properly implemented.
I can complete both widgets within the required one to three days.
… Please contact me to discuss more about this project.
Best Regards.
-
3 days440 USD
4873 107 0 3 days440 USDHello.
I will do it turnkey.
Profile:Freelancehunt
Reviews:Freelancehunt
-
7 days1000 USD
12784 4 2 7 days1000 USDHi,
Your brief is clear and very practical — exactly the kind of widgets I’ve built before for lead generation.
I work with vanilla HTML/CSS/JS inside WordPress and can deliver both the quiz and calculator as lightweight, mobile-first components that integrate cleanly with your theme (with proper namespacing like .mdc- to avoid conflicts). I’ve implemented multi-step flows with branching logic, dynamic calculations, and clean UX (progress states, validation, instant results) many times.
For your case, I can:
Build the 4–5 step quiz with branching and smooth transitions
…
Develop the 6-step calculator with internal pricing logic and instant range output
Set up reliable form submission (CF7 or WPForms) with all data + estimate included
Ensure responsive design and pixel consistency with your styles
I can start immediately and fit within your 1–3 day timeline.
Happy to review your prototype and suggest the simplest implementation approach before we begin.
Best,
Jeo Vincent Carretas
-
3 days80 USD
726 9 1 3 days80 USDHello! Your project looks very promising. I am ready to start working and complete it at the highest level.
-
3 days150 USD
727 6 0 3 days150 USDcontact us
-
3 days100 USD
457 1 0 3 days100 USDHello! I am ready to implement two interactive widgets for WordPress: a quiz and a calculator. I will create a multi-step quiz with various types of questions and dependencies, as well as a calculator with material and parameter selection. Both widgets will be developed using Vanilla HTML, CSS, and JS, without page reloads, taking into account mobile adaptation and the specified design.
I am familiar with contact validation and data submission via REST API.
The deadline is 1-3 days. I am ready to discuss the details and start working.
-
3 days80 USD
1182 13 0 3 3 days80 USDHello! My partner (designer + full-stack) and I have been specializing in the development of custom interactive elements for WordPress for over 4 years, so we will implement your quiz and calculator widgets in Vanilla JS without unnecessary heavy plugins, ensuring instant performance and perfect mobile adaptation. We will write clean code with the prefix .mdc- for full compatibility with the Salient theme, implement complex branching logic for questions and calculations based on your formulas with the output of the final price range, as well as set up validation for US numbers and send all data via WP REST API or CF7 for your convenience. Our experience in development is 4 years; check out our work at hyperfi.tech, espressolab.com.ua, hudi.com.ua.
-
3 days100 USD
449 1 0 3 days100 USDHello!
I am ready to complete the task, I can start today.
I will create 2 plugins with the ability to edit the quiz and calculator in the admin panel.
Write to discuss the details of the technical specifications.
-
3 days400 USD
976 4 0 3 days400 USDGood day
My name is Dmytro, from King Kong Lab. We can implement both interactive widgets for WordPress — a quiz and a calculator — according to your specifications.
We have experience in creating multi-step quizzes, calculators, and other conversion widgets for lead generation. We implement solutions to ensure they work quickly, without conflicts with the WordPress theme (Salient / Gutenberg) and without page reloads.
We can implement:
a multi-step quiz (4–5 steps) with branching logic for questions
a progress indicator, a "back" button, various types of answers
a contact form with validation for US phone numbers and email
… a thank you page after submission
Calculator (6 steps):
material selection with cards
size slider and additional options
quantity counter
contact form
price calculation based on your formulas with a display of the final range
Technically, we implement:
clean Vanilla HTML + CSS + JS
CSS with a prefix (.mdc-) to avoid conflicts with the theme
mobile-first adaptation (3 breakpoints)
validation for US phone numbers with auto-formatting
data submission via CF7 / WPForms or WP REST API
an email with all parameters of the quiz/calculator and contacts
We also adapt the design to match the style of your site (fonts, colors, buttons, Google Reviews badge).
We are ready to review the HTML prototype, formulas, and access to WordPress and start working immediately.
-
1 day115 USD
4461 88 4 1 1 day115 USDHello! I have reviewed your task. I can do it quickly. Write to me in private messages, we will discuss the details, deadlines, and current cost.
-
3 days110 USD
11706 68 0 3 days110 USDGood day
ready to discuss the details in private messages
...........................................
-
3 days500 USD
679 1 0 3 days500 USDHello! I am ready to quickly implement 2 interactive widgets for WordPress — a quiz and a calculator — according to your specifications, with neat mobile-first layout and without conflicts with the theme.
What I will do
✅ Widget 1 — Quiz (4–5 steps)
multi-step logic
single / multiple choice
branching based on answers
contact form at the end
progress dots + "back" button
… validation for US phone and email
✅ Widget 2 — Calculator (6 steps)
material selection with cards
size through slider
additional options
quantity counter +/-
contact form + urgency / value stack
final price range according to your formulas
disclaimer + guarantee
Technically
Vanilla HTML / CSS / JS
CSS with prefix .mdc-
without page reload
responsive for mobile / tablet / desktop
integration via CF7 / WP REST API / WPForms
email with all parameters, contacts, and estimate
Design
I will make it in the style of the website:
large typography
rounded buttons
icons in fields
completed steps — green
active step — yellow
Google Reviews badge
Approach
I will assemble the widgets so that they are:
visually neat
user-friendly on mobile
understandable for further support
easily embedded in WordPress without overloading with unnecessary plugins
I have experience in developing custom quizzes, calculators, lead forms, and WordPress integrations, so I can do it quickly and cleanly.
I will be happy to take on the task immediately after receiving the materials.
Current freelance projects in the category HTML & CSS
Webflow developer for filling portfolio pages on the websiteA website custom-built on Webflow for a construction company needs to quickly fill project pages using one template (replace images and texts) For 2 languages Quantity - 6 pieces Ready to start asap, thank you! HTML & CSS, Web Programming ∙ 1 day 3 hours back ∙ 38 proposals |
Layout and setup of a WordPress site for a construction company (Premium segment) with a focus on SEOProject Description: We are looking for an experienced WordPress developer to implement and deploy a ready design layout from Figma onto the WordPress CMS. Important Project Context: This is not a website development from scratch. The company has an existing website, and we are… HTML & CSS, Web Programming ∙ 1 day 7 hours back ∙ 61 proposals |
Moved the website from OpenCart to the Khoroshop platformHello. There is a website on OpenCart, an online store. It is necessary to transfer the structure of the site to the GoodShop platform, select a design for the new site, and make it fully functional. HTML & CSS, Web Programming ∙ 2 days 4 hours back ∙ 33 proposals |
Create a 1-page website with 2D visualization of live coefficientsA one-page website is needed that in real-time requests live betting odds for a football match via API and visualizes them as two 2D characters on a football field. A visual reference is provided in the photo. All assets will be provided privately.Animation:The entire… HTML & CSS, Web Programming ∙ 3 days 2 hours back ∙ 45 proposals |
Need a strong WordPress / WooCommerce specialist for the refinement of the MARSPRO website.We are looking for a responsible freelancer or a small team for the quality completion and technical refinement of the MARSPRO company website. The website is already operational, but there are many minor and significant technical issues left by the previous developer. We need a… Content Management Systems, HTML & CSS ∙ 3 days 4 hours back ∙ 44 proposals |