How to use Quicky—Announcement Bar Banner with PageFly

About Quicky Announcement Bar BannerClick to copy

Quicky Announcement Bar Banner app helps you create promotion banners with easy set up and flexible customization.

Before using this element, you have to install the Quicky Announcement Bar Banner app to your store, configure all options in the app, and then return to PageFly to use the element(s) for the corresponding product(s) you want.

Install Quicky Announcement Bar Banner

Install PageFly

Access Quicky Announcement Bar BannerClick to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In Integrations popup page, you can search “Quicky Announcement Bar Banner” on the search bar.

Quicky Announcement Bar Banner

Step 3: Click on Quicky Announcement Bar Banner element in the dropdown menu.

Step 4: Choose the variant you want then drag and drop it to the editor page.Quicky—Announcement Bar Banner

The element comes with ten variants which are:

  • Multi Announcement Bar
  • Countdown Bar
  • Coupon Bar
  • Email Signup Bar
  • Free Shipping Bar
  • Sale Motivation Bar
  • Cookie Consent Bar
  • Action Bar
  • Stop War Bar
  • Announcement Bar

ConfigurationClick to copy

PageFly ConfigurationClick to copy

General SettingsClick to copy

After adding the element to the Editor, on the right sidebar, you’ll see the General tab.

Multi Announcement BarClick to copy

The Multi Announcement Bar element displays a list of announcement bars on your page.

You can change the content for the banner by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Multi Announcement Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types.

Countdown BarClick to copy

The Countdown Bar element adds urgency and fear-of-missing-out effects on your page.

You can change the content for the countdown bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Countdown Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types.

Coupon BarClick to copy

The Coupon Bar element highlights the discounts and promotions of your products.

You can change the content for the coupon bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Coupon Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types

Email Signup BarClick to copy

The Email Signup Bar element helps you build up your email list.

You can change the content for the email signup bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Email Signup Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types.

Free Shipping BarClick to copy

The Free Shipping Bar element highlights free shipping offer.

You can change the content for the free shipping bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Free Shipping Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types.

Sale Motivation BarClick to copy

The Sale Motivation Bar element motivates customers with promotion text and add-to-cart button.

You can change the content for the sale motivation bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Sale Motivation Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types.

The Cookie Consent Bar element displays a cookie consent banner on your page.

You can change the content for the cookie consent bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Cookie Consent Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types.

Action BarClick to copy

The Action Bar element highlights call-to-action on your page.

You can change the content for the action bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Action Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types.

Stop War BarClick to copy

The Stop War Bar element allows you to add an informational banner with a “Stop war” slogan on your page.

You can change the content for the stop war bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Stop War Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types

Announcement BarClick to copy

The Announcement Bar element displays sales, promotions, notification, free shipping, etc on your page.

You can change the content for the announcement bar by clicking on the dropdown button.

Quicky—Announcement Bar Banner

Note: ​​​​

For the full widget configuration, please go to the settings area of the Quicky Announcement Bar Banner application.

The Announcement Bar element can be used multiple times and anywhere on a page. You can also place this element on all page types.

Note: You can get further information about Attributes, Visibility, and Animation parameters.

Styling SettingsClick to copy

You can customize the styling of the Quicky Announcement Bar Banner elements in the Styling tab.

Quicky—Announcement Bar Banner

You can get further information about Styling settings.

Quicky Announcement Bar Banner ConfigurationClick to copy

After configuring PageFly settings, you will need to continue with the Element settings further as below.

Step 1: Go to your Shopify Admin > Apps > Choose Quicky Announcement Bar Banner.

Step 2: On the Dashboard, choose Create banner > Choose the banner style you want to create on the dropdown menu.

Quicky—Announcement Bar Banner

Action BarClick to copy

Quicky—Announcement Bar Banner

By default, you can add Product and URL from your Shopify to a call-to-action button. You can also add a collection, message, phone, email, etc by clicking on the More views button.

Click on the check box to Open in new tab.

In addition, you can change the text for the Message and Button.

Stop War BarClick to copy

Quicky—Announcement Bar Banner

You can change the text for the message and button by applying text on the text box. You can also enable Open link in new tab for the button.

Announcement BarClick to copy

Quicky—Announcement Bar Banner

You can change the URL of the banner either All products, Collection, Products, Pages, Blogs,  Policies or Custom URL.

You can also change the banner message by adding text on the blank box.

Coupon BarClick to copy

Quicky—Announcement Bar Banner

You can choose the discount types or create a new one. You can also change text for the Message, Button, and Code label.

Countdown BarClick to copy

Quicky—Announcement Bar Banner

You can customize all the details for the countdown bar from the Timer, Message, and Button.

Email Signup BarClick to copy

Quicky—Announcement Bar Banner

You can change the content for the Message, Button, Email field placeholder, Name field placeholder, and Thank you message by adding text on the text field.

You can also choose to Hide name field.

Key TakeawaysClick to copy

Quicky Announcement Bar Banner app helps you attract customers and boost conversion by displaying various eye-catching banners and bars for your online store. You can seamlessly display an announcement bar to your products without any coding skills within PageFly.

Frequently Asked QuestionsClick to copy

OverviewClick to copy

What is the pricing of the Quicky Announcement Bar Banner?Free plan and paid plan start from $6.99/month
Does the Quicky Announcement Bar Banner offer a yearly plan?Yes
Can I use the Quicky Announcement Bar Banner on PageFly Editor?Yes

Can I customize the appearance of the Quicky Announcement Bar Banner bars?Click to copy

Yes, you can fully customize the colors, fonts, text, buttons, and other aspects of the bars to match your store’s branding.

Where can I display the Quicky Announcement Bar Banner bars on PageFly pages?Click to copy

You can choose to display the announcement bars on all page types, everywhere on page, and across your entire store.

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us