Discount Notification

This package works as a Shared Module between WPMU DEV plugins and it allows us to notify users about an special price for our products.

Installation

npm i @wpmudev/shared-notifications-discount --save-dev

Usage

Javascript Instantiation

import React from 'react';
import { NoticeDiscount } from '@wpmudev/shared-notifications-discount';

import image1x from './sample-image.png';
import image2x from './[email protected]';

const MyApp = () => {
    return (
        <NoticeDiscount
            price={65}
            discount={20}
            priceLabel="Pay Only"
            priceTime="month"
            title="Don't Miss Out On Subscription / Recurring Payment Support"
            image={ image1x }
            imageRetina={ image2x }
            disclaimer="Only admin users can see this message"
            buttonLabel="Get 20% Off Forminator Pro"
            buttonLink="https://premium.wpmudev.com/"
        >
            <p>We'd hate for free users to miss out on Subscription / Recurring Payment Support, so we're temporarily slashing the price of Forminator Pro.</p>
        </NoticeDiscount>
    );
}

Properties

| Prop Name | Type | Description | | --------- | ---- | ----------- | | price | string | Set the base price to promote. | | discount | string | Enter the amount to be discounted in percentage from price. | | priceLabel | string | Highlight promotional price with catchy text. | | priceTime | string | By default it is set to month for montly payments. | | title* | string | Set a catchy title for notification. | | image | string | When not empty, allows you to show an image at left of the main content. | | imageRetina | string | Make sure image shows up correctly on bigger displays. | | disclaimer | string | This text goes below content in smaller size to highlight it from the rest. | | buttonLabel | string | Sets call to action button label. | | buttonLink | string | Sets call to action button URL. |