Follow

Getting Started With Smart Bar

What is Smart Bar?

Smart Bar sits beautifully at the top of your website reminding your visitors to join your email list, check out your new blog post, or whatever else you want them to do. You’ll be amazed at what a simple reminder can do :-).

Here you'll find detailed documentation for Heat Map's features, one-click campaign enabling, reviewing real-time statistics, custom page query strings, track logged in users and more.

Collect Emails, Link out to Your CTA, and More

Smart Bar helps you get more people to join your email list, more people to click out to your Call To Action, and more people to follow you on Twitter and like you on Facebook.

Mobile-Optimized Smartness

You'd be surprised how much of your traffic comes from mobile visitors. For most sites, 30% of their traffic is mobile.

Control How Smart Bar Shows

You can pick exactly how Smart Bar shows on your site: only shows when a visitor scrolls up, always stays at the top, or moves as a visitor scrolls.

One-Click Integration with Your Favorite Email Marketing Service

The emails you collect with List Builder transfer directly into your favorite email marketing service. Including MailChimp, Aweber, Get Response and many more.

Smart Bar's Setup & Controls

Smart Bar is divided into two areas:

  • Sidebar Menu - pause or enable the app, view & download subscriber emails, alter the design, add custom fields, configure the behavior and display rules, perform A/B testing, email integrations, advanced form capabilities, and insert tracking pixels.
  • Main Pane - contains the details of the specific feature section.

In the Sidebar Menu, you can access:

Pause or Activate Smart Bar

Toggles whether Smart Bar is active or paused on your site.

Emails

Analyze your bars's success usage data and daily statistics. Download your subscriber list to CSV File (Complete list or the last 7 days).

Design

Simple-to-use design wizard walks you through the configuration for both the "Subscribe" and "Success" bar.

Behavior

Configure Trigger and Frequency. Optional features: Success Redirect URL, Pass Email Redirect URL, and Yield Tech.

Advanced

Supercharge your Smart Bar and modify your popup at the source by pasting in your own completely custom HTML form code (created by you or a email service provider). Once activated, only the popup impressions are tracked, so Sumo's universal "Forever" cookie that's issued upon successful subscription cannot be issued and your popup frequency is the only way to control the popup's recurrence to your visitors.

Display Rules

Control where List Builder shows on your site.

A/B Tests PRO Only

Create multiple popups windows and review detailed analytics for multiple tests and choose your most effective popup in every campaign.

Services

Connect and send your subscriber data to your favorite email service provider list. Using Constant Contact for drip campaigns and Mailchimp for newsletters? Connect multiple services easily within Smart Bar's powerful interface.

Tracking Pixels PRO Only

Configure Tracking & Conversion Pixels from all analytics software. Supports all tracking pixels including Google Analytics.

Create & Customize Your Subscribe Smart Bar

Let’s start with designing your Smart Bar. As long as you are in the “subscribe” state you’re designing the view your visitors will see when they first encounter your bar.

Using our simple-to-use wizard, our popup builder customization features include:

    1. Select Template - Free users can only access the default and small template. Want all templates? Upgrade to Smart Bar Pro .
    2. Bar Mode - Choose a specific purpose of your Smart Bar:
      1. Email Collect - Capture emails for your email subscriber list.
      2. Call to Action - Direct users to a specific action URL.
      3. Twitter Follow - Direct users to follow a specific Twitter account.
      4. Facebook Like - Direct users to like a specific Facebook URL.
    3. Call To Action URL - Enter a URL for your button to go to when click on. Be sure to include “https://” or “http://” when entering your URL. Applies to “Call To Action” bar only.
  • Call To Action Target - Choose whether your button opens in the same window or a new window. Applies to “Call To Action” bar only.
  1. Heading - Customize the copy, font, and color of your heading. If you would prefer not to have one you can leave it blank.
  2. Body Text - Customize the copy, font and color of your message. If you would prefer not to have one you can leave it blank. HTML is allowed.
  3. Button - Customize the copy and color of both your call to action and its button. Applies to “Email Collect” bar and “Call To Action” bar only.
  4. Email Placeholder - “Enter your email address” or “ noah@lovestacos.com ”. Applies to “Email Collect” bar only.

Create & Customize Your Success Bar

Once your visitors have subscribed successfully they will see the success bar as confirmation. Click on the “subscribe” button in the design panel to see your changes. All font and colors are inherited from the subscribe settings.

  1. Success Heading - Customize the copy for your follow up success popup.
  2. Success Text - Customize the copy of your success popup. HTML is allowed. HTML strings included.
  3. Success Button - Customize the copy of your success popup call to action.
  4. Background Color - Customize the color of your popups background.

IMPORTANT: This is an alternative to the success redirect url located in your Behavior tab. You may use either the Success Bar method or the Redirect URL method, but not both.

Save Your Design

After you’re satisfied setting up your design, click on the green "Save" button on the bottom right of the screen. Test your site using your device(s) or in new browser window, preferably Google Chrome in incognito mode.

Control your Smart Bar’s Behavior

When your Smart Bar is triggered by your visitors is critical to it’s success. Click on the “Behavior” tab to configure the when and how often your popup will display.

Frequency

