After installing the plugin for the first time the “Stickers” section in the shapes library may look a little bit empty. We didn’t include lot’s of standard items here cause we figure everyone may want it’s own related content here. We made it very easy for you to add your own related stickers to the library.
Here the how-to guide to help you get started.
1. Find a Collection
First, find a collection you want to add to the library. Stickers have to be .SVG files. A good site with lots of free content you can use is flaticon.com.
For this example, we are gonna use the Friendship 7 pack provided by Flaticon.
When you download the pack you should get a zipped folder. Unzip it and find the folder containing only the .SVG files. (If you download a package from Flaticon the folder will be called svg).
Once you have the folder containing the .SVG files zip (compress) the folder as we need to upload the collection as a .zip file.
This is what the folder structure looks like after unzipping the package you downloaded.
The folder we need is "svg".
However, we want to rename it as the folder name will be used as the package title once we upload it.
So we rename the "svg" folder to "friendship".
Then compress (zip) it. The zipped folder is the one we will upload to the imgMCE editor.
2. Uploading the Content
Go to the imgMCE settings panel and select “Packages” and scroll down to “Shape Library“.
Drag and drop the folder you just zipped up (containing only .SVG files) onto the upload field, once uploaded refresh the page. Your package will now be visible. Make sure to check the “Active” checkbox in order to add it to the library.