1. Knowledge Base
  2. Old Fera Tools Help Resources
  3. Product Detail Tool
  4. How to Customize Text in the Product Detail Counters Widget-with Emojis

How to Customize Text in the Product Detail Counters Widget-with Emojis

Why is Adding Emojis Worth Considering for your Fera Notifications?

When you use Fera for the first time you may notice that we like to make use of emojis! Using emojis for your content helps to make the message more noticeable and it will grab attention. This is perhaps because people are drawn to the character to recognize the facial expressions or emotions being expressed. Science tells us that we recognize expressions (especially facial ones) much faster than we process words, letters and sounds. In the Fera.ai app, the preview text for notifications comes with a little fire emoji 🔥.  This grabs the customer’s attention and portrays a sense of urgency along with the message of “limited stock”. But you don’t have to stick to the fire emoji-you can use anyone you’d like!

Customizing your Message to Customers-with Emojis!

Through Fera you have the ability to customize the messages and emojis that your customers will see 😀. These messages can be customized by colour, text size, text weight, text style, and alignment. You’ll be able to preview the social proof or urgency message as you make changes, before you update and go live.

Preview of Emojis in Fera

You can add emojis in the Fera.ai app. When you edit one of the Product Detail Counters widgets, the content tab allows you to change the icon. In this bar, you can add emojis/characters using one of the methods described below, depending on what operating system your computer uses. Then you can update your Product Detail Counter widget and it will update on your store. Now your customers will see a customized text, curated to be exactly the way you want it to show! Be creative and test out different messages and emojis to see what captures your customers the best!

Emojis in Product List Widget

You can edit the emoji in the Product List widget as well. Just go to the ‘Content’ tab and change it from the top little bar. Either paste in an emoji, or use the drop-down menu to choose a different one.  

How to Insert Emojis

Emojis are created using Unicode and will show up differently depending on the browser or device you use. So it may look slightly different in Google Chrome than it would on Twitter, or even different depending if someone is seeing the emoji on a Samsung or an iPhone. If you take a peek at this Unicode link it’ll show you all the codes for each emoji and how they’ll appear, as well as a quick description of what the emoji is depicting (grinning, laughing, crying, etc.). If you’re not familiar with Unicode, or coding isn’t your style, there are some quick tips and tricks to insert emojis more easily. Depending on the operating system (OS) you use, the way to add them is slightly different. Below adding emojis have been outlined for Mac, Windows, Linux & Unix.

Adding Emojis in macOS

The easiest way to insert an emoji is using the emoji palette. You can pull up the emoji palette by pressing Command+Control+Space. It’ll show you the character palette (below) which you can scroll through and the choose the emoji you’d like to insert into your text and simply click on it. Another way to add emojis is by searching for the emoji or character by name. If you use Mac OS 8.5 or later you need to choose the Unicode Hex Input keyboard layout. If you’re using OS X Yosemite then you can add this in Keyboard → Input Sources. Hold down the option (alt) key and then type the 4 digit hex code the emoji will appear.

Adding Emojis in Microsoft Windows

If your laptop, like many, doesn’t have a numeric keypad you can download the utility UnicodeInput. Once downloaded, when you open it you would see the screen below pop up. To create the emoji or character you’d like, enter the hex value and press enter. A hex value is a code that looks like: U+1F600 (this creates this emoji 😀). In the above window you’d just need to add the 1F600 as the U and + are included already. For those who are a bit more code-savvy you can enable a universal input method in Windows. You add the string of type (REG_SZ) value called EnableHexNumpad to the registry (which stores low-level setting for Microsoft’s operating system) key HKEY_CURRENT_USER\Control Panel\Input Method and assign the value data 1 to it. You’ll need to log off and reboot for the input method to start working. Check out Emojipedia for some more options and ideas on what you can use-the options are endless!

Adding Emojis in X11 (Linux and Unix variants)

Hex input is not implemented in the X.Org Server. Programs based on GTK+, like GNOME applications, support Unicode inputs. There are two common methods to insert these characters.
  • Hold Control+Shift and type u followed by the hex digits. Then release Control+Shift
  • Enter Control+Shift+u, release, then type the hex digits, and press Enter (or Space or even on some systems, press and release Shift or Control)

Was this article helpful?

Want a Demo?

Request a demo and we'll walk you through all the amazing features Fera has to offer.

Request Live Demo