Frequency determines how often your visitor will see your Smart Bar if they do not successfully subscribe. You can choose for your popups to "Always Show" to your vsitors no matter what, or you can configure the length of time between when your visitors are shown your popup window based on:

  • Minutes
  • Hours
  • Days
  • Months
  • Years

If you would prefer to further customize when your popup displays you can choose from the following two options:

  1. Do not show if already subscribed or clicked - Toggle "ON" and this popup WON'T show to someone who has already clicked or subscribed through Sumo.
  2. Do not show if opted out - Toggle "ON" and this popup WON'T show to someone who has already opted out of this app.

Placement

Smart Bar has three placement locations based on your site visitor’s behavior:

  1. Sticky - Smart Bar is fixed to the top of the page and moves when the visitor scrolls.
  2. Static - Smart Bar displays at to the top of the page and doesn’t move.
  3. Smart - Smart Bar hides as the visitor scrolls down the web page and is shown on scrolling back up the page.

Display to New Visitors Only

Toggle whether you want to show your bar to all visitors to your page or only to those who haven’t subscribed or clicked your Smart Bar.

Success Redirect URL

After a user successfully submits their information, you can redirect them to a specific URL, such as a special thank you page or a rewards page.

IMPORTANT: This is an alternative to the “Success” bar. You may use either the “Success” bar method or the Redirect URL method, but not both.

Pass Email Address to Success Redirect URL

An advanced feature when paired with the Success Redirect URL method, pass the subscriber's email address as a variable through either POST or GET methods.

Subscriber Notifications

When each visitor converts into an email subscriber, you will receive a notification within Sumo letting you know. You can see all your notifications by clicking on the globe in your Sumo admin bar.

Preview

Shows the Smart Bar on the current page based on your display settings.

Save Your Behavior Rules

After you’re satisfied setting up your behavior rules, click on the green "Save" button on the bottom right of the screen. Depending on your behavior rules, test your site using your device(s) or in new browser window, preferably Google Chrome in incognito mode.

Control Your Smart Bar’s Display Rules

Define where Smart Bar appears on your website. By default, Smart Bar shows on all pages.

Display Rules has 2 settings: “Show” and “Don’t Show”. One thing to always remember is that a “Don’t Show” rule will always take priority over any “Show” rules.

Rules can be created individually to work independent of each other or defined as a group to work as a rule set.

Show Examples:

  • Show Smart Bar ONLY the homepage
  • Show Smart Bar on ALL mobile devices
  • Show Smart Bar on pages with THIS query parameter

Don’t Show Examples:

  • Don’t Show Smart Bar ONLY the homepage
  • Don’t Show Smart Bar ONLY on a desktop
  • Don’t Show Smart Bar on ALL pages containing an articles

Creating Multiple Rules

You can add as many rules as you want for all types of configuration on your website. See more examples of rule in action for mobile or desktop situations, specific pages and sections or your entire website.

Save Your Display Rules

After you’re satisfied setting up your display rules, click on the green "Save" button on the bottom right of the screen. Depending on your display rule set, test your site using your device(s) or in new browser window, preferably Google Chrome in incognito mode.

Services - Email Service Provider Integrations

Collecting subscriber information is important - having is communicate directly to your third party service is ideal.

Connect Your Subscribers Steps

  1. In the Smart Bar menu, click on the "Services" menu item.
  2. Scroll to your third party solution provider and click on the service provider's name.
  3. Click on the "Connect" button. The service provider's integration window popup will appear and ask you for authorization.
  4. Once logged in, authorize your account to communicate directly with Sumo Me's Smart Bar.
  5. Select your service provider's list for subscriber data to go to.

Verify Provider is Connected and Activated

You should see a green "Connected" next to your service provider when successfully connected. If not, then the authorization didn't work. Check your account credentials and try logging back into that service provider account and retry the Connect Your Subscriber steps again.

Integrating Multiple Email Service Providers

You can connect one or many of the service providers we have listed.

For connecting each service, you'll want to make sure that the and select a list for each one to deliver the subscriber data to.

My Email Service Provider Isn't Listed

If you don't see your particular service provider, we recommend checking Zapier's Sumo service integration to see if you can use it.

Emails - Manually Access your Smart Bar Subscriber Data

We're a big believer in having your data pushed to your list automatically, but if you don't have an email service, we provide you direct access to download your subscriber data.

Download Your Subscriber Data

  1. In the menu, click on the "Emails" menu item.
  2. On the top of the screen, you will see an "Email Addresses Collected" heading. To the right of this heading, click on the "Download Last 7 Days CSV" or the “Download CSV” button.

TIP: Did you know we integrate with over 25 Email Service Providers (and growing)? See our current list of integrated third party services for List Builder.

Active/Pause - Toggle your Smart Bar Popup

After you have configured your Smart Bar, you're ready to successfully activate it and begin collecting subscriber information.

Click on the "Paused" toggle switch in the upper left-hand menu to activate your Smart Bar. The icon should switch from a red "Paused" to a green "Active" toggle and the Active banner will appear when successfully activated.

Your Smart Bar is now active!

Want even more from Smart Bar?

Upgrade to Smart Bar Pro is for people who love growing their email lists. But how does PRO do that magic? Pro enables you to do advanced display targeting of your visitors, A/B testing copy / styles, remove all branding, and more. Most Pro customers see 20-50% more subscribers every day!

Was this article helpful?
0 out of 1 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.