Contact Form 7 Add-on

soulofalion
(@soulofalion)

5 years, 1 month ago

Hi There! I am looking to add the Contact Form 7 into my new WP website. However, I recently came across a digital agency website that used the same contact form with an add-on of budget estimator/calculator. I have looked up almost everywhere but I can’t seem to find if it’s natively done in the Contact Form 7 or added as a separate plugin. I am not tech-savvy so any help in this regard will be highly valuable for me.

Here’s the link to the website; https://isadoradigitalagency.com/contact

Viewing 2 replies - 1 through 2 (of 2 total)

(@ziegel)

You could inspect the other Website code (right Click inspect) on the CF7 form where calculation is done, and see if you can understand what other plugin is mentioned there.

Also, it’ spossible (not an easy task) to the calculation manually and add it to from pages via .html calls.

Also, I recommend googling the topic of “contact form 7” calculator add-on etc.

ziegel

(@ziegel)

5 years, 1 month ago

Hi @soulofalion,

A sample of the code that belos to them is:

<span>Branding & Identity<em>SELECT</em></span></p>
<ul>
<li><input class="" value="Brand Strategy" name="projectType[]" type="checkbox" data-value="14" id="id-1"/><label for="id-1">Brand Strategy</label></li>
<li><input class="" value="Corporate Visual Identity" name="projectType[]" type="checkbox" data-value="14" id="id-3"/><label for="id-3">Corporate Visual Identity</label></li>
<li><input class="" value="Print/Marketing Assets" name="projectType[]" type="checkbox" data-value="16" id="id-4"/><label for="id-4">Print/Marketing Assets</label></li>
<li><input class="" value="Pitch Deck" name="projectType[]" type="checkbox" data-value="6" id="id-2"/><label for="id-2">Pitch Deck</label></li>
</ul></div>
</li>
<li class="experiences-list">
<div>
          <span>Web Experiences<em>SELECT</em></span></p>
<ul>
<li><input class="" value="Website Audit" name="projectType[]" type="checkbox" data-value="12" id="id-5"/><label for="id-5">Website Audit</label></li>
<li><input class="" value="Web Design & Development" name="projectType[]" type="checkbox" data-value="54" id="id-6"/><label for="id-6">Web Design & Development</label></li>
<li><input class="" value="Responsive/Mobile" name="projectType[]" type="checkbox" data-value="0" id="id-7"/><label for="id-7">Responsive/Mobile</label></li>
<li><input class="" value="eCommerce" name="projectType[]" type="checkbox" data-value="65" id="id-8"/><label for="id-8">eCommerce</label></li>
<li><input class="" value="UX Design System" name="projectType[]" type="checkbox" data-value="200" id="id-19"/><label for="id-19">UX Design System</label></li>
<li><input class="" value="Mobile App" name="projectType[]" type="checkbox" data-value="65" id="id-9"/><label for="id-9">Mobile App</label></li>
<li><input class="" value="Motion Graphics" name="projectType[]" type="checkbox" data-value="10" id="id-10"/><label for="id-10">Motion Graphics</label></li>
<li><input class="" value="Copywriting" name="projectType[]" type="checkbox" data-value="5" id="id-11"/><label for="id-11">Copywriting</label></li>
<li><input class="" value="Ongoing Support" name="projectType[]" type="checkbox" data-value="5" id="id-12"/><label for="id-12">Ongoing Support</label></li>
</ul></div>
</li>
<li class="marketing-list">
<div>
          <span>Ongoing Support Services<em>SELECT</em></span></p>
<ul>
<li><input class="" value="Ecommerce Enhancements" name="projectType[]" type="checkbox" data-value="30" id="id-13"/><label for="id-13">Ecommerce Enhancements</label></li>
<li><input class="" value="UI/UX Strategy & Design" name="projectType[]" type="checkbox" data-value="30" id="id-14"/><label for="id-14">UI/UX Strategy & Design</label></li>
<li><input class="" value="Campaign Design" name="projectType[]" type="checkbox" data-value="30" id="id-15"/><label for="id-15">Campaign Design</label></li>
<li><input class="" value="Content Creation" name="projectType[]" type="checkbox" data-value="30" id="id-16"/><label for="id-16">Content Creation</label></li>
<li><input class="" value="Web Development" name="projectType[]" type="checkbox" data-value="30" id="id-17"/><label for="id-17">Web Development</label></li>
<li><input class="" value="A/B Testing" name="projectType[]" type="checkbox" data-value="30" id="id-18"/><label for="id-18">A/B Testing</label></li>
<li><input class="" value="Conversion Optimization" name="projectType[]" type="checkbox" data-value="30" id="id-21"/><label for="id-21">Conversion Optimization</label></li>
<li><input class="" value="Updates & Maintenance" name="projectType[]" type="checkbox" data-value="30" id="id-20"/><label for="id-20">Updates & Maintenance</label></li>
</ul></div>

They are usingfor each check-box an attribte named:
data-value=”30″

I’m not famlure of it, but it seems to be built-in CF7. I do not know if it’s done manually or via an add-on.

Also, they should have some *.JS calculation to presenthe estiated total cost.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Contact Form 7 Add-on’ is closed to new replies.

Tags