Pro Bar Maker FAQ

Frequently Asked Questions about Pro Bar Maker.

What kind of bars can I create with Pro Bar Maker?

These are the bar types:

  1. Announcement bar
    The simplest of all bars. It just displays a message to your visitors.
  2. Funnel bar (button)
    This one has a message and a button that channels visitors where you want to.
  3. Funnel bar (link)
    It has a link instead of a button.
  4. Email sign-up bar
    Build a mailing list. You can offer a discount or any other kind of incentive to persuade visitors to sign up.
  5. Shipping bar
    Offer free shipping to selected countries for orders over certain amount. An effective way to convert leads and up-sell.
  6. Discount bar
    Offer a discount for orders over certain amount. Another great way to convert leads and up-sell.

For any kind of bar you can

  • select the bar “looks” from a list of predefined templates.
  • Then, if you wish, you can change the bar appearance and behavior to your liking.
What filters are?

For each bar, you can define filters to target certain audiences. Using filters you can show a bar

  • only if the visitor comes from certain countries.
  • only if the visitor came to your e-shop from Facebook, etc. (great for social media campaigns)
  • on certain pages of your shop
  • from date/time (and/or to date/time)
  • only on PC/tablets or mobile phones.
What's the best way to get familiar with the app?

Simple use of Pro Bar Maker should be intuitive. When using the app look for the question mark buttons (?). They provide help about a particular setting.

The Guided Tours inside the app are the easiest way to learn how to use Pro Bar Maker. From the top-right buttons select Help => Features & Guided Tours.

Why don't you offer a free version of Pro Bar Maker?

We use prime servers (Microsoft cloud) for Pro Bar Maker and they don’t come cheap! We want to make sure that our paying customers enjoy excellent performance and, of course, that we don’t lose money.

In the future, when more data about server load and costs are available, we may offer a free plan.

How can I create a bar with semi-transparent background?

Any bar can have a semi-transparent background color. You can control the level of transparency from “100% transparent” (invisible) to no transparency. You control this from  the color palette for the background color of the bar:

  1. Edit the bar. In tab Looks, select the setting Background Color.
  2. Click the button “More”
  3. Drag the slider shown in the image below to control the bar transparency.
  4. Press “OK”
When I preview or view my shop, I can see a black "Shopify" bar on top. What is it?

This is the Shopify admin bar. You see it, because you are logged into Shopify admin from the same Web browser.

If it interferes with the preview of a Pro Bar Maker bar placed on top, refresh the page.

If you want to view your Pro Bar Maker bar without the Shopify admin bar: Just open your e-shop from another Web browser or log out from Shopify admin and the black bar will go away.

Let’s see what this bar looks like if we zoom in:

The bar can make the preview of Pro Bar Maker bars placed on top unclear. No problem: Just press the round X button (at the right end of the Shopify admin bar) and the bar will be minimized. You may have to Refresh the page after that.

I use theme "theme name" and top bars overlap with some graphical elements of the theme

Are you sure that the problem is not  the Shopify Admin bar (the black bar  on top)? Please read the previous question of this FAQ.

Short answer

  1. First search  this FAQ  for a solution for your theme.
  2. If your theme is not in the FAQ (or you have trouble following the solution), please contact Support.

Details

Top bars are drawn  “on top” of the rest of the page and push the page content down. This is achieved using a high number for something known as the z-index: Typically, the graphical elements of the theme have z-index zero and the bars a high positive number. So the bars are visible on top of the content.

However, certain themes may use a higher z-index for things like pop-up menus or cart drawers. The result: Part of the pop-up menu, for example, is hidden under the bar.

The solution

The solution may be slightly different for different themes. Just contact us and we will tell you what to do or we ‘ll do it for you. Something that may help is setting the z-index of a bar to a really small positive number (for example 1).

How do I change the z-index of a bar?

The z-index of a bar  is a number (0 or higher) that determines whether the bar will be on top of other graphical elements of your page. The higher the z-index, the higher the likelihood that the bar will stay on top of anything else shown on the page.

By default, bars have a really high z-index and they are on top of everything. If you wish, you can specify the z-index of a bar:

  1. Create a new bar or edit an existing one. At bar customization screen, select the tab Advanced
  2. Scroll all the way down until you reach panel System Settings. Click on More to expand it and key-in the desired z-Index (a number like 0, 1 ,2, …)..
  3. Don’t forget to Save your bar when you are done with this and any other change you may have.
Theme Brooklyn

Set the z-index of all your bars to 1

 

Still need help? Send us a note!

For any other questions, please contact our Support.