Creating a Contact Form

For more information on adding a contact form to a page, take a look at this article.

 

Contact form marketing is sending messages to website owners via their contact form on their website. It gives your customers the opportunity to quickly send messages to the store via email.

 

 

Contact Forms can now be built via the admin using the new Contact Form’s feature in Content > Contact Forms

 

 

 

Here you will see all the fields to create your custom contact form. 

 

A site can now have multiple contact forms that send to different places.

 

Forms exist as their own page type and can act as a Contact Us page OR can be used via a widget anywhere on the site. You can also give it a custom URL to make it easier for your shoppers to get to. The "Send To" email is the email you want the forms to be sent to. That way, if you have multiple forms they can have separate email addresses if necessary.

The following field types can be added:

· Text Box
· Email address box (only one per form, used as the “FROM” address of the email)
· Multiline Textbox
· Checkbox
· Checkbox List
· Radio Button List
· Dropdown

Forms also can have Header and Footer HTML that would go above and below the form on the page.

 

 

Fields are rearrangeable by dragging and dropping and fields can be marked as Required.

 

 

 

 

Field label’s are edited and saved just by typing in the box and pressing enter:

 

 

 

For fields with multiple values (checkbox list, radio button list, and dropdowns) there is a separate overlay to add the list items. This is accessed by clicking “Add/Edit List Items”

 

  
Just enter the Item in the text box and hit enter to add and save.
These are also rearrangeable with drag/drop.

Form Page:

 

The success message is also “settable” via the form editor and can be different for each form. 

 

This can be formatted with HTML and can be personalized to fit your store with the WYSIWYG editor.

Sending Product Information With Form

You can set up a contact form to also send product information when it emails as well.  This is handy when you may want to build a 'get quote' button on the product page or similar.

The contact form accepts these URL parameters:

ItemID - the id of the item you'd like to quote

VariantIds - any selected variants you'd like to send

Example format: www.yoursite.com/some_content_page_with_a_contact_form_on_it.aspx?ItemID=1234&VariantIds=456+789

Example html to place quote button on a product page:

<input type="submit" name="ibtnQuote" value="Quote" id="ibtnQuote" class="ThemeButton">
<script>
$(function(){
$("#ibtnQuote").click(function (e) {
$modal.find(".modal-title").text("Quote Request");
var url = "/Quote.aspx?ItemID=" + $("#hfItemID").val() + "&VariantIds=" + $("#ctlVariants_hfSelectedVariants").val();
$modal.find("#modal-iframe").attr("src", url);
$modal.modal();
e.preventDefault();
});
});
</script>