Sales Notifications

This plugin shows one of your most recent sales, choosing randomly from the last 10 sales.

Upload the plugin zip file under Plugins => Add New, and activate.

First create a new Holler Box. The content doesn't really matter since it will be replaced by the sale information, but you can put a default such as "Scott bought the Pro version." This will only appear if there are no sales to display.

Next, choose the type. 

Choose your integration, such as WooCommerce, Easy Digital Downloads, GiveWP, MemberPress, or Paid Memberships Pro. You must have the plugin active to see the setting.

Choose whether to display the customer gravatar, or product featured image.

Next, choose your settings.

Timeago

How many days ago should we show sales from? For example, entering 10 means to display sales from 10 days ago until today only. It will not display a sale that happened 11 days ago or older.

Default is 14.

Notifications per page - show multiple popups on a single page. For example, entering 4 would show 4 different sales on a single page load. Default is 1.

Display time - how many seconds should the sale notification popup stay on screen?

Delay - how many seconds should we wait until we show another sale notification? (only applies if you are showing multiple notifications per page)

Chronological order - check this box to show sales in order, most recent first. Default is random.

Advanced Settings

In the advanced settings box, choose where and when to show your sale notification.

Recommended settings: 

  • Choose "certain pages" and enter the names of a few pages to show the notification, such as your features and pricing page.
  • "How often should we show it to each visitor?" - Show then hide for 1 day (so it only shows once per day for each visitor)
  • Configure other settings as needed

Customization

To customize the box, you can use the built in color pickers.

If you'd like to go further, here are some available CSS classes:

.holler-box.fomo // wrapper
.holler-box.fomo .holler-inside // inside wrapper
.fomo-text // text wrapper
.fomo-name // customer name
.fomo-product-title // product title
.fomo-timeago // how long ago someone purchased

Example usage in custom CSS:

.holler-box.fomo { border-left: 3px solid green; border-radius: 0; }

Hide Time Ago

.fomo-timeago { display: none }

Filters

You can also use a filter if you'd like to change what is displayed in the box.

apply_filters( 'hwp_fomo_content', $content, $product_id, $box_id );

Example usage:

add_filter( 'hwp_fomo_content', function( $content, $product_id, $box_id ) {

 if( $box_id != 123 )
  return $content;

 return 'Here is my custom content';
}

Timeago Filter

apply_filters( 'hwp_fomo_time_ago', sprintf( __( '%s ago', 'hollerbox-sales' ), $time_ago ), $payment_date );

$time_ago - the time ago text e.g. 32 minutes ago 
$payment_date - the date the payment/donation/sale was made e.g. 2018-01-28 20:39:17

Other filters:

apply_filters( 'pmprohwp_member_avatar', $avatar, $last_pmpro_order[0]->user_id );