WP Reactions Documentation WP Reactions Documentation
  • Knowledge Base 
  • Open a Ticket 
Ask a Question
WP Reactions Documentation WP Reactions Documentation
Ask a Question
WP Reactions Documentation
  • Knowledge Base 
  • Open a Ticket 

WP Reactions

  • folder icon closed folder iconGetting Started
    • Download WP Reactions
    • Installing WP Reactions
    • Activate License Key
    • Quick Start Guide
    • Revoke License Key
  • folder icon closed folder iconEmoji Reaction Layouts
    • Original Reactions
    • Reaction Button
    • Jane Reactions
    • Jimbo Reactions
    • Mini Reactions
  • folder icon closed folder iconLayout Options
    • Emoji Picker
    • Emoji Reveal
    • Flying Animated Text
    • Reaction Button Design
    • Reaction Container Styling
    • Emoji Animation
    • Call to Action
    • Random Counts
    • Fake Counts
    • Button Padding
    • Emoji Border Styling
    • Emoji Background Styling
    • Emoji Sizes
    • Shortcode Alignment
    • Emoji Badges
    • Flying Animation Effect
    • Primary Call to Action
    • Social Share Call to Action
    • Button Icon Styling
  • folder icon closed folder iconSettings
    • General
    • Advanced
    • WooCommerce Reactions
  • folder icon closed folder iconSocial Media Sharing
    • Social Share Platforms
    • Button Design
    • Share Counter
    • Button Behavior
    • Social Popup Overlay
  • folder icon closed folder iconWPML Intergration
    • Installing Required WPML Plugins
    • Translate Global Activation
    • Translate Shortcodes
  • folder icon closed folder iconShortcode Generator
    • Shortcode Editor
    • Bind Shortcode to Post
  • folder icon closed folder iconGlobal Activation
    • On Page Options
    • Custom Post Types
  • folder icon closed folder iconAnalytics
    • Emoji Reaction Data
    • Social Sharing Data
  • folder icon closed folder iconTools
    • Advanced Random Counts
    • Reset User Counts
  • folder icon closed folder iconDevelopers
    • Action Hooks & Filters
    • JavaScript Events
loading
Popular Searches
  • Global Activation
  • Shortcode
  • Layout Options
  1. Home
  2. WP Reactions
  3. Emoji Reaction Layouts
  4. Original Reactions
Updated on January 10, 2022

WP Reactions

  • folder icon closed folder iconGetting Started
    • Download WP Reactions
    • Installing WP Reactions
    • Activate License Key
    • Quick Start Guide
    • Revoke License Key
  • folder icon closed folder iconEmoji Reaction Layouts
    • Original Reactions
    • Reaction Button
    • Jane Reactions
    • Jimbo Reactions
    • Mini Reactions
  • folder icon closed folder iconLayout Options
    • Emoji Picker
    • Emoji Reveal
    • Flying Animated Text
    • Reaction Button Design
    • Reaction Container Styling
    • Emoji Animation
    • Call to Action
    • Random Counts
    • Fake Counts
    • Button Padding
    • Emoji Border Styling
    • Emoji Background Styling
    • Emoji Sizes
    • Shortcode Alignment
    • Emoji Badges
    • Flying Animation Effect
    • Primary Call to Action
    • Social Share Call to Action
    • Button Icon Styling
  • folder icon closed folder iconSettings
    • General
    • Advanced
    • WooCommerce Reactions
  • folder icon closed folder iconSocial Media Sharing
    • Social Share Platforms
    • Button Design
    • Share Counter
    • Button Behavior
    • Social Popup Overlay
  • folder icon closed folder iconWPML Intergration
    • Installing Required WPML Plugins
    • Translate Global Activation
    • Translate Shortcodes
  • folder icon closed folder iconShortcode Generator
    • Shortcode Editor
    • Bind Shortcode to Post
  • folder icon closed folder iconGlobal Activation
    • On Page Options
    • Custom Post Types
  • folder icon closed folder iconAnalytics
    • Emoji Reaction Data
    • Social Sharing Data
  • folder icon closed folder iconTools
    • Advanced Random Counts
    • Reset User Counts
  • folder icon closed folder iconDevelopers
    • Action Hooks & Filters
    • JavaScript Events

Original Reactions

Estimated reading: 3 minutes 8193 views

Overview

The Reactions layout is our initial design. It is the most flexible layout that we offer. It is the original reactions layout is similar to Facebook Reactions. Our layout container holds a minimum of 1 emoji and up to 7 emoji reactions max. This allows for you to create unlimited combinations and styles. Every aspect of this layout can be customized. User reaction counts are stored in overhead badges. You can change colors and add fake counts to your badges. Social Media button options allow you to include social sharing to the layout to engage your audience more so. 

The live example below is Reactions layout with our default settings. 

What’s your Reaction?
1.5K
2.4K
742
14
2.9K
25
100
0 Shares
Facebook Twitter Whatsapp Gmail Linkedin
×

Share this post!

Facebook Twitter Whatsapp Gmail Linkedin Pinterest Messenger Reddit Telegram Tumblr VKontakte Email

Setting up the Reactions Layout

There are few ways to activate the ‘Reactions’ Layout on your pages, posts and custom posts types. 

Global Activation

If you want to deploy the Reactions Layout on all of your posts by using the Global Activation feature, you can simply turn that layout ‘ON’ from the Global Activation Landing page in the plugin. Once turned on they will automatically appear on all posts with our default settings. To customize, click on the customize button to choose your own emojis and all options will follow after that step. To learn more about activating you Reactions layout in Global Activation, Click here.

Shortcode

Go the the Shortcode Generator landing page and choose the ‘Reactions Layout’ as shown below.

When making your Reaction Shortcode, you can use our default settings if you choose not to customize any options after you select. Simply go to the next step, skip the emoji picker and scroll to the bottom of the Shortcode Generator page and save your shortcode. Once that is done, you can paste your Reactions anywhere on your site. To choose new emojis, simply go through the picker and choose your favorite emojis then proceed to the Shortcode generator and edit your option blocks. Learn more on how to make Shortcode Reactions.

How to use your Reaction Layout

This layout can be used anywhere on your site. When using Global Activation the Reactions will generally appear at the bottom of your posts so the person reading your content can vote or, give you feedback on your article.

Making Reactions Shortcode gives you more flexibility. The Reactions can be placed anywhere on the site which allows for the ability to create engagement in any location and, for any purpose.

FAQ's

What are the default settings?

The settings are 7 emojis as shown when you are choosing your layout. You can demo this layout before turning it on to see it in action.

Is this layout mobile responsive?

Yes. All layouts are responsive. In the case of Reactions Layout, the emojis will always remain in a row and will adapt in size to any screen.

How do I set up this layout in WooCommerce?

In this case you will first make the Reactions in shortcode format and then you can insert into a hook location. To learn more about WooReactions, click here.

Still need help?

Helpful? Yes No

How can we help?

A premium WordPress theme with integrated Knowledge Base,
providing 24/7 community based support.

CONTENTS

Quick Links

  • Demo Site
  • Pricing
  • Contact Us

Products

  • WP Reactions PRO
  • WP Reactions Lite
  • Emoji Uploader

Support

  • Open a Ticket
  • Lite Support
  • Knowledge Base
  • Terms of Use
  • Refund Policy
  • Privacy

© Copyright 2022, All Rights Reserved WP Reactions, LLC