Get Animation Addons Pro
Classic Elementor widget · Free

Post Reactions for Elementor Emoji and like buttons that let readers answer in one click

The Post Reactions widget is the Elementor post reactions widget that adds reaction buttons to your blog posts in Elementor: like, love, funny, wow, sad, angry and dislike. Readers react in one click, each button shows its count, and you style the buttons in the panel. Use it for Elementor emoji reactions or as a plain Elementor post like button, with no form or login.

Try it free See the live demos
  • Seven reaction types
  • Emoji, image or icon
  • Live counts per post
  • One reaction per visitor

Classic widget · Elementor 3 and 4Updated

Live demos

Reaction buttons, live

Four reaction sections on small sites: a row of emoji, round icon pills, stacked tiles and a yes or no question. Click a reaction to add it, and click again to take it back. Nothing is sent from this page.

Arolax®WorkJournalStudio
Journal · 6 min read

We cut the launch film from ninety seconds to thirty. Here is what stayed, what went, and why the logo moves last.

What did you think of this story?

End of a blog post

Seven reactions under a story

The journal of a branding agency. At the end of an article seven emoji reactions sit in a row, each with its count. Click one and its count goes up by one.

Click a reaction

The reactions are the defaults. Icon Type is Emoji, and in Reactions Button the Background is light grey with a slightly darker Background Color on hover.

Maison FormeProjectsJournalShop
A bright living room with a low sofa and wooden furniture
Journal · Living rooms

A low room for long summers

Lime plaster, oak and linen in a seaside flat near Biarritz. Notes on the palette, the sofa and the light.

Journal card

Round pills with image icons

The journal of an interior studio. Under a story card, four round pills hold a small coloured icon and a count, with no text. Each pill works as an Elementor like button with a count.

Click a pill

Each reaction uses Icon Type Custom Icon with an image. Show Level ? is off, so only the icon and the count show. In Reactions Button, Border Radius rounds the pills.

Sahara FilmsFilmsJournalContact
A man in a blue headscarf beside a camel, a still from the film
Behind the scenes

Forty days with the caravan

How a crew of six followed a salt caravan across the Ténéré, and why we shot the whole film on two lenses.

How did this story land?

Long read

Reaction tiles with icons

The journal of a film company. Under a story about a caravan shoot, four tiles stack the icon, the label and the count. Readers say how the story made them feel.

Pick a tile

In Reactions Button, set Display Direction to column. Each reaction uses Icon Type Font Icon, and Icon Size in Reaction Icon sets the icon.

Medica ClinicServicesHealth guidesBook
Health guide · Sleep

Seven habits for better sleep

Keep the same wake-up time every day, dim the lights an hour before bed, and leave the phone outside the bedroom. Small changes, kept for two weeks, make the biggest difference.

  1. Same wake-up timeWeekends too, within half an hour.
  2. Dim the lightsWarm, low light for the last hour.
  3. No phone in bedCharge it in another room.
  4. Cool and darkAround 18 °C, with heavy curtains.

Was this guide helpful?

Help article

Was this guide helpful?

A clinic's health guide ends with a yes and no pair, an Elementor like and dislike button. There is no count, so readers give quick feedback without seeing a tally.

Answer yes or no

Keep two reactions, with Type Like and Dislike, and write the Reaction Label as Yes and No. Turn Reaction Count? off and set Icon Type to Font Icon.

Features

Key features of Post Reactions

What the widget gives you, each tied to a setting in the Elementor panel.

Seven reaction types

Each reaction has a Type: like, love, funny, wow, sad, angry or dislike. Counts are kept per type.

Emoji, image or icon

Set Icon Type to Emoji, Custom Icon (an uploaded image) or Font Icon from the icon library.

Your own labels

Write any Reaction Label, such as Yes, Loved it or Helpful. The default labels include the emoji.

Counts that update

Turn on Reaction Count? to show an Elementor reaction count beside each reaction. It updates as soon as a reader clicks.

Labels on or off

Switch Show Level ? off to show only the icon and the count, for a compact row.

Row or column

Set Display Direction to row for pills, or column to stack icon, label and count as tiles.

One reaction per visitor

After a click the buttons lock for that post, and the server counts one reaction per visitor per post per hour.

Full button styling

Style the Reactions Button with Typography, Gap, Background, Padding, Border and Border Radius, set Normal and Hover Text Color, and size text with Label Size, Counter Size and Icon Size.

Step by step

How to add reactions in Elementor

Five steps. The bold names are the labels in the Elementor panel.

  1. Install the free Animation Addons plugin, then turn on Post Reactions in Animation Addons → Elements.

  2. Open your single post template in Elementor, search the panel for Post Reactions and drag it below the post content.

  3. In Reactions, keep the defaults or edit each item: Reaction Label, Icon Type and Type.

  4. Choose whether to show labels and counts with Show Level ? and Reaction Count?.

  5. Style the buttons in Reactions Button and Reaction Icon, then open a published post and click a reaction to test it.

Try it free Free on WordPress.org · Works with Elementor Free
FAQ

Questions about Post Reactions

How to add reactions in Elementor?

Add the Post Reactions widget to your single post template. It shows like, love, funny, wow, sad, angry and dislike buttons on every post, with a count for each.

Is this a free Elementor reactions plugin?

Yes. You get free Elementor post reactions from the free Animation Addons plugin on WordPress.org. The widget works with Elementor Free.

Where are the reaction counts stored?

In the post itself, as post meta. The widget keeps a total per reaction type and an overall total, so the numbers stay with the post.

Can one visitor react many times?

No. After a click the buttons lock on that post in the reader's browser, and the server counts one reaction per visitor per post per hour.

Can readers change their reaction?

Not on a live site. The first reaction counts and the buttons lock. The demos on this page let you click again so you can try every design.

Can I use my own icons instead of emoji?

Yes. Set Icon Type to Custom Icon to upload an image, or to Font Icon to pick one from the icon library.

How do I make an Elementor like and dislike button?

Keep only the Like and Dislike reactions and rename the labels if you like. Turn Reaction Count off for a quiet yes or no question.

How do I add a was this helpful button?

Use two reactions, Like and Dislike, and label them Yes and No. That gives you an Elementor was this helpful button at the end of a guide.

Can I use it as an Elementor post vote?

Yes. Like and Dislike work as a simple up or down vote on each post, and the counts are saved per post.

Does it work in Elementor 4?

Yes. It is a classic widget, so Elementor 4 lists it with the legacy widgets, and it works in both editors.

Animation Addons Pro · Elementor 4

Let readers react in one click

Emoji and like buttons with live counts, built and styled in Elementor.

Get Animation Addons Pro Try it free
  • 15-day money-back guarantee
  • Rated 4.6 / 5 on WordPress.org
  • No Elementor Pro needed
  • Elementor 3 & 4 in one license