Skip to main content


Add List Building Functionality to Znode B2B Ecommerce Using AddThis

In my last two posts, I discussed how to:

  1. Quickly integrate the AddThis social media tool into the share buttons in a Znode B2B Ecommerce platform.
  2. Apply the AddThis social media tool for your Znode B2B Ecommerce Platform to add a link promotion to your Znode B2B Ecommerce platform, which allows you to show promotional messages and pop-ups on an ecommerce site to attract end-users and increase new orders.

In this post, you’ll learn how to use the AddThis social networking tool to incorporate List Building into your Znode B2B Ecommerce platform, which allows you to grow your email list and subscriber base using the List Building tool. You can integrate with it Mailchimp, HubSpot, Campaign Monitor, and other major third-party email marketing platforms.

Using this tool, you’ll be able to send emails featuring promotions, new goods, festival bargains, and other information to subscribers. Users may subscribe to an ecommerce email list for a variety of reasons, including learning more about a company, receiving relevant offers and product launch alerts, claiming a discount coupon, having access to a special offer in exchange for email addresses, and more.

Understanding List Building

With the AddThis List Building tool, you can easily collect emails and expand your subscriber list.

Types of List Building

  1. List Building Banner

Use the List Building Banner to collect emails from your visitors without interfering with their surfing experience. It floats gently at the top or bottom of your page, acting as a clear, persistent call-to-action that doesn’t get in the way of your visitors.

  1. List Building Popup

The List Building Popup is prominently displayed in the center of your screen, drawing the greatest attention. By putting your company’s identity into the List Building Popup, you can give it your own unique spin.

Set boundaries for when and to who your call-to-action should be presented to.

  1. List Building Slider

As visitors interact with your content, you’ll increase revenue and capture more emails. When someone scrolls to the bottom of the page, the List Building Slider slides in, incorporating your company’s branding and adding flair to the design. Determine when and to whom your call-to-action should be directed.

Advantages of List Building

There are a few different benefits of list building, such as:

  1. Growing your email list
    1. You can increase the number of people who subscribe to your newsletter and keep in contact with those interested in your organization.
  1. Decrease cart abandonment
    1. Offer discounts or promotions such as free shipping for your visitor’s email addresses.
  1. Produce more sales value
    1. Give access to special offers to produce more sales value
  1. Generate Leads
    1. Obtain more leads and nurture them through their client journey.

To use AddThis to add the List Building tool to your Znode B2B Ecommerce platform, please follow the instructions below:

  1. Free Register/Sign up:

  1. Log in/Sign in:

  1. Click “Tools.”

  1. Click “+ADD NEW TOOL”

Add New Tool

  1. Select the “List Building”

  1. Select the “popup” tool type, which will allow you to show a “subscribe message” in a popup.

Below is the desktop view:

Below is the mobile view:

Click on the “continue” button.

  1. Next, you’ll want to select a third-party email subscription service on the “Email Service.”

a. I had a Mailchimp login, so I selected the “Mailchimp” email subscriber service and clicked the “Connect” button. This will take you to the Mailchimp login page.

b. When you’ve logged in, you’ll be directed to the “Authorize AddThis” page. This will give you access to the tool. Select the “Allow” option.

c. Redirect to AddThis site and select a list and select a field if you want to show an additional field on the subscriber popup. Click the Apply button.

  1. From the drop-down menu, you’ll select the “Mailchimp” email collection service.
  2. Select “ecommerce.”
  3. Select “None.

  1. Open the “Text” tab:
    1. You’ll want to add a Headline text in the textbox.
      1. You’ll write, “Like this content? Subscribe for updates!” for the sample header.
    2. Change the “Submit” button text in the textbox.
      1. Write “Subscribe” for the “yes” button text.

  1. Next, we’ll open the “Design” tab:
  1. From the drop-down, you’ll choose the “Standard” layout.
  2. Then, select the “None” background type.
  3. Finally, you’ll choose the “Grey” theme color.

  1. Now, open the “Behavior” tab:
  1. Select the “Show Again After…” option. Next, specify when a link promotion should reappear after a user has interacted with it. Select “30” days.
  2. Choose which pages you want to add to “Show/Hide on These Pages” option:
    1. Select “unchecked” for the “Hide on Homepage” checkbox.
    2. For the “Show on Only These Pages,” you’ll want to add which pages you’ll have the link promotion popup. I have not entered any page names so far.
    3. Add which pages you want to hide the link promotion pop-up in the “Hide on These Pages” section.
    4. For the “Show This Message” setting, you’ll want to choose the “On Exit” option.

  1. Choose the “Activate Tool”

  2. See “List Building” is added in “Website Tools.” If you want to edit, then click on the “SETTINGS” button, and it will take you to the “edit link promotion” page. After you update the settings, then click the “Update Tool”

  1. Select the “Get This Code”

  1. Choose “My Site is All HTML Website.

  1. Copy the JavaScript code.

  1. Paste the above code right above the closing</body> of the HTML in your website. Open the Engine.Webstore project.

  1. Open the “cshtml” page from the “Views/Themes/B2B/Views/Shared/” folder and paste the code in the last line. You’ll see the code in the highlighted red rectangle in below screen shot:

  1. When you run the project, a List Building popup with a message appears on the website.

Below is the desktop view:

Below is the mobile view:

For the email subscription, enter your email address and click the “Subscribe” button. Finally, a Mailchimp account will be added to this email address.

That’s All it Takes

This is a ready-to-use code for generating email lists using the Znode B2B Ecommerce platform. We don’t build proprietary code to link third-party subscription service application performance integrators (APIs) like Mailchimp, Get Response, or Constant Contact. It also makes utilizing the List Building tool to add email addresses to your subscriber email list easier.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Shashikant Bhoyar, Technical Architect

I am a seasoned technical expert who offers guidance in the conceptualization, creation, and implementation of technology-driven applications and services, specializing in the Optimizely Configured (Insite) Commerce, CMS and zNode eCommerce frameworks in .NET technology.

More from this Author

Follow Us