Author: Henry Pham 651 views

Typically, the purpose of a Newsletter is to promote a product or service and create an individual touchpoint with your email subscribers. Objectives could be things like improving your open rate and click through rate, gaining new subscribers, or creating your best email yet in terms of conversions.

Another benefit of newsletters is that they can be used by nearly any type of business, no matter your scale or industry. This article on how to create a newsletter is a great place to start if you want a guide on how to craft your email marketing campaign. The store owner can achieve those emails and use them for marketing purposes.

1. Generals

From the left side (Elements tab) > Shopify elements option, you will see the Newsletter element in the list of elements. Drag and drop it to any position of the selected structure. This element should be used on any pages.

With Newsletter element, you can build some layouts below:

Newsletter layout 01
Newsletter layout 02
Newsletter layout 03

2. Content

  • Placeholder text: Placeholders are like mail merge fields that define where you want a value that will be defined later.
  • Submit button label: Enter the label of the Submit button.
  • Icon: The icon option allows you to display a small icon within the submit button.
  • Icon position: Choose the position that you wanna show the icon in here. Show in front of the Text button or behind the text.
  • Icon spacing: Configure the space between the icon and the button text here.
  • Customer tag: Using custom tag(s) helps you track newsletter subscribers and whether they are signing up from the newsletter section, footer, or pop-up newsletter forms. This can also be used to segment customers making it easier to create marketing campaigns or send emails.
    • After submitting the email, the tag will be sent to the Customer tab in Shopify Dashboard

  • In order to filter the tag to check whether they are signing up from the newsletter section, footer, or pop-up newsletter forms, from Shopify Dashboard -> Customer -> filter -> Customer tags -> Contains this exact tag -> Choose your tag you want to filter -> Apply filter

  • Show preview messages checkbox: Tick this checkbox to show preview messages.
  • Success message: Add the content for the Success message here.
  • Error message: Add the content for the Error message here.

Where will the customer’s email end up after they submit it? The customer’s emails will go to the Customers section in Shopify admin.

Emails subscribed from EComposer newsletter box will go to Customers at Shopify admin

3. Design

3.1. General

In the General tab, you can configure styles for the entire Newsletter element here.

  • Alignment: Allow you to align the Newsletter element. You can choose Align Left, Align Right or Align Center.
  • Background: Configure the background color for the Newsletter element here.
  • Box Shadow: Allow you to add a shadow for the Newsletter element by changing the Blur, Horizontal, Vertical, etc…
  • Border: Choose border style for the Newsletter here. You also can choose None style to disable the border.
  • Border Radius: Allow you to configure the border-radius for the Newsletter.

3.2. Input

You can set Alignment, Typography, Color, Color Placeholder, Width, Height, Background, Box Shadow,… for Input

3.3. Button

You can set Typography, Text Shadow, Box Shadow, Width, and Height,… for button

Note: You can configure the style of the Countdown Progress bar on both Normal and Hover mode.

3.4. Success message

You can set Alignment, Typography, Text Color, Text Shadow and Spacing for the Success message

3.5. Error message

You can set Alignment, Typography, Text Color, Text Shadow and Spacing for the Error message as well.

3.6. Icon

You can adjust the Color, Size, Rotate and Spacing for the Icon

You can see the video below to know how to configure the Newsletter element:

Leave a Comment

On this page
Start a free trial and enjoy 3 months of Shopify for $1/month on select plans.