Contact Form

  1. Showroom Home
  2. Templates
  3. Form Page
  4. Contact Form

Purpose

By filling in the Contact Form a user can directly get in contact with ALDI Nord regarding different topics. The Contact requests will be sent to a dedicated email address depending on the zip code entered in the Contact form. Alternatively, for each topic a dedicated email address (or CRM-System) can be defined to which the topic related emails will be send regardless of the entered zip code. Additionally, it is possible to send an email with a summary of the contact request back to the sender of the request. A DOI-process is not required for the Contact Form.

To avoid contact requests from Bots the so-called Honeypot method is implemented: An invisible checkbox had been added to the form, which will automatically be filled by bots, but cannot be filled by customers. So, whenever this checkbox is filled the contact request will not be send to the dedicated receiver.

Furthermore, a Captcha solution had been implemented to avoid Spam attacks on the Contact form. The Captcha is visible at the bottom of the contact form and works in the following way: a slider (Captcha) is visible at the bottom of the page where the customer needs to slide until the valid range is reached. (the select bubble changes from red to blue color). The range varies and is implemented randomly. In order to notify the customers what to do with the slider a headline can be integrated, as well as an error message which appears when the slider is not used.

The Speech bubble funtion is availabe for the contact form. If following criteria is given, the speech bubble should pop up in the down right corner of the contact form:

  1. If the customer selected "Newsletter / Website / App" as a topic
  2. If an error message is shown on the page

Furthermore a toggle will be implemented to decide if the Chat should be active or not in gerenal. This toggle can be found in the settings of the contact form in the tab "topics overview" in the section of  "Newsletter / Website / App".

Go directly to

Overview

Contact Form on Publisher

Below you will find an exemplary presentation of the page. 

Go to demo page

Configuration

To create the template, follow the steps below. 

  • Step 1
    Integrate Contact ALDI Nord (International) component in the gray Drag Component area
  • Step 2
    The following areas within the Contact component can be edited by the author:
    • a.  the following components can be integrated in the Drag Component area in the upper right corner: Text & Media, Media, Text, Info Box, Headline
    • b. Beneath the form within the gray area there is a Drag Components area below the headline Content that is shown on the Thank you page. This area can contain the following components: Text & Media, Media, Text, Info Box, Headline
  • Step 3
    Configure     Component
Contact Form component
  • Step 4
    Integrate the following in the tab Content Settings:
    • a. Label Your contact data
    • b. Text Salutation
    • c. Choose either No or Yes for Required field
    • d. Placeholder Salutation
    • e. Selection 1
    • f. Selection 2
    • g. Selection 3
    • h. Error Message for Salutation (Must be filled in if the field is defined as required field)
    • i. Label Name
    • j. Choose either No or Yes for Required field
    • k. Error message for Name (Must be filled in if the field is defined as required field)
Contact Form component
  • l. Label First Name
  • m. Choose either No or Yes for Required field
  • n. Error Message for First Name (Must be filled in if the field is defined as required field)
  • o. Label Street
  • p. Choose either No or Yes for Required field
  • q. Error message for Street (Must be filled in if the field is defined as required field)
  • r. Label ZIP
  • s. Choose either No or Yes for Required field
  • t. Error message for ZIP (Must be filled in if the field is defined as required field)
  • u. Label Residence
  • v. Choose either No or Yes for Required field
  • w. Error message for residence (Must be filled in if the field is defined as required field)
Contact Form component
  • x. Label Email address
  • y. This field is always a Required field
  • z. Placeholder for email address
  • aa. Error message for E-Mail address (Must be filled in if the field is defined as required field)
  • bb.  Label Phone
  • cc. Choose either No or Yes for Required field
  • dd. Error message for phone (Must be filled in if the field is defined as required field)
  • ee. Label Fax
  • ff. Choose either No or Yes for Required field
  • gg. Error message for Fax (Must be filled in if the field is defined as required field)
  • hh. Label Message Text
  • ii.  Choose either No or Yes for Required field
Contact Form component, tab Content settings
Contact Form component
  • jj. Error message for Message (Must be filled in if the field is defined as required field)
  • kk. Choose either No or Yes if the destination information for registered ZIP code /selected topic gets displayed or not
  • ll.  Description for destination information for registered ZIP code
  • mm. Text Data Protection Hint
  • nn. Text Hint Contact to ALDI
  • oo. Label Hint Contact to ALDI
