Solved

Create a survey / poll and send the results via mail to shop owner

V4Y
Tourist
8 1 1

Hello community,

 

I want to create a page with a survey / poll for customers to fill out.

It ist very simple and I don't want to install any additional for this.

 

I created the code for a simple form, bit I don't know how to send myself the results per email.

Can anybody help me with this? I am using the Taste Theme

 

The link to the page: https://vapes4you.de/pages/umfrage-zu-vapes4you

 

The code I created:

 

<form id="surveyForm">

<div class="contact__fields">
	<div class="field">
	  <input class="field__input" autocomplete="name" type="text" id="name" name="contact[Name]" value="" placeholder="Name" required>
	  <label class="field__label" for="name">Vor- und Nachname
	  <span aria-hidden="true">*</span>
	  </label>
	</div>
	<br>
	<div class="field">
	  <input autocomplete="email" type="email" id="email" class="field__input" name="contact[email]" spellcheck="false" autocapitalize="off" value="" required placeholder="E-Mail">
	  <label class="field__label" for="ContactForm-email">E-Mail Adresse
	  <span aria-hidden="true">*</span></label></div>
    </div>
	<br>
    <fieldset>
        <legend>1. Wie einfach war es für dich, Produkte auf unserer Website zu finden?</legend>
        <label><input type="radio" name="q1" value="Sehr einfach" required> Sehr einfach</label>
        <br><label><input type="radio" name="q1" value="Einfach" required> Einfach</label>
        <br><label><input type="radio" name="q1" value="Neutral" required> Neutral</label>
        <br><label><input type="radio" name="q1" value="Schwierig" required> Schwierig</label>
        <br><label><input type="radio" name="q1" value="Sehr schwierig" required> Sehr schwierig</label>
    </fieldset>
	<br>
    <fieldset>
        <legend>2. Wie würdest du die Vielfalt unseres Produktangebots bewerten?</legend>
        <label><input type="radio" name="q2" value="Sehr zufriedenstellend" required> Sehr zufriedenstellend</label>
        <br><label><input type="radio" name="q2" value="Zufriedenstellend" required> Zufriedenstellend</label>
        <br><label><input type="radio" name="q2" value="Neutral" required> Neutral</label>
        <br><label><input type="radio" name="q2" value="Unzufriedenstellend" required> Unzufriedenstellend</label>
        <br><label><input type="radio" name="q2" value="Sehr unzufriedenstellend" required> Sehr unzufriedenstellend</label>
    </fieldset>
	<br>
	<fieldset>
		<legend>3. Hast du schon einmal Probleme beim Bestellvorgang erlebt? Wenn ja, bitte erläutere kurz.</legend>
		<div class="field">
		<textarea rows="10" id="q3" class="text-area field__input" name="q3" placeholder="Kommentar" required></textarea>
		</div>   
	</fieldset>
	<br>
    <fieldset>
        <legend>4. Wie bewertest du die Transparenz bezüglich Preisen, Versandkosten und Lieferzeiten?</legend>
        <label><input type="radio" name="q4" value="Sehr transparent" required> Sehr transparent</label>
        <br><label><input type="radio" name="q4" value="Transparent" required> Transparent</label>
        <br><label><input type="radio" name="q4" value="Neutral" required> Neutral</label>
        <br><label><input type="radio" name="q4" value="Intransparent" required> Intransparent</label>
        <br><label><input type="radio" name="q4" value="Sehr intransparent" required> Sehr intransparent</label>
    </fieldset>
	<br>
	<fieldset>
		<legend>5. Welche Zahlungsmöglichkeiten würdest du dir noch zusätzlich wünschen?</legend>
		<div class="field">
		<textarea rows="10" id="q5" class="text-area field__input" name="q5" placeholder="Kommentar" required></textarea>
		</div>   
	</fieldset>
	<br>
    <fieldset>
        <legend>6. Wie zufrieden bist du mit der Verpackung deiner Bestellungen?</legend>
        <label><input type="radio" name="q6" value="Sehr zufrieden" required> Sehr zufrieden</label>
        <br><label><input type="radio" name="q6" value="Zufrieden" required> Zufrieden</label>
        <br><label><input type="radio" name="q6" value="Neutral" required> Neutral</label>
        <br><label><input type="radio" name="q6" value="Unzufrieden" required> Unzufrieden</label>
        <br><label><input type="radio" name="q6" value="Sehr unzufrieden" required> Sehr unzufrieden</label>
    </fieldset>
	<br>
	<fieldset>
		<legend>7. Welche Funktionen oder Informationen vermisst du auf unserer Website?</legend>
		<div class="field">
		<textarea rows="10" id="q7" class="text-area field__input" name="q7" placeholder="Kommentar" required></textarea>
		</div>   
	</fieldset>
	<br>
    <fieldset>
        <legend>8. Wie beurteilst du die Freundlichkeit und Hilfsbereitschaft unseres Kundenservice?</legend>
        <label><input type="radio" name="q8" value="Sehr freundlich und hilfsbereit" required> Sehr freundlich und hilfsbereit</label>
        <br><label><input type="radio" name="q8" value="Freundlich und hilfsbereit" required> Freundlich und hilfsbereit</label>
        <br><label><input type="radio" name="q8" value="Neutral" required> Neutral</label>
        <br><label><input type="radio" name="q8" value="Unfreundlich" required> Unfreundlich</label>
        <br><label><input type="radio" name="q8" value="Sehr unfreundlich" required> Sehr unfreundlich</label>
    </fieldset>
	<br>
	<fieldset>
		<legend>9. Welche Verbesserungsvorschläge hast du bezüglich unseres Kundenservices?</legend>
		<div class="field">
		<textarea rows="10" id="q9" class="text-area field__input" name="q9" placeholder="Kommentar" required></textarea>
		</div>   
	</fieldset>
	<br>
    <fieldset>
        <legend>10. Wie zufrieden bist du mit der Qualität der gelieferten Produkte?</legend>
        <label><input type="radio" name="q10" value="Sehr zufrieden" required> Sehr zufrieden</label>
        <br><label><input type="radio" name="q10" value="Zufrieden" required> Zufrieden</label>
        <br><label><input type="radio" name="q10" value="Neutral" required> Neutral</label>
        <br><label><input type="radio" name="q10" value="Unzufrieden" required> Unzufrieden</label>
        <br><label><input type="radio" name="q10" value="Sehr unzufrieden" required> Sehr unzufrieden</label>
    </fieldset>
	<br>
    <fieldset>
        <legend>11. Würdest du Vapes4you weiterempfehlen?</legend>
        <label><input type="radio" name="q11" value="Ja, auf jeden Fall" required> Ja, auf jeden Fall</label>
        <br><label><input type="radio" name="q11" value="Ja, vielleicht" required> Ja, vielleicht</label>
        <br><label><input type="radio" name="q11" value="Nein, wahrscheinlich nicht" required> Nein, wahrscheinlich nicht</label>
        <br><label><input type="radio" name="q11" value="Nein, auf keinen Fall" required> Nein, auf keinen Fall</label>
    </fieldset>
	<br>
	<fieldset>
		<legend>12. Welche Art von Aktionen oder Rabatten würdest du dir wünschen?</legend>
		<div class="field">
		<textarea rows="10" id="q12" class="text-area field__input" name="q12" placeholder="Kommentar" required></textarea>
		</div>   
	</fieldset>
	<br>
	<fieldset>
		<legend>13. Hast du weitere Anmerkungen oder Vorschläge, um unseren Service zu verbessern?</legend>
		<div class="field">
		<textarea rows="10" id="q13" class="text-area field__input" name="q13" placeholder="Kommentar" required></textarea>
		</div>   
	</fieldset>
	<br>
	<div class="contact__button">
    <button type="submit" class="button">Umfrage abschicken</button>
	</div>
