cordova-codeplay-whatsapp-stickers

WhatsApp Stickers

WhatsApp Stickers for cordova/phonegap/ionic.

Contents

1. Description
2. Features
3. Demo
4. Quick Start
5. Installation
6. Usage
9. Screenshots
10. License
11. Credits

Description

This Cordova / PhoneGap plugin enables adding stickers to WhatsApp. Designed for the use in HTML5-based cross-platform hybrid applications.

Features

Platforms supported:
- [ ] Amazon-FireOS, via Android SDK (part of Google Play service)
- [x] Android, via Android SDK (part of Google Play service)
- [x] iOS
- [ ] Windows Phone

Quick Demo

Wanna quickly see the mobile ad on your simulator or device? Try the following commands.

``bash
# install cordova CLI
[sudo] npm install cordova -g

# install a small utility to run all the commands for you
[sudo] npm install plugin-verify -g

# Demo: run tapsell plus demo with sample index.html
plugin-verify cordova-codeplay-whatsapp-stickers
`

Quick start

`bash
# create a demo project
cordova create test1 com.miladesign.sw Test1
cd test1
cordova platform add android

# now add the plugin, cordova CLI will handle dependency automatically
cordova plugin add cordova-codeplay-whatsapp-stickers

# now remove the default www content, copy the demo html file to www
rm -r www/*;
cp plugins/cordova-codeplay-whatsapp-stickers/test/* www/;

# now build and run the demo in your device or emulator
cordova prepare;
cordova run android;
# or import into eclipse
`

Installation

* If use with Cordova CLI:
`bash
cordova plugin add cordova-codeplay-whatsapp-stickers
`

* If use with PhoneGap Build:
`xml

`

Notice:
* If build locally using `cordova-codeplay-whatsapp-stickers`, to avoid build error, you need install some extras in Android SDK manager (type `android sdk` to launch it):
!android extra

Usage

Add sticker pack to WhatsApp.

Step 1: Place your stickers inside www folder.

Step 2: Edit contents.json file and place it inside www folder.

$3

Step 3: To add sticker pack to WhatsApp call this function:

`javascript
function addToWhatsApp(identifier, name) {
jsonObject = { "identifier": identifier, "name": name };
json = JSON.stringify(jsonObject);
window.WhatsAppStickers.addToWhatsApp(json, function() { alert(name + " Added to WhatsApp"); }, function(e) { alert("Error. Message: " + e); });
}
`

Read more about stickers from WhatsApp

$3

Step 3: To add sticker pack to WhatsApp use this code.

`javascript
data = {
ios_app_store_link: '',
android_play_store_link: '',
identifier: 'PACK ID',
name: 'PACK NAME',
publisher: 'PUBLISHER NAME',
publisher_website: '',
privacy_policy_website: '',
license_agreement_website: '',
image_data_version: '1',
avoid_cache: false,
tray_image: 'PNG IN BASE64',
stickers: [
{
image_data: 'WEBP IN BASE64',
emojis: ["☕", "🙂"]
},
{
image_data: 'WEBP IN BASE64',
emojis: ["☕", "🙂"]
},
{
image_data: 'WEBP IN BASE64',
emojis: ["☕", "🙂"]
},
]
};

json = JSON.stringify(data);
window.WhatsAppStickers.addToWhatsApp(json, function() { alert(name + " Added to WhatsApp"); }, function(e) { alert("Error. Message: " + e); });
``

For images, they must not have prefixes data:image/png;base64, or data:image/webp;base64, otherwise, WhatsApp will point out an error when sharing the Sticker.

Read more about stickers from WhatsApp

Screenshots

Sticker details | Adding sticker
-------|---------------
!ScreenShot | !ScreenShot

License

You can use the plugin for free. IMPORTANT!!! Before using the plugin, please read the following content and accept the agreement. THIS WILL AVOID POTENTIAL PROBLEM AND DISPUTE.

There are 3 license options, fully up to you:
1. Free and Open Source, no support
2. Commercial, with email/skype support
3. Win-win partnership, with forum support

Credits

This project is created and maintained by Milad Mohammadi Rezagah.

More Cordova/PhoneGap plugins by Milad Mohammadi Rezagah, find them in plugin registry, or find them in npm.

Project outsourcing and consulting service is also available. Please contact us if you have the business needs.