Skip to product information
1 of 1
Published:2023.10.12

Example of setting up a confirmation email form that cannot be sent unless it matches the inquiry form of the Shopify theme "Dawn"

Example of setting up a confirmation email form that cannot be sent unless it matches the inquiry form of the Shopify theme "Dawn"

Applications

  • Contact formEdit

How to implement

  • HTML/CSS
  • Javascript
View full details

Just like with Shopify's account page, you want to prevent mistakes in the email address on the contact form. In fact, there have been cases where replies did not arrive due to incorrect addresses. Here is an example of how to set up a confirmation form to prevent input mistakes.


Example of setting up a confirmation email form that cannot be sent unless it matches the inquiry form of the theme "Dawn"


Setup Step 1: Edit the code in "contact-form.liquid" (delete unused code)


Setup Step 2: Edit the code in "contact-form.liquid" (add a confirmation email address input form)


Step 3: Edit the code in "contact-form.liquid" (add JavaScript for address matching)


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Edit the code of "contact-form.liquid" (add a confirmation email address input form)


Edit the code of "contact-form.liquid" (add J...

Related Post