Hello,
first of all, let me express my sincere appreciation for the tremendous work you have done in Canvas package, as well as the documentation which is very informative, and in fact, before sending this ticket to you, I have gone thoroughly through it, as well as I have searched almost all your tickets for a similar issue as mine. I have followed the steps explained by you first for my GoDaddy hosting, but since it imposes a lot of restrictions, I switched to SMTP using my Gmail account, and I turned on (Less Secure App Access).
after all the above, I still receive the error message SMTP Connect fail().
To make it easier for you, I'm uploading the form.php fie from include, test URL, as well as including the form code for you to kindly assist me if the issue isn't from your form side, though, I will contact the hosting provider (GoDaddy)..
Form code:
<div class="row">
<div class="col-md-4 form-group">
<label for="template-contactform-name">Name <small>*</small></label>
<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="sm-form-control required" />
</div>
<div class="col-md-4 form-group">
<label for="template-contactform-email">Email <small>*</small></label>
<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" />
<input type="hidden" name="replyto" value="template-contactform-email">
</div>
<div class="col-md-4 form-group">
<label for="template-contactform-phone">Phone</label>
<input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="sm-form-control" />
</div>
<div class="w-100"></div>
<div class="col-md-8 form-group">
<label for="template-contactform-subject">Subject <small>*</small></label>
<input type="text" id="template-contactform-subject" name="subject" value="" class="required sm-form-control" />
</div>
<div class="col-md-4 form-group">
<label for="template-contactform-service">Subject</label>
<select id="template-contactform-service" name="template-contactform-service" class="sm-form-control">
<option value="">-- Select One --</option>
<option value="General inquiry">General inquiry</option>
<option value="Correction, Addition, Suggestion">Correction, Addition, Suggestion</option>
<option value="On-demand Service">On-demand Service</option>
<option value="Complain">Complain</option>
</select>
</div>
<div class="w-100"></div>
<div class="col-12 form-group">
<label for="template-contactform-message">Message <small>*</small></label>
<textarea class="required sm-form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
</div>
<div class="col-12 form-group d-none">
<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
</div>
<div class="col-12 form-group">
<button class="button button-3d m-0" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send Message</button>
</div>
</div>
<input type="hidden" name="prefix" value="template-contactform-">
</form>
</div>