WhatsApp Sticker Extension | Create & Add Sticker Packs to WhatsApp Dynamically 🎉

Aistickers Aistickers

Hi, I’m Jerin Jacob

Sticker apps are still trending in WhatsApp. :chart_with_downwards_trend:

Yes you can use this extension to create WhatsApp sticker pack

Ever though about creating one in Kodular ? Now you can

Note: This extension allows you to create and add pack to WhatsApp dynamically.
And not to create webp/png of stickers

How it looks :superhero:

This blocks is only what you need :blonde_man:

CreatePack

Fields requied description
identifier * unique identification for pack
name * pack name
publisher *
trayImageFile * small png file which will be shown on WhatsApp
imageDataVersion *
avoidCache * False always recomended
animatedStickerPack * True or False

baseDirectory : Extension check for images in ASD and you can mention other paths in ASD where the images are stored.

AddStickerToPack

component_method (1)

identifier * Unique id of pack
image * image file name ASD
emojis * List of emojis with minimum 1 and maximum 3emojis

Other blocks

blocks (42)

component_event (2)

More detailed tutorial and blocks previews for buyers

Note

  • The extension won’t work on compiler

New in Version 1.2

GetBaseDirectory

  • Returns ASD if Android version >=10 and External storage if Android<10

component_method

ConvertToWebpForWhatsApp

  • WhatsApp need webp images as stickers which is less than 100kb and 512*512 size , so in AiStickers extension you can create webp from png/jpeg

  • Quality - 0-100

About creating stickers for pack

Overview

Overview

Stickers on WhatsApp must be legal, authorized, and acceptable. Learn more about acceptable use of WhatsApp services at WhatsApp Legal Info.

Sticker art and app requirements

We recommend you refer to the FAQ at WhatsApp Help Center - About creating stickers for WhatsApp for complete details on how to properly create your sticker art. This FAQ also contains a sample PSD that demonstrates best practices for composing legible, rich sticker art.

  • A sticker is an image that has a transparent background and can be sent in a
    WhatsApp chat
  • Stickers are organized into “packs”. Your app can contain anywhere from 1 to
    10 packs. Users must explicitly add each pack to WhatsApp one-by-one, so your
    app should list each pack separately and each pack must have its own
    affordance to add it to WhatsApp (do not try to create “add all packs”
    operations).
  • Sticker packs must contain either static or animated stickers, never a mix of both
  • Each sticker pack must have a minimum of 3 stickers and a maximum of 30
    stickers
  • Stickers must be exactly 512 x 512 pixels
  • Stickers will render on a variety of backgrounds, white, black, colored, patterned, etc. Test your sticker art on a variety of backgrounds. For this reason, we recommend you add a 8px #FFFFFF stroke to the outside of each sticker. See the sample PSD referenced at WhatsApp Help Center - About creating stickers for WhatsApp for more details.
  • Stickers must be in the WebP format. See the section Converting to WebP below for information on how to create WebP files.
  • Each static sticker must be less than or equal to 100KB and each animated sticker must be less than or equal to 500KB. See the section Tips for Reducing File Size below.
  • Animated stickers must have frames with minimum duration of 8ms. Animation duration should be less than or equal to 10 seconds total.
  • For animated stickers, the first frame should say it all - WhatsApp ends the animation on the first frame after looping so please make sure your first frame is the complete image of your sticker and adjust the sequence of the stickers accordingly so users don’t see a jumpy experience going from the last to first frame. Ex. A sticker that animated “Hi!” should have the first frame show all words “Hi!”.
  • Sticker Picker/Tray Icon
    • Provide an image that will be used to represent your sticker pack in the WhatsApp sticker picker/tray
    • This image should be static and 96 x 96 pixels
    • Max file size of 50KB

Tips for reducing file size

We recommend reducing the size of each of your stickers. For reference, many of the stickers provided within WhatsApp are around 15KB each. The smaller your stickers, the faster they will send and the less data your users will have to spend sending them or downloading your app. Depending on your art and the type of graphics you’ve created, one of these two methods may result in smaller file sizes so we recommend experimenting with both.

  • The first method involves optimizing your PNGs using a PNG optimizer tool. If you’re on MacOS, use https://pngmini.com. We recommend using Median Cut and adjusting the colors bar to reduce the size. If you’re on Windows, use Pngyu to optimize your PNGs. Then, convert them to WebP using the methods described in the Converting to WebP section.
  • The second method involves saving or converting your stickers as WebP while experimenting with the WebP export settings trying to optimize the images. You should try setting the quality of your WebP output to something lower than 100% and experiment with a quality level that gets you the smallest file size possible without noticeable image degradation. Each of the methods described in Converting to WebP for exporting your files to WebP offer ways to control your resolution.

Converting to WebP

