How to configure Contact Form block

How to configure Contact Form block

Tapita Page Builder allows you to build contact forms using the following options:

  • Using the Contact Us page templates
  • Using the Contact Form block
  • Build the form fields from scratch using the Forms elements

Either way, there are only 2 steps you need to do to get your form working!

Use the Contact Form block

In Tapita page builder dashboard, go to Blocks > Others > Contact Form. Drag and drop this block into your page.



This block already has the function of Shopify contact form. All you need to do is style the form as you like, such as change the font, text color, etc.

Add or remove fields

If you don't need a field, you can remove it from the form as you like, except the Email field, which is required.

In case you want to add a field, do the following:

Go to Elements > Form > Text Input (or Text Area Input). Drag and drop this element inside your form.



You need to set the Input Submit Name following this format:
contact[Field_Name]

You can set Field_Name as anything you want, but bear in mind this will be the label that will be sent into your email as the field title.

For example, we can set our Input Submit Name in this case as contact[Address]



When you’re done, click Publish.

(Optional) Redirect subscribers after they submit the form

To create a better user experience, you can redirect customers to a Thank-you page after they submit the form.

To do that, you can create a new page in Tapita using the template “Thank You”.


You can publish the page as it is or edit it as you like before publishing.

After you’ve published the Thank You page, go back to the page where you put the Email Subscription Form.

Then go to Page Settings > Advanced, and paste this below code into the Custom JS field:

if(window.location.search == "?contact_posted=true"){
	window.location.href = 'https://your-page.com/pages/thank-you';
}

where https://your-page.com/pages/thank-you is the URL of your Thank You page.

Click Save and done! Now when customers submit the form, they will be redirected to your Thank You page.


    • Related Articles

    • How to change your form input fields to be REQUIRED

      Difficulty: Intermediate By default, the input fields in your forms are optional, meaning users will not need to complete them before they can click Submit. You can choose which input field to require by following this tutorial. Drag your form into ...
    • How to create an Email Subscription form

      This tutorial will guide you to create a Store Email Subscription form similar to Shopify default one. Then you can put this form into any page you like. Shopify’s default subscription form Use the Store Email Subscription block In Tapita page ...
    • Learn about Tapita page builder elements

      Page elements is an essential part of a page builder tool like Tapita. Once you've mastered the elements, then you've mastered Tapita! In Tapita, you can add the elements into your page by either: Drag and drop the elements from the left menu Quick ...
    • What is the correct image size to use?

      The images will adjust themselves to any block so there is no need for a specific size of the images. However, too big images may cause your page to slow down, so please upload images whose width are no more than: For desktop: 1920px For tablet: ...
    • How to create a landing page that converts

      A landing page, often known as LP, is quite likely to be the very first "actual" encounter a visitor has with you, regardless of whether they arrive there via your homepage, a link from an advertising, or the outcome of a popular search phrase. Your ...