Canvas Support

Form submission

3 replies·opened Jan 4, 2021
U
UlisesquagliaJan 4, 2021

Hello there,

I'm using the form submission from the Footer-2.html
The form gets submitted just fine and the massage gets sent to me, but the form won't return a confirmation message, it will just get stuck in the loading animation. I'm using Netlify as a host. Here's the form code I'm using. Everything else is unchanged from the original html file.

                  <form action="POST" data-netlify="true" class="quick-contact-form mb-0">
  
                    <div class="form-process">
                      <div class="css3-spinner">
                        <div class="css3-spinner-scaler"></div>
                      </div>
                    </div>
  
                    <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" class="required form-control" id="quick-contact-form-name" name="quick-contact-form-name" value="" placeholder="Full 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="text" class="required form-control email" id="quick-contact-form-email" name="quick-contact-form-email" value="" placeholder="Email Address" />
                    </div>
                    <textarea class="required form-control input-block-level short-textarea" id="quick-contact-form-message" name="quick-contact-form-message" rows="4" cols="30" placeholder="Message"></textarea>
                    <input type="text" class="d-none" id="quick-contact-form-botcheck" name="quick-contact-form-botcheck" value="" />
                    <input type="hidden" name="prefix" value="quick-contact-form-">
                    <button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" class="btn btn-danger m-0" value="submit">Send Email</button>
                  </form>
S
SemiColonWebSTAFFJan 5, 2021

Hello,

Since you are using an External Service for Forms, the Default Functionality will not work as expected, as the returned message format from the External Service would be different and will not match the format of the Default Forms Processor included. You will need to disable the default functionality from the Forms to be able to use the External Service correctly. To do so, simply remove the .form-widget Class from the Form's Wrapper.

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

U
UlisesquagliaJan 5, 2021

Thank you very much!

Are there any host services you recommend so that I can use the canvas form code/ PHP as is?

Thanks!

S
SemiColonWebSTAFFJan 6, 2021

Hello,

Canvas Form Processor requires PHP and PHPMailer as dependencies to work. You will simply need a Server that supports PHP7 or more and you are good to go. In any case, we always recommend using SMTP for sending Emails as they are more reliable: http://docs.semicolonweb.com/docs/forms/form-setup/#docs-snippet-php .

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
Form submission · Canvas Template Support