Your sticker art must be in the WebP format. We recommend using the tools you’re most comfortable with to draw and compose your art, and converting them to WebP using one of a few different tools:

  • Sketch for Mac lets you export files as WebP. Open your sticker art file in Sketch, select a layer, multiple layers, or an artboard, and select Make Exportable in the bottom right. Pick your format as WebP, select Export, and then select the quality/resolution.
  • Android Studio allows you to convert PNGs to WebP. Simply create a new project in Android Studio, open your PNG and right click on the image and select convert to WebP (https://developer.android.com/studio/write/convert-webp). Make sure you uncheck the box next to “Skip images with transparency/alpha channel” in the export flow.
  • You can install a plugin for Photoshop that converts to WebP. Make sure to uncheck the “Save Metadata” checkbox. Some users have experienced problems with using the webp files generated from Photoshop. If you have problems, we suggest you create PNG files, and use Android Studio to do the conversion.
  • Use cwebp, a command line tool
  • Use squoosh, an online browser tool, by the Google Chrome Labs

More Info …coming soon

:gift: Price Contact for the extension

  • 15 dollars (For paypal and international payments)
  • 900INR (UPI payments)
  • R$ 75 (Brazil only)

Refund policy(Contact for details)

Feel free to share your thoughts and questions

Thank you
Jerin Jacob
Getiax.com

23 Likes

Amazing Extension :heart_eyes_cat:

2 Likes

Man, I admire you since you made component to image extension. Now with this extension you are just making some of my dreams become true.
If this extension came a year before it would be 1000 times better because there was so much less competition and specially because now the coin of my country is worth half what it was, so 15 dollars now is more or less money enough to pay for my breakfast for a month at least.
But still, i am very glad to see that finally it is possible. I will buy it as soon as possible.

3 Likes

Thank you

Yeah

I think you are from Brazil, I have updated the pricing.

Thank you

1 Like

Nice extension…

WhatsApp will let you create stickers yourself. The function of creating your own stickers will appear in the WhatsApp messenger, Tengrinews.kz reports with reference to gizmochina.com.

The corresponding feature is already available in one of the beta versions. Stickers can be created from images available to the user. The new function can be accessed by clicking on the paperclip icon, where you will then need to select the “Stickers” item. Then it is enough to select the desired image and send it.

1 Like

No doubt this is terrible news for anyone that wants to create a sticker app. But it it is not the end of the world. Whatsapp will be a huge competitor, no doubt, but many users will continue to use apps for that because the app can have packages with stickers made by the developer or by others users. No doubt if I want to make a sticker of a funny photo of my sister I will use whatsapp, but if I want the best romantic stickers I will still search for another app.

Hi there @Jerin_Jacob , I would like to suggest you one thing.

I have been reading about whatsapp stickers the last few days, specially about converting files to .webp and there are many options to convert files to webp but I didn’t find any viable tool that allow me to implement the conversion in my app. To make myself clear: There are many ways for a person easily convert a .jpeg file to .png but I couldn’t find a way to implement this to the users of my app yet.

Most of the tools have easy to use APIs that allow about 1000 free conversions each month and then charge at least 1 cent for each conversion. Doesn’t look so much but if my app get 10 thousands active users - which is not much for this kind of app - and each user make 10 conversions every month, it will mean 100.000 conversions, which would cost me about 1 thousand dollars. Even if the app has a lot of ads it is difficult to imagine being possible to pay this much. Even if only 10% of the users make conversions, it would mean a hundred dollars every month… What I mean is, your extension is opening a big door, but there is still a huge door in front of anyone that wants to allow the user to convert the images to webp within the app.

But one of the tools to convert images to .webp that you mentioned in your main post, https://squoosh.app/ is an open source project.
Not only that, but the conversion is done at user’s device, so if this project source was used in your extension it would allow anyone that use it to create stickers faster - since it won’t need internet connection to convert the jpeg or png images to .webp - and without spending money with paid APIs that charge much more than would be possible for someone with an sticker maker app to pay.

I don’t know if it is difficult to implement this in a Kodular extension, but I suggest you to add this possibility in your extension, or to create another extension that can do this. I would gladly buy it.

1 Like

Yes, WhatsApp is still testing it & it’s only available in WhatsApp web and not officially announced about it’s availability in Android or iOS .

Yes its possible, Android does provide an option to convert png/jpeg to webp.
I will look into that.

Thank you
Jerin Jacob

1 Like

Version 1.2 released

Thank You
Jerin Jacob
Getaix

4 Likes

Muthe Poli :kissing_closed_eyes:

Wow, it was a lot faster than I expected.
I almost with all the money to buy it. I guess until the end of he week I can get the extension.
One more time, congratulations and a lot of thanks for this great extension

1 Like