6 replies · opened Jul 27, 2022
HI
I want to use a 3rd party form builder for my email forms but unsure how to setup on the canvas templete
At the moment all i have changed is
<form id="quick-contact-form" name="quick-contact-form" action="include/form.php" method="post" class="quick-contact-form mb-0">
To
<form id="quick-contact-form" name="quick-contact-form" action="https://formbucket.com/f/buk_lU1eHYkgGhwcBabHdH1FW192" form method="post" >
Hello,
Using a Third-Party Form Processing Solution is definitely possible, however, the Default AJAX Functionality will not work with Custom Form Processors. So you will need to add the .customjs Class to the .form-widget Element.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
thank you
managed to get it working on the in the html code by deleting the .form-widget. i have no experiance editing AJAX i wont be fit to edit it, i guess its the best solution instead of what i have done.
I tested what i have done and its working for me
https://cz.macfab.com/contact.html
Thank you for the help and reply.
Hello,
Glad that issue was resolved. Instead of deleting the .form-widget DIV, we recommend using this:
<div class="form-widget custom-submit"></div>This code will Validate the Form Input and then submit to FormBucket without AJAX. This way the Validation is also functional.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi
Sorry for my delay on the reply to your message above. i am back working on this project and still having an issue using the <div class "form-widget custom-submit"></div>
i can get the form to work but it doesnt look great. in order for the message to send i need to delete the following lines of code
<div class="widget quick-contact-widget form-widget clearfix">
and in each of the fields i have to remove class="required form-control"
Please see my video show the process of the form where it is redirected to formbucket and then to a thankyou page.
code i am currently using below.
=============================================
<div class="col-sm-6 col-lg-3">
<div class="form-widget custom-submit"></div>
<h4>SENDEN SIE UNS EINE NACHRICHT</h4>
<form method="post" action="https://formbucket.com/f/buk_G1MgIoEYEMGRicAGpzayz6Pf" >
<input type="hidden" name="_subject" value="Baler Sales Enquiry Germany" />
<label style="display:none">Honey pot </label>
<input type="text" name="bucket_trap" style="display: none" />
<div class="row">
<div class="row">
<div class="form-group">
<div class="col-md-6 col-xl-12">
<div class="input-group mx-auto">
<div class="input-group-prepend">
<div class="input-group-text"><i class="icon-user"></i></div>
</div>
<input type="text" value="" data-msg-required="Please enter your name." maxlength="100" name="name" id="quick-contact-form-name" placeholder="Vollständiger Name" />
</div>
<div class="input-group mx-auto">
<div class="input-group-prepend">
<div class="input-group-text"><i class="icon-email2"></i></div>
</div>
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" name="email" id="email" placeholder="E-Mail-Adresse" />
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-6 col-xl-12">
<textarea maxlength="5000" data-msg-required="Please enter your message." c rows="4" name="message" id="message" placeholder="Ihre Nachricht"></textarea>
</div>
</div>
</div>
<input type="submit" value="Nachricht absenden" class="button" >
</div>
</div>
</form>
sorry also should mention the website is live so it can viewed at https://www.ballenpresse-papier.com/index.html
If you wish to test no problem
Hello,
We have checked this out and the issue appears to be with your Version of Canvas. Your Version does not include the .custom-submit Functionality, so updating to the latest version of Canvas is highly recommended to avoid unexpected issues. Additionally, unfortunately, we cannot control the FormBucket side of things as it looks like they are running their own SPAM Protection using reCaptcha and this cannot be bypassed.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard