Quicky Announcement Bar Banner app helps you create promotion banners with easy set up and flexible customization.
With the Quicky Announcement Bar Banner app, you can:
- Go beyond basic announcements with a variety of banner types, including a cookies bar, sales motivation bar, free shipping bar, countdown timer bar, etc.
- Tailor the appearance and content of your banners to match your brand aesthetic.
- Schedule banners to appear during specific times and track their performance.
Before using this element in PageFly, you have to install the Quicky Announcement Bar Banner app to your store, and configure all options in the app.
- Install Quicky Announcement Bar Banner
- Install PageFly
In the page editor, follow these steps to access Quicky Announcement Bar Banner element:
- Step 1: In the PageFly editor, click “Add third-party element” on the left menu
- Step 2: Click “Manage integrations” or the gear icon on top
- Step 3: Search for “Quicky Announcement Bar Banner” and enable it
- Step 4: Click “Close” and the element will appear in the “Add third-party element” menu
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
- One element can be used multiple times on a page.
- The elements can be used on all page types.
- The elements can be used anywhere on the page.
- All styling and configuration must be done in the Quicky Announcement Bar Banner app.
From PageFly![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Before starting to set up the Quicky Announcement Bar Banner element, you will need to add this element onto your page canvas:
- Step 1: Click “Add third party element” on the left menu bar
- Step 2: Look for “Quicky Announcement Bar Banner” element
- Step 3: Click on the element to see its variant
- Step 4: Drag and drop the variant onto the page canvas
After adding the element, you can adjust it by clicking on the element.
- From the General tab, head to the Content tab > Click on the dropdown button > Choose the banner type created in the Quicky Announcement Bar Banner app.
- For styling options like margins, borders, and effects, go to the “Styling” tab. You can find more details about the available options here.
Before using the Quicky Announcement Bar Banner element in PageFly, you’ll need to create and configure your announcement in the Quicky Announcement Bar Banner app. Here’s how:
Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds. Search for “Quicky Announcement Bar Banner” and activate it.
On the app dashboard, click “Create banner” button > Choose the banner style you want to create on the dropdown menu.
Action Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
By default, you can add a 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 a new tab.
In addition, you can change the text for the Message and Button.
Stop War Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
You can change the text for the message and button by applying text on the text box. You can also enable Open link in a new tab for the button.
Announcement Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
You can change the URL of the banner to either All products, Collection, Products, Pages, Blogs, Policies, or Custom URL.
You can also change the banner message by adding text to the blank box.
Coupon Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
You can choose the discount types or create a new one. You can also change the text for the Message, Button, and Code labels.
Countdown Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
You can customize all the details for the countdown bar from the Timer, Message, and Button.
Email Signup Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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.
Frequently Asked Questions![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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.