How to use Essential Announcement Bar app with PageFly

About Essential Announcer AppClick to copy

What Is Essential Announcer?Click to copy

The Essential Announcer app allows for effective communication with customers through various types of announcement bars.

This app lets you create announcement bars for your online store. These bars can be used to:

  • Share important messages with customers
  • Promote sales and special offers
  • Encourage customers to take action (like signing up for your newsletter)

Install Essential AnnouncerClick to copy

Before using this element in PageFly, you have to install the Essential Announcer app to your store and configure all options in the app.

How To Access Essential Announcement Bar ElementClick to copy

In page editor, follow these steps to access Essential Announcement Bar 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 “Essential Announcement Bar” and enable it
  • Step 4: Click “Close” and the element will appear in the “Add third-party element” menu

How To Configure Essential Announcement Bar elementClick to copy

Important note:
  • 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 Essential Announcer app.

From PageFlyClick to copy

Step 1: Add Essential App ElementClick to copy

Before starting to set up for the Essential Announcement Bar 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 “Essential app – Announcement Bar” element
  • Step 3: Click on the element to see its variant
  • Step 4: Drag and drop the variant onto the page canvas

Step 2: Configure Essential App ElementClick to copy

After adding the element, you can adjust for it by clicking on the element.

  • From the “General” tab, you can choose the announcement bar you want to use from the list created in the Essential Announcer app.

  • For styling options like margins, borders, and effects, go to the “Styling” tab. You can find more details about the available options here.

From Essential Announcer AppClick to copy

Before using the Essential Announcement Bar element in PageFly, you’ll need to create and configure your announcement in the Essential Announcer app. Here’s how:

  • Step 1: Activate “Essential Announcer” in the Theme CustomizeClick to copy

Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds. Search for “Essential Announcer” and activate it.

  • Step 2: Create a new announcementClick to copy

In the Essential Announcer app dashboard, click the “New announcement” button.

  • Step 3: Configure your announcementClick to copy

Use the “Content,” “Design,” and “Placements” tabs to customize your announcement. For use with PageFly, choose “Custom position” in the placement settings.

Frequently Asked QuestionsClick to copy

How Do I Make The Announcement Bar Full Width?Click to copy

Click on the section, go to the “General” tab, and choose “No” for the “Set fixed width” parameter.

Is The Essential Announcer App Free?Click to copy

Yes, the app offers a free plan for you to use.

Additional ResourcesClick to copy

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us