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

    • Can I add more inputs into Store Email Subscription block to get more customer info?

      No. The Store Email Subscription block is using Shopify subscription form, which allows only Email input.
    • 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 ...
    • Can I add "attach file" option into my form?

      If you want to have the option of file attachment in your form, you can use this app to build the form, and then add this form into your Tapita page.
    • Create a Shopify Section (old version)

      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 ...