alphabatem / solana-sale-toast

Automatically display recent sales popups to increase your sales on your online store.

Solana NFT Sale Toast

Automatically display recent sales popups to increase your sales on your online store.

Powered By

• HelloMoon Developer platform (https://hellomoon.io)
• DegenCDN for Images (https://degencdn.com)

Quick Start

1. Install Solana Toast

yarn add @alphabatem/solana-sale-toast

2. Obtain a Hellomoon API Key & DataStream (https://www.hellomoon.io/developers)

3. Create your data stream (you can add additional filters here if you are only monitoring 1 collection etc)

4. Grab your subscriptionID from the Datastreams section

5. Grab your apiKey from the Dashboard section

6. Setup the solana toast in your code

const apiKey = "" //HelloMoon API Key
const subscriptionId = "" //HelloMoon Datastream ID
const enrichMetadata = true //Retrieve mint image (where available)

const connection = CreateSolanaToastClient(apiKey, subscriptionId, enrichMetadata)
connection.setCollectionFilter(new FilterOpts({
    collectionName: "AlphaBatem", //Filter to collection name
}))
connection.listen()

Top stop the connection run:

connection.close()

7. Filter Options can be used to further filter the inbound datastream (say if you wish for it to be more generic etc) - This also helps for changing dynamically between collections (say on a marketplace, just adjust the collectionFilter to match the current browsed collection)

new FilterOpts({
    collectionName: "AlphaBatem", //Filter sales to only this collection
	minPrice: 0.1 //Filter only sales above this price
})

8. Include the base theme css file & adjust the style to your suiting

import "@alphabatem/solana-sale-toast/css/solana_toast.css";

9. All set!