Adding emoji icons to your banner
Add emojis to your GDPR/CCPA banner together with the content you want to have a little fun with. This way you can add some humor and increase engagement 🥳
You can add the emojis by adding the appropriate dec or hex code. You can find a complete list with their dec & hex codes here. Please avoid the copy and paste of emojis that you find on the web because most of the time their code is not valid and you may see “?” instead of them in the banner.
First of all access your GDPR/CCPA app and navigate to the Settings > Banner > Content. On another tab of your browser visit the emojis reference page by w3schools and find the emoji you wish to add to your banner. Each emoji has a dec and hex code. Copy one of the two codes from the reference page and then go to the GDPR/CCPA application page of your Shopify store and find the content field where you want to add the emoji.
Place your cursor in your field text, where you want to add the emoji
Paste the code
If it is a dec code add before the code &# and ; after the code. So for example for the dec code: 128591 you will fill in 🙏
if it is a hex code add before the code &#x and ; after the code. So for example for the hex code: 1F64F you will fill in 🙏
An example of how to add the emoji to the Accept button text is presented in the next figure.
An example of how to add the emoji to the Accept button text is presented in the next figure.
Remember that each platform will display emojis slightly differently, and some older platforms may not be able to show all emojis. Examples of how some emojis are looking between different platforms is presented in the next figure.
Use the official Unicode cheat sheet for how emojis are displayed on Facebook, Twitter, Apple, different phones, etc!
You can add the emojis by adding the appropriate dec or hex code. You can find a complete list with their dec & hex codes here. Please avoid the copy and paste of emojis that you find on the web because most of the time their code is not valid and you may see “?” instead of them in the banner.
How to insert emojis
First of all access your GDPR/CCPA app and navigate to the Settings > Banner > Content. On another tab of your browser visit the emojis reference page by w3schools and find the emoji you wish to add to your banner. Each emoji has a dec and hex code. Copy one of the two codes from the reference page and then go to the GDPR/CCPA application page of your Shopify store and find the content field where you want to add the emoji.
Place your cursor in your field text, where you want to add the emoji
Paste the code
If it is a dec code add before the code &# and ; after the code. So for example for the dec code: 128591 you will fill in 🙏
if it is a hex code add before the code &#x and ; after the code. So for example for the hex code: 1F64F you will fill in 🙏
An example of how to add the emoji to the Accept button text is presented in the next figure.
An example of how to add the emoji to the Accept button text is presented in the next figure.
Why do my emojis look different?
Remember that each platform will display emojis slightly differently, and some older platforms may not be able to show all emojis. Examples of how some emojis are looking between different platforms is presented in the next figure.
Use the official Unicode cheat sheet for how emojis are displayed on Facebook, Twitter, Apple, different phones, etc!
Updated on: 20/02/2024
Thank you!