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
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.
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.
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
Configuration
PageFly Configuration
General Settings
After adding the element to the Editor, on the right sidebar, you’ll see the General tab.
Multi Announcement Bar
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.
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 Bar
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.
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 Bar
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.
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 Bar
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.
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 Bar
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.
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 Bar
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.
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.
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 Bar
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.
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 Bar
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.
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 Bar
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.
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 Settings
You can customize the styling of the Quicky Announcement Bar Banner elements in the Styling tab.
You can get further information about Styling settings.
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.
Action Bar
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 Bar
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 Bar
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 Bar
You can choose the discount types or create a new one. You can also change text for the Message, Button, and Code label.
Countdown Bar
You can customize all the details for the countdown bar from the Timer, Message, and Button.
Email Signup Bar
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 Takeaways
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 Questions
Overview
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 |
Yes, you can fully customize the colors, fonts, text, buttons, and other aspects of the bars to match your store’s branding.
You can choose to display the announcement bars on all page types, everywhere on page, and across your entire store.