Contact Form component, tab Content settings
  • pp. Choose either No or Yes for Required field
  • qq. Error message for Data Protection Hint (Must be filled in if the field is defined as required field)
  • rr. Button Text Submit
  • ss. Button Text Reset form
  • tt. Label Server-Error
  • uu. Text Server Error
  • vv. Label Range Slider (Captcha) (Please note: since the number that needs to be selected changes randomly, the following placeholder needs to be used in this label, to make sure the customer knows which number to choose number $[select]
  • ww. Error Message for Range Slider (Captcha)
Contact Form component
  • x. Label Email address
  • y. This field is always a Required field
  • z. Placeholder for email address
  • aa. Error message for E-Mail address (Must be filled in if the field is defined as required field)
  • bb.  Label Phone
  • cc. Choose either No or Yes for Required field
  • dd. Error message for phone (Must be filled in if the field is defined as required field)
  • ee. Label Fax
  • ff. Choose either No or Yes for Required field
  • gg. Error message for Fax (Must be filled in if the field is defined as required field)
  • hh. Label Message Text
  • ii.  Choose either No or Yes for Required field
Contact Form International Tab Topics Overview
  • Step 5
    Integrate the following in the tab Topics Overview
    • a. Label Your topic
    • b. Placeholder Your topic
    • c. Error Message for Your Topic
    • d. Label Product Questions
    • e. Choose either No or Yes for Automatic Target Mail Address
    • f. Target Mail Address (Needs to be filled in when Automatic Target Mail is set to No)
    • g. Introductory text for destination information
    • h. Company Name
    • i. Street
    • j. ZIP
    • k. City
    • l. Choose whether to send the request via email or CRM
    • m. URL Hash (needs to follow a URL structure. If integrated at the end of a link to the contact form via # the respective topic gets preselected)
    • n. Fields e to m repeat for each topic. For the following topics label can be inserted:
    • o. Stores
    • p. Company
    • q. Newsletter / Website / App
    • r. Ideas & Suggestions
    • s. Miscellaneous
    • t. ALDI Transparency Code
    • u. Press
    • v. Corporate Responsibility
    • w. Data Privacy
    • x. Quality
    • y. Home Delivery (for this topic selection up to nine subtopics can be defined. The selection of these subtopics will be displayed as a dropdown menu beneath the Topic selection)
    • z. Unnamed 1
    • aa. Unnamed 2
Contact Form International Tab Topics Overview
  • Step 5
    Integrate the following in the tab Topics Overview
    • a. Label Your topic
    • b. Placeholder Your topic
    • c. Error Message for Your Topic
    • d. Label Product Questions
    • e. Choose either No or Yes for Automatic Target Mail Address
    • f. Target Mail Address (Needs to be filled in when Automatic Target Mail is set to No)
    • g. Introductory text for destination information
    • h. Company Name
    • i. Street
    • j. ZIP
    • k. City
    • l. Choose whether to send the request via email or CRM
    • m. URL Hash (needs to follow a URL structure. If integrated at the end of a link to the contact form via # the respective topic gets preselected)
    • n. Fields e to m repeat for each topic. For the following topics label can be inserted:
    • o. Stores
    • p. Company
    • q. Newsletter / Website / App
    • r. Ideas & Suggestions
    • s. Miscellaneous
    • t. ALDI Transparency Code
    • u. Press
    • v. Corporate Responsibility
    • w. Data Privacy
    • x. Quality
    • y. Home Delivery (for this topic selection up to nine subtopics can be defined. The selection of these subtopics will be displayed as a dropdown menu beneath the Topic selection)
    • z. Unnamed 1
    • aa. Unnamed 2
    •  
Contact Form International Tab Topics Overview

bb. Subcategories for HomeDelivery:   

  • a. Label "Your subcategory (HD)"
  • b. Placholder "Your subcategory (HD)"
  • c. Error Message "Your subcategory (HD)"
  • d. Label "Order Process"
  • e. Label "Products Question"
  • f.  Label "Product Availability"
  • g. Label "Delivery Time"
  • h. Label "Retoure Note"
  • i.  Label "Retoure Status"
  • j.  Label "Payment Question"
  • k. Label "Claim / Product Exchange"
  • l.  Label "Other"
Tab Topic Fields
  • Step 6
    Integrate the following in the tab Topic Fields
    • a. Label Article Details
    • b. Label Article / Model
    • c. Choose either No or Yes for Required field
    • d. Error Message for Article Model (Must be filled in if the field is defined as required field)
    • e. Label Article Number
    • f. Choose either No or Yes for Required field
    • g. Error Message for Article Number
    • h. Label EAN Number
    • i. Choose either No or Yes for Required field
    • j. Error Message for EAN Number
    • k. Hint Text EAN Number
    • l. Label Lot number / batch number
    • m. Choose either No or Yes for Required field
    • n. Error Message for lot number / batch number
    • o. Hint Text Lot number / batch number
Tab Topic Fields
  • p. Label Manufacturer
  • q. Choose either No or Yes for Required field
  • r. Error message for manufacturer
  • s. Label Date of Purchase
  • t. Choose either No or Yes for Required field
  • u. Placeholder Date of Purchase
  • v. Error message for Date of Purchase
  • w. Label Freshness Date
  • x.  Choose either No or Yes for Required field
  • y. Placeholder Freshness date
  • z. Error message for Freshness date
  • aa. Label ATC
  • bb. Choose either No or Yes for Required field
  • cc. Error message for ATC
  • dd. Label Your ALDI Store
  • ee. Label Store Street
Tab Topic Fields
  • ff. Choose either No or Yes for Required field
  • gg. Error message for Store Street
  • hh. Label Store City
  • ii. Choose either No or Yes for Required field
  • jj. Error message for Store City
  • kk. Label Store ZIP
  • ll. Choose either No or Yes for Required field
  • mm. Error message for Store ZIP
  • nn. Label Attachments
  • oo. Hint Text Attachments
  • pp. Error message for attachments
  • qq. Placeholder Please choose file
  • rr. Label 1 Attachment
  • ss. Choose either No or Yes for Required field
  • tt. Label 2 Attachment
  • uu. Choose either No or Yes for Required field
  • vv. Label 3 Attachment
  • ww. Choose either No or Yes for Required field
Tab Topic Fields
  • xx. Label 4 Attachment
  • yy. Choose either No or Yes for Required field
  • zz. Label 5 Attachment
  • aaa. Choose either No or Yes for Required field
Contact Form component, tab Email settings
  • Step 7
    Integrate the following in the tab Email Settings:
    • a. Email subject (should contain placeholders for the sender’s name)
    • b. Email body (should contain placeholders of all fields that are displayed on the Contact form)
    • c. Send additional header in email to ALDI (The default setting should be YES
    • d. Click Add Field within List of additional header in email to ALDI and integrate the following:
    • e. Name (X-Autorespondersent)
    • f. Value (yes)
    • g. If needed repeat steps f-h
Component Contact Form, tab Email to Customer
  • Step 8
    Integrate the following in the tab Email to Customer:
    • a. Choose whether Email to customer enabled
    • b. Choose whether an automated email address should be used when email gets send to customer. If yes is chosen the email address of the dedicated regional company will be used.
    • c. Mail From: Address (This address will show if no is chosen in b.)
    • d. Subject
    • e. Text E-Mail: Body (Please integrate Email text here by using placeholders for the corresponding Contact form fields)
    • f. Text E-Mail Point of Sale (Depending on which Contact subject was chosen it is possible to select specific stores. Please integrate the corresponding placeholders in this field.)
    • g. Text E-Mail Article (Depending on which Contact subject was chosen specific articles can be selected. Please integrate the corresponding placeholder in this field)
    • h. Text E-Mail Body: Attachments Headline (Depending on which Conatct subject was chosen attachements can be integrated on the Contact Form. Please integrate the corresponding placeholders in this field)
    • i. Text E-Mail Body: List Element (Depending on the Contact subject was chosen list elements can be selected. Please integrate the corresponding placeholders in this field.)
    • j. HTML E-Mail Body (Must be integrated as HTML Code)
    • k. HTML E-Mail Body Point of Sale (Must be integrated as HTML Code)
    • l. HTML E-Mail Body Article (Must be integrated as HTML Code))
    • m. HTML E-Mail Attachments Headline (Must be integrated as HTML Code)
    • n. HTML E-Mail List Element(Must be integrated as HTML Code))
    • o. Choose whether the option Send additional headers in mail to recipients should apply
    • p. If yes is selected click on Add Field and insert List of additional headers in mail to ALDI
Contact Form Component, tab Email settings
  • Step 9
    Integrate the following in the tab Test Settings:
    • a. Debug automatic target address (NO should be selected as a default. YES is only used for testing. In that case the email to customer gets transferred to the email address integrated in the tab Email settings. The email then states to which automatic email address the email would have been send according to the zip code integrated in the Contact form if it weren’t for testing.)
    • b. Integrate postal code and email address in the field Contact email to specific address when specific postal code is used
  • Step 10
    Save     changes
Overrrule Counter to force sending the Contact From via Email

Important Information

It´s now possible to sent out specific topics on the contact form via Email. Therefore, an additional counter has been implemented which can be set on the value "Email" or "CRM".

This means that in the page properties (tab "TOPIC OWERVIEW) every Topic Section will have the mentioned counter and can switch to "on" to force a forwarding via Email.

Optional components

The following components can be used on the Form Page:

Available components on Error Page
Erinnerung für
Fehler Es ist ein Fehler aufgetreten. Bitte versuchen Sie es später erneut.

Sollen wir Sie benachrichtigen wenn der Artikel verfügbar ist?

hh

Tag der Erinnerung
Zwei Tage vorher
Einen Tag vorher
Am Angebotstag
Uhrzeit
00:00
01:00
02:00
03:00
04:00
05:00
06:00
07:00
08:00
09:00
10:00
11:00
12:00
13:00
14:00
15:00
16:00
17:00
18:00
19:00
20:00
21:00
22:00
23:00
Hinweise
  • line 1
  • line 2
  • ...

Eine Erinnerung ist nicht mehr möglich

Die Erinnerungszeiten für diesem Artikel sind bereits abgelaufen.

Erinnerung aktiv!

hh

Sie erhalten Ihre Erinnerung am ${date} um ${time} Uhr.

hh

Wir senden Ihnen noch eine Nachricht per E-Mail, um ihre E-Mail Adresse zu bestätigen. Bitte klicken Sie auf den Link in der Nachricht.

regions.regionSwitchHeadline

regions.regionSwitchText
regions.regionSwitchTextExplicitSwitch