{"id":40600,"date":"2023-07-10T11:37:30","date_gmt":"2023-07-10T15:37:30","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=40600"},"modified":"2025-08-14T15:04:06","modified_gmt":"2025-08-14T19:04:06","slug":"how-to-add-monstereffects-animations-to-your-lightbox-popup","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-add-monstereffects-animations-to-your-lightbox-popup\/","title":{"rendered":"How to Add MonsterEffects\u2122 Animations to Your Lightbox Popup"},"content":{"rendered":"\n<p>OptinMonster makes it easy to catch visitor&#8217;s attention and increase conversions with animated MonsterEffects\u2122. Draw your visitor&#8217;s eye to your popup by adding a unique animated effect when it appears on-screen,<\/p>\n\n\n\n<p>In this article, you\u2019ll learn how to add MonsterEffects\u2122 Animations to any popup campaign.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column alert alert-info is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><em>Before you start<\/em><\/strong>, this feature is available with a <a href=\"https:\/\/optinmonster.com\/pricing\" target=\"_blank\" rel=\"noopener\" title=\"Pro and higher subscription\">Plus and higher subscription<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><em><strong>MonsterEffects\u2122 can only be applied to <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-lightbox-popup-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Popup<\/a> type campaigns.<\/strong><\/em><\/p>\n\n\n\n<p><strong><a href=\"https:\/\/app.monstercampaigns.com\/c\/x1gsfcrsdhjuxgjoxfif\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Click Me to See MonsterEffects\u2122 in Action<\/a>!<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create\">Configure MonsterEffects\u2122<\/h2>\n\n\n\n<p>To add a MonsterEffects\u2122 Animation to your campaign, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the <strong>Display Rules<\/strong> view in the campaign builder.<br><img decoding=\"async\" width=\"800\" height=\"560\" class=\"alignnone size-full wp-image-180093\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view.jpg\" alt=\"Navigate to the Display Rules in the OptinMonster campaign builder.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view-300x210.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view-768x538.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>From the&nbsp;<strong>Actions<\/strong> tab of the <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-and-import-saved-rulesets-in-optinmonster\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Ruleset<\/a> you&#8217;re editing, select the <strong>MonsterEffects\u2122<\/strong> animation you would like to use.<br><img decoding=\"async\" width=\"800\" height=\"506\" class=\"alignnone size-full wp-image-152398\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/10\/display-rules-action-select-monstereffect.png\" alt=\"\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/10\/display-rules-action-select-monstereffect.png 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/10\/display-rules-action-select-monstereffect-300x190.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/10\/display-rules-action-select-monstereffect-768x486.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>The following animations are available to choose from:\n<ul class=\"wp-block-list\">\n<li>No Effect (default)<\/li>\n\n\n\n<li>Bounce<\/li>\n\n\n\n<li>Flash<\/li>\n\n\n\n<li>Pulse<\/li>\n\n\n\n<li>Rubber Band<\/li>\n\n\n\n<li>Shake<\/li>\n\n\n\n<li>Swing<\/li>\n\n\n\n<li>Tada<\/li>\n\n\n\n<li>Wobble<\/li>\n\n\n\n<li>Bounce&nbsp;In<\/li>\n\n\n\n<li>Bounce In&nbsp;(Down)<\/li>\n\n\n\n<li>Bounce In&nbsp;(Left)<\/li>\n\n\n\n<li>Bounce In&nbsp;(Right)<\/li>\n\n\n\n<li>Bounce In&nbsp;(Up)<\/li>\n\n\n\n<li>Flip<\/li>\n\n\n\n<li>Flip Down<\/li>\n\n\n\n<li>Flip Side<\/li>\n\n\n\n<li>Light Speed<\/li>\n\n\n\n<li>Rotate<\/li>\n\n\n\n<li>Rotate (Down Left)<\/li>\n\n\n\n<li>Rotate (Down Right)<\/li>\n\n\n\n<li>Rotate (Up Left)<\/li>\n\n\n\n<li>Rotate (Up Right)<\/li>\n\n\n\n<li>Slide In (Down)<\/li>\n\n\n\n<li>Slide In (Left)<\/li>\n\n\n\n<li>Slide In (Right)<\/li>\n\n\n\n<li>Roll In<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>When you are finished, <strong>Save<\/strong> the campaign.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQs<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"campaign-type\">Can I add MonsterEffects\u2122 to other campaign types?<\/h5>\n\n\n\n<p>No, it is only possible to use MonsterEffects\u2122 with the Popup campaign type.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"speed\">Can I customize the animation speed for MonsterEffects\u2122?<\/h5>\n\n\n\n<p>No, at this time it is not possible to customize the animation speed for any MonsterEffects\u2122 animation.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Can I add sound effects to my campaigns, too?<\/h5>\n\n\n\n<p>Yes! The process is similar to adding MonsterEffects\u2122. See our guide on <a href=\"https:\/\/optinmonster.com\/docs\/how-to-add-sound-effects-to-your-campaign\/\" target=\"_blank\" rel=\"noopener\" title=\"How to Add Sound Effects to Your Campaign\">how to add sound effects to your campaigns<\/a>!<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster makes it easy to catch visitor&#8217;s attention and increase conversions with animated MonsterEffects\u2122. Draw your visitor&#8217;s eye to your popup by adding a unique animated effect when it appears on-screen, In this article, you\u2019ll learn how to add MonsterEffects\u2122 Animations to any popup campaign. MonsterEffects\u2122 can only be applied to Popup type campaigns. Click&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[11],"documentation\/tags":[31399,31415,31411,31456],"class_list":["post-40600","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-functionality"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/40600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=40600"}],"version-history":[{"count":18,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/40600\/revisions"}],"predecessor-version":[{"id":198229,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/40600\/revisions\/198229"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=40600"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=40600"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=40600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}