Sales Notifications (FOMO) Add On

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 FOMO 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 FOMO 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.

FOMOs 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 FOMO popup stay on screen?

Delay - how many seconds should we wait until we show another FOMO? (only applies if you are showing multiple FOMOs 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 FOMO.

Recommended settings: 

  • Choose "certain pages" and enter the names of a few pages to show the FOMO, 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 );