Getting started
  1. Help center
  2. Getting started

Customize the look and feel of Abra to your store

After enabling the app embed, you can now personalize the appearance and styling of Abra’s storewide sections. Storewide sections—such as Popup and Announcement Bar, are areas not included in a particular page or template, and appear throughout your store's entire customer shopping journey. 

Customize Popup Notification

  1. In the App Embeds section of your theme editor, click on the chevron arrow on the left of Abra to expand the view.
    Expand Abra embed view
  2. Scroll down to the Popup settings. The Popup will float at the bottom of your store and is a critical notification that’s used to notify your customers that their promotion has applied.
    Abra popup notification
  3. Adjust the color options, text, icon, sizing and placement for the Popup to match your store’s appearance.
    02-popup-settings
  4. Once you are happy with your adjustments, click Save in the top right corner of the theme editor main action bar.

Customize Announcement Bar

  1. In the App Embeds section of your theme editor, click on the chevron arrow on the left of Abra to expand the view.
    Expand Abra embed view
  2. Scroll down to the Announcement bar settings. Similarly to the Popup, the Announcement bar is used to notify your customers that their promotion is applied. It is positioned at the very top of your store, above your header content.
    Abra announcement bar
  3. Adjust the color options, text, icon, and sizing for the Announcement bar to match your store’s appearance.
    Abra announcement bar settings
  4. Remember to click Save to confirm your changes.

Congratulations! You're now ready to create your first promotion.