How to create an Email Subscription form

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 builder dashboard, go to Shopify Blocks Store Email Subscription. Drag and drop this block into your page.


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

When you’re done, click Publish.

Now, when customers enter their email into the form and click Subscribe, they will appear in the Customers section of your Shopify admin.


(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 == "?customer_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 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 ...
    • 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 ...
    • 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 ...
    • Create a Shopify Section

      In this article, you will learn how to create a Section that can be used in your Shopify pages using Shopify Theme Customizer. Like this: If your Shopify theme doesn't support adding sections (there is no "Add section" (+) button), then you cannot ...
    • The Page Types you can create using Tapita

      Tapita allows you to create pages of these types: Landing pages (including Home page) Blog pages Product pages Collection pages Let's explore each type! Landing pages Landing pages are the pages you see under Online Store > Pages section in your ...