Canvas Support

Pop-up / confirmation issue through contact and quickcontact

3 replies·opened May 2, 2020
B
buraksansalMay 2, 2020

Dear Canvas team,

I have a couple of issues with Contact modules, actually with the confirmation after sending the message. Let me say firstly that I receive those contact e-mails correctly after the user sends, but the confirmation message for the user is not correctly displayed as you can see in the screenshots.

  • Quick contact issue: on https://www.allaboutturkey.com/guide_cv.html on the right side I have a "Quick Contact" widget. When the user sends his/her message, instead of a in-page pop-up confirmation message it shows a new page of quickcontact.php , as in screenshot..

  • Contact page issue: on https://www.allaboutturkey.com/contact.html when the user sends his/her message, the pop-up display says "Please set a message!" instead of a "confirmation" message. Like I said, I receive their e-mails correctly, but the user will see this pop-up and will think that it didn't go through even though he entered all boxes. You can see this in the screenshot, too.

How can I fix these issues?

Thank you very much.

S
SemiColonWebSTAFFMay 2, 2020

Hello,

  1. The issue with the Quick Contact Form is because of the Older Version of the Quick Contact Form codes you are using. Please update the codes to the Latest Version:
<div id="q-contact" class="widget quick-contact-widget form-widget clearfix">

&#x9;<h4 class="highlight-me">Quick Contact</h4>
&#x9;<div class="form-result"></div>
&#x9;<form id="quick-contact-form" name="quick-contact-form" action="include/form.php" method="post" class="quick-contact-form nobottommargin">
&#x9;&#x9;<div class="form-process"></div>

&#x9;&#x9;<input type="text" class="required sm-form-control input-block-level" id="quick-contact-form-name" name="quick-contact-form-name" value="" placeholder="Full Name" />
&#x9;&#x9;<input type="text" class="required sm-form-control email input-block-level" id="quick-contact-form-email" name="quick-contact-form-email" value="" placeholder="Email Address" />
&#x9;&#x9;<textarea class="required sm-form-control input-block-level short-textarea" id="quick-contact-form-message" name="quick-contact-form-message" rows="4" cols="30" placeholder="Message"></textarea>
&#x9;&#x9;<input type="text" class="hidden" id="quick-contact-form-botcheck" name="quick-contact-form-botcheck" value="" />
&#x9;&#x9;<input type="hidden" name="prefix" value="quick-contact-form-">
&#x9;&#x9;<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" class="button button-small button-3d nomargin" value="submit">Send Email</button>
&#x9;</form>

</div>
  1. Again, this is related to using Older Versions of the Codes. Make sure that you have updated the codes correctly to avoid any issues. The following DIV:
<div class="contact-form-result"></div>

needs to be updated to this:

<div class="form-result"></div>

This will definitely fix your issues. Hope this Helps!

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

B
buraksansalMay 3, 2020

Now it works perfectly. Thank you very much for all your help.

S
SemiColonWebSTAFFMay 3, 2020

Hello,

Awesome! Very Happy to Help!

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

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