</form>

  

Accepted Solution (1)
V4Y
Tourist
8 1 1

This is an accepted solution.

Hello,

 

I solved it myself.

Indeed it is possible to copy the contact-form.liquid and alter the code and create new fields in the code itself.

 

I also get an E-Mail with all the results of the survey.

 

Kind regards

V4Y

View solution in original post

Replies 3 (3)

TerenceKEANE
Shopify Partner
137 33 28

hello,

Preparing the email form is easy, but integrating it into the system is difficult. Therefore, it might be better to use systems like 'Hotjar.' You can research it if you want.

★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The Coffee  would be the anchor keeping me steady!
Software Engineer - Specializing In Advanced E-Commerce Websites | Hundreds Of Advanced E-Commerce Website Experiences
★ https://novajetsoft.com --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD!
V4Y
Tourist
8 1 1

Hello @TerenceKEANE ,

 

thank you for your reply. I don't understand how Hotjar would help in this case.

 

Is there no built in shopify function to send e-mails? Can i reuse the standard contact from somehow?

I would prefer a simple solution. 🙂

 

Kind regards

V4Y
Tourist
8 1 1

This is an accepted solution.

Hello,

 

I solved it myself.

Indeed it is possible to copy the contact-form.liquid and alter the code and create new fields in the code itself.

 

I also get an E-Mail with all the results of the survey.

 

Kind regards

V4Y