{"id":61020,"date":"2024-11-30T06:49:35","date_gmt":"2024-11-30T06:49:35","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/"},"modified":"2024-11-30T06:51:11","modified_gmt":"2024-11-30T06:51:11","slug":"build-a-thanksgiving-game-for-subscribers-this-season","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/","title":{"rendered":"Build a Thanksgiving Game for Subscribers this Season"},"content":{"rendered":"<p> <a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<div>\n<p>Inventing a sport is one factor; implementing it in e mail, one other. It is because:<\/p>\n<ul>\n<li><strong>Growing a sport is dear and time-consuming. <br \/><\/strong><\/li>\n<li><strong>E mail gamification shouldn&#8217;t be everybody\u2019s cup of tea, so it might result in a sort of evaluation paralysis mid-project, inflicting limbo. <\/strong><\/li>\n<li><strong>Consumer compatibility stands out as the largest problem.<\/strong><\/li>\n<li><strong>Cellular accessibility will be fairly tough to tug off.<\/strong>\u00a0<\/li>\n<\/ul>\n<p>Due to this fact, if you wish to <a href=\"https:\/\/email.uplers.com\/blog\/gamification-email-marketing\/\" target=\"_blank\" rel=\"noreferrer noopener\">gamify an email<\/a>, you want greater than experience. You want expertise, instinct, and a reliable group.\u00a0<\/p>\n<p>Gamification being one in all our robust fits, our builders know what precisely goes into creating fully-functioning video games for e mail. On this information, we present how we constructed our newest Thanksgiving sport for our subscribers. Let\u2019s go!<\/p>\n<h2 id=\"How\"><strong>How the Thanksgiving Sport Works<\/strong><\/h2>\n<p>Our <a href=\"https:\/\/email.uplers.com\/blog\/thanksgiving-email-templates-inspirations\/\">Thanksgiving<\/a> sport options Oliver and his cat, Whiskers, who&#8217;s lacking. As Oliver, you could discover the appropriate kitchen cabinet to get a turkey and use it to lure Whiskers again so you may rejoice Thanksgiving collectively.\u00a0<\/p>\n<p>We advocate that you just <a href=\"https:\/\/emailmarketing.uplers.com\/can-you-help-oliver-find-whiskers-this-thanksgiving?hs_preview=vdOERKHf-182704132920\">play the game<\/a> your self first.\u00a0<\/p>\n<p>Earlier than diving into how we constructed the sport, let\u2019s first evaluation the important thing CSS properties used to handle visuals, shows, and animations. These are:<\/p>\n<ul>\n<li><strong>Opacity\u00a0<\/strong><\/li>\n<li><strong>Visibility\u00a0<\/strong><\/li>\n<li><strong>Keyframes<\/strong><\/li>\n<li><strong>Labels\u00a0<\/strong><\/li>\n<\/ul>\n<p>Let\u2019s perceive every of those in some element.\u00a0<\/p>\n<h3>1. <strong>Opacity<\/strong><\/h3>\n<p>The opacity property manages a component\u2019s transparency.\u00a0<\/p>\n<p>Set to <strong>opacity: 0;<\/strong>, the aspect turns into absolutely invisible whereas remaining a part of the format and interactive.\u00a0<\/p>\n<p>This property is especially helpful for creating fade results.<\/p>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">.transparent-element   {\nopacity: 0; \/* Ingredient is invisible however nonetheless clickable *\/\n}\n<\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"banner_wrapper\" style=\"\">\n<div class=\"banner  banner-41179 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\" target=\"_blank\" href=\"https:\/\/email.uplers.com\/holiday-page\/?utm_source=email_uplers&amp;utm_medium=blog_cta_banner&amp;utm_campaign=holiday_campaign\"><img loading=\"lazy\" width=\"1000\" height=\"375\" alt=\"Holiday email templates\" data-sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/10\/CRO-Banner.jpg 1000w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/10\/CRO-Banner-300x113.jpg 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/10\/CRO-Banner-768x288.jpg 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/10\/CRO-Banner-624x234.jpg 624w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/10\/CRO-Banner.jpg\" class=\"attachment-full size-full nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"NzI5Ojg4NA==-1\"\/><\/a><\/div>\n<\/div>\n<h3>2. <strong>Visibility<\/strong><\/h3>\n<p>The visibility property hides a component with out eradicating it from the format.<\/p>\n<p>When set to <strong>visibility: hidden;<\/strong>, the aspect turns into invisible and non-interactive however continues to occupy area.<\/p>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">.hidden-element   {\nvisibility: hidden; \/* Ingredient is hidden and non-interactable *\/\n}\n<\/code><\/pre>\n<\/div>\n<\/div>\n<h3>3. <strong>Keyframes<\/strong><\/h3>\n<p>Keyframes allow you to outline the intermediate phases of an animation, specifying the beginning, center, and finish states.\u00a0<\/p>\n<p>This permits for clean transitions of properties equivalent to opacity.<\/p>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">\/* Outline the fade-in animation *\/\n@keyframes fade-in02 {\n 0% {\n opacity: 0;          \/* Absolutely clear *\/\n visibility: hidden;  \/* Hidden from format *\/\n}\n 100% {\n opacity: 1;          \/* Absolutely seen *\/\n visibility: seen; \/* Seen in format *\/<\/code><\/pre>\n<\/div>\n<\/div>\n<h3>4. <strong>Labels<\/strong><\/h3>\n<p>Labels in HTML interactive emails are important for enhancing engagement.\u00a0<\/p>\n<p>Typically paired with kind components like checkboxes, radio buttons, and enter fields, they facilitate actions equivalent to toggling content material visibility, revealing hidden sections, or enabling in-email navigation. By linking a label\u2019s <strong>for <\/strong>attribute to the corresponding kind aspect\u2019s <strong>id<\/strong>, labels develop into clickable, enhancing accessibility and interactivity. When used creatively, labels can create dynamic e mail layouts, together with collapsible menus, content material revealers, and surveys\u2014all with out counting on exterior scripts, making certain broad compatibility throughout e mail purchasers.<\/p>\n<p>Let\u2019s now perceive the complete sport intimately.<\/p>\n<h2 id=\"Diving\"><strong>Diving into the Nitty-gritty!<\/strong><\/h2>\n<p>Right here\u2019s the preview of our Thanksgiving sport.\u00a0<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img alt=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/edmimages.net\/edm\/2018-LiveImages-EDM\/blog\/resources\/uploads\/upload_images\/do_not_delete_files\/image3.gif\" class=\"nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"ODExOjIwMA==-1\"\/><\/figure>\n<\/div>\n<h2><strong>Labels and Web page Transitions<\/strong><\/h2>\n<ol>\n<li><strong>Checkbox:<br \/><\/strong>The checkbox <strong><input type=\"\u201dcheckbox\u201d\" id=\"\u201dredirect-checkbox\u201d\"\/><\/strong> is hidden utilizing <strong>show: none;<\/strong>. It serves because the set off for the transition.<\/li>\n<li><strong>Label:<br \/><\/strong>The <strong><label for=\"\u201dredirect-checkbox\u201d\"\/><\/strong> is styled to resemble a button. Clicking the label toggles the hidden checkbox.<\/li>\n<li><strong>CSS Logic:<br \/><\/strong>\n<ul>\n<li>The <strong><a\/><\/strong> hyperlink is initially hidden utilizing <strong>show: none;<\/strong>.<\/li>\n<li>When the checkbox is checked (<strong>#redirect-checkbox:checked<\/strong>), CSS makes the hyperlink seen.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>4. <strong>Redirection:<br \/><\/strong>The person clicks the label to disclose the hyperlink, and clicking the hyperlink redirects them to the subsequent web page.<\/p>\n<h2\/>\n<h2 id=\"Frame\"><strong>Body 1<\/strong><\/h2>\n<div class=\"wp-block-image border1-black\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"891\" height=\"883\" alt=\"\" data-sizes=\"auto, (max-width: 891px) 100vw, 891px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5.png 891w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5-300x297.png 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5-150x150.png 150w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5-768x761.png 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5-141x140.png 141w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5-624x618.png 624w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5-24x24.png 24w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5-48x48.png 48w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5-96x96.png 96w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image1-5.png\" class=\"wp-image-41755 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"ODQ4OjEwMjA=-1\"\/><\/figure>\n<\/div>\n<h2\/>\n<p>We assigned the label title <strong>em_help<\/strong> to outline the interactive space for the press occasion. The label is related to an <strong>enter<\/strong> aspect (checkbox or radio) through the <strong>for <\/strong>attribute and wraps a clickable picture. The picture serves as a visually partaking call-to-action (CTA) aspect, styled with properties like width, peak, and alt textual content to make sure accessibility and responsiveness.\u00a0<\/p>\n<p>When the label is clicked, it toggles the hidden <strong>enter<\/strong> aspect with the ID <strong>em_help<\/strong>, which will be additional styled or linked utilizing CSS guidelines or HTML logic to carry out a redirection or set off an motion to the second web page. This strategy combines performance, interactivity, and visible enchantment to create an intuitive person expertise.<\/p>\n<h2\/>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\"><tr><td align=\"center\" valign=\"top\" class=\"em_f1_ctaimg01\">\n    <label for=\"em_help\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/2700725.fs1.hubspotusercontent-na1.net\/hubfs\/2700725\/Thanksgiving_2024\/cta_01.png\" width=\"346\" height=\"72\" alt=\"YEAH, LET'S HELP OLIVER\" style=\"display: block; &#10;               font-family: Arial, sans-serif; &#10;               font-size: 14px; &#10;               line-height: 18px; &#10;               color: #000000; &#10;               max-width: 346px;\" border=\"0\"\/><\/label>\n  <\/td>\n<\/tr><\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"banner_wrapper\" style=\"\">\n<div class=\"banner  banner-40230 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\" target=\"_blank\" href=\"https:\/\/email.uplers.com\/hire-dedicated-email-developer\/\"><img loading=\"lazy\" width=\"1001\" height=\"376\" alt=\"Responsive Email Design\" data-sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/07\/Banner-02-100.jpg 1001w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/07\/Banner-02-100-300x113.jpg 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/07\/Banner-02-100-768x288.jpg 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/07\/Banner-02-100-624x234.jpg 624w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/07\/Banner-02-100.jpg\" class=\"attachment-full size-full nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"ODkzOjgzNg==-1\"\/><\/a><\/div>\n<\/div>\n<h2\/>\n<h2 id=\"2\"><strong>Body 2<\/strong><\/h2>\n<div class=\"wp-block-image border1-black\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"629\" height=\"882\" alt=\"\" data-sizes=\"auto, (max-width: 629px) 100vw, 629px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image8-2.png 629w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image8-2-214x300.png 214w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image8-2-100x140.png 100w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image8-2-624x875.png 624w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image8-2.png\" class=\"wp-image-41756 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"OTA1OjYwOQ==-1\"\/><\/figure>\n<\/div>\n<p>When the label is checked, Body 2 turns into seen with a clean and dynamic animation. This animation sequence first reveals Whisker (the cat) and Oliver (the boy), adopted by the looks of the second body pop-up after a 1-second delay. The keyframe animation <strong>slide-in-elliptic-top-fwd<\/strong> is accountable for this impact. Initially, the aspect begins off-screen, positioned at <strong>translateY(-600px)<\/strong>, with a rotation on the X-axis and scaled right down to 0. This creates an impact of the aspect \u201cflying in\u201d from the highest whereas rotating barely. Because the animation progresses, the aspect easily strikes to its remaining place (<strong>translateY(0)<\/strong>) with no rotation or scaling, progressively changing into absolutely seen with an opacity transition from 0 to 1.<\/p>\n<p>The animation has a 1-second delay (<strong>animation-delay: 1s<\/strong>), making certain that the content material seems after the label is checked, permitting for a clean, timed transition. Using <strong>visibility: seen<\/strong> and <strong>opacity: 1<\/strong> makes the aspect absolutely seem on display screen, whereas <strong>visibility: hidden<\/strong> ensures it isn&#8217;t displayed earlier than the animation begins. This creates a visually partaking and polished impact that enhances the person expertise by permitting content material to seem in a coordinated and aesthetically pleasing approach.<\/p>\n<h2\/>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">\/* Body 2 Comes after Some Delay *\/\n#em_help:checked~desk .slide-in-elliptic-top-fwd {\n -webkit-animation: slide-in-elliptic-top-fwd 1s ease-in each;\n animation: slide-in-elliptic-top-fwd 1s ease-in each;\n animation-delay: 1s;\n -webkit-animation-delay: 1s;\n opacity: 0;\n visibility: hidden;\n}\n @-webkit-keyframes slide-in-elliptic-top-fwd {\n 0% {\n -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);\n remodel: translateY(-600px) rotateX(-30deg) scale(0);\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n}\n 100% {\n -webkit-transform: translateY(0) rotateX(0) scale(1);\n remodel: translateY(0) rotateX(0) scale(1);\n -webkit-transform-origin: 50% 1400px;\n transform-origin: 50% 1400px;\n opacity: 1;\n visibility: seen;\n}\n}\n @keyframes slide-in-elliptic-top-fwd {\n 0% {\n -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);\n remodel: translateY(-600px) rotateX(-30deg) scale(0);\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;<\/code><\/pre>\n<\/div>\n<\/div>\n<h2\/>\n<h2 id=\"3\"><strong>Frames 3 &amp; 4<\/strong><\/h2>\n<div class=\"wp-block-image border1-black\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"532\" alt=\"\" data-sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image6-1024x532.jpg 1024w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image6-300x156.jpg 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image6-768x399.jpg 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image6-269x140.jpg 269w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image6-540x282.jpg 540w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image6-624x324.jpg 624w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image6.jpg 1399w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image6-1024x532.jpg\" class=\"wp-image-41757 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"OTY3Ojg2MQ==-1\"\/><\/figure>\n<\/div>\n<h2\/>\n<p>After the second body seems, clicking a button triggers the redirection to the third body. The third body will fade in utilizing the <strong>fade-in<\/strong> keyframe animation, stay seen for a couple of seconds, after which fade out utilizing the <strong>fade-out<\/strong> keyframe animation, easily transitioning to the 4th body. This sequence is activated when the related label is checked, triggering the animations.<\/p>\n<p>The <strong>fade-in<\/strong> keyframe animation progressively will increase the opacity of the third body, making it seen, whereas the <strong>fade-out<\/strong> keyframe animation decreases the opacity, inflicting the body to vanish.\u00a0<\/p>\n<h2\/>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">#em_enter:checked~desk .em_frame3 {\n -webkit-animation: fade-in-out 5s ease-in-out each;\n animation: fade-in-out 5s ease-in-out each;\n \n}\n @-webkit-keyframes fade-in-out {\n 0% {\n opacity: 0;\n}\n 20% {\n opacity: 1;\n}\n 80% {\n opacity: 1;\n}\n 100% {\n opacity: 0;\n}\n}\n @keyframes fade-in-out {\n 0% {\n opacity: 0;\n}\n 20% {\n opacity: 1;\n}\n 80% {\n opacity: 1;\n}\n 100% {\n opacity: 0;\n}\n#em_enter:checked~desk .em_frame4 {\n -webkit-animation: fade-in02 3s ease-in each;\n animation: fade-in02 3s ease-in each;\n animation-delay: 4s;\n -webkit-animation-delay: 4s;\n}\n @-webkit-keyframes fade-in02 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n @keyframes fade-in02 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n#em_enter:checked~desk .em_frame4 {\n opacity: 0;\n visibility: hidden;\n\n<\/code><\/pre>\n<\/div>\n<\/div>\n<h2 id=\"5\"><strong>Frames 5 &amp; 6<\/strong><\/h2>\n<figure class=\"wp-block-image size-full border1-black\"><img loading=\"lazy\" width=\"1116\" height=\"535\" alt=\"\" data-sizes=\"auto, (max-width: 1116px) 100vw, 1116px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image2-1.jpg 1116w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image2-1-300x144.jpg 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image2-1-1024x491.jpg 1024w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image2-1-768x368.jpg 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image2-1-292x140.jpg 292w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image2-1-624x299.jpg 624w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image2-1.jpg\" class=\"wp-image-41759 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"MTA2MTo3NTg=-1\"\/><\/figure>\n<div class=\"wp-block-image border1-black\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"472\" alt=\"\" data-sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image5-1-1024x472.jpg 1024w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image5-1-300x138.jpg 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image5-1-768x354.jpg 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image5-1-624x288.jpg 624w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image5-1.jpg 1200w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image5-1-1024x472.jpg\" class=\"wp-image-41786 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"MTA2NTo3MDk=-1\"\/><\/figure>\n<\/div>\n<p>Within the kitchen scene, a cabinet and two interactive buttons are introduced. When a person clicks a button, the cabinet opens to disclose completely different gadgets primarily based on the choice. Clicking the left button reveals a turkey inside the cabinet, whereas the appropriate button shows a canine. This interactive aspect provides dynamism, permitting the person\u2019s option to affect the result.<\/p>\n<p>As soon as the merchandise (turkey or canine) is revealed, the scene transitions easily to the subsequent body, persevering with the <a href=\"https:\/\/email.uplers.com\/infographics\/holiday-email-marketing\/Holiday-Email-Marketing.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">gamified flow<\/a>. The timed transition ensures the content material progresses seamlessly after a short interplay, enhancing the general person expertise.<\/p>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">\/*Body 5 CSS*\/\n#em_left_door:checked~desk .em_left_door {\n background: url(https:\/\/2700725.fs1.hubspotusercontent-na1.web\/hubfs\/2700725\/Thanksgiving_2024\/cup_left_open.png) left prime no-repeat;\n width: 368px;\n peak: 320px;\n}\n#em_right_door:checked~desk .em_right_door {\n background: url(https:\/\/2700725.fs1.hubspotusercontent-na1.web\/hubfs\/2700725\/Thanksgiving_2024\/cup_right_open.png) proper prime no-repeat;\n width: 368px;\n peak: 320px;\n}\n#em_left_door:checked~desk .turkey_img_show {\n show: block !necessary;\n}\n#em_left_door:checked~desk .f5_em_opacity {\n background-color: rgba(250, 213, 194, 0.8) !necessary;\n}\n#em_right_door:checked~desk .em_left_door {\n show: none !necessary;\n}\n#em_left_door:checked~desk .em_right_door {\n show: none !necessary;\n}\n\/* After Enter Left Door *\/\n#em_left_door:checked~desk .em_frame6 {\n z-index: 999 !necessary;\n -webkit-animation: fade-in02 1s ease-in each;\n animation: fade-in02 1s ease-in each;\n animation-delay: 1s;\n -webkit-animation-delay: 1s;\n}\n @-webkit-keyframes fade-in02 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n @keyframes fade-in02 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n\/* After Enter Proper Door *\/\n#em_right_door:checked~desk .em_frame5 {\n z-index: 999 !necessary;\n -webkit-animation: fade-in02 1s ease-in each;\n animation: fade-in02 1s ease-in each;\n animation-delay: 2s;\n -webkit-animation-delay: 2s;\n}\n @-webkit-keyframes fade-in02 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n @keyframes fade-in02 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n<\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"banner_wrapper\" style=\"\">\n<div class=\"banner  banner-39980 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\" target=\"_blank\" href=\"https:\/\/email.uplers.com\/interactive-email-design-elements\/\"><img loading=\"lazy\" width=\"1000\" height=\"240\" alt=\"Gamified Emails\" data-sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/06\/email_gamification.png 1000w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/06\/email_gamification-300x72.png 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/06\/email_gamification-768x184.png 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/06\/email_gamification-624x150.png 624w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/06\/email_gamification.png\" class=\"attachment-full size-full nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"MTE2Nzo4NTU=-1\"\/><\/a><\/div>\n<\/div>\n<h2 id=\"7\"><strong>Body 7<\/strong><\/h2>\n<figure class=\"wp-block-image size-full border1-black\"><img loading=\"lazy\" width=\"811\" height=\"783\" alt=\"\" data-sizes=\"auto, (max-width: 811px) 100vw, 811px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image10-3.png 811w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image10-3-300x290.png 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image10-3-768x741.png 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image10-3-145x140.png 145w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image10-3-624x602.png 624w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image10-3-24x24.png 24w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image10-3.png\" class=\"wp-image-41760 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"MTE3OTo3NTY=-1\"\/><\/figure>\n<div class=\"wp-block-image border1-black\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"559\" height=\"334\" alt=\"\" data-sizes=\"auto, (max-width: 559px) 100vw, 559px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image7-4.png 559w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image7-4-300x179.png 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image7-4-234x140.png 234w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image7-4.png\" class=\"wp-image-41761 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"MTE4Mzo1MjU=-1\"\/><\/figure>\n<\/div>\n<h2\/>\n<p>Clicking on the white field strikes the turkey onto the desk. When the checkbox with the ID <strong>em_click_turkey<\/strong> is checked, the turkey aspect (<strong>.em_turkeyin<\/strong>) turns into seen and animates with a <strong>bounce-table<\/strong> impact, transferring from the underside place, creating the looks of the turkey bouncing onto the desk.<\/p>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">\/* Click on On Turkey *\/\n#em_click_turkey:checked~desk .em_turkeyin {\n place: absolute;\n visibility: seen !necessary;\n opacity: 1 !necessary;\n -webkit-animation: bounce-table 1s ease-out forwards;\n animation: bounce-table 1s ease-out forwards;\n}\n @-webkit-keyframes bounce-table {\n 0% {\n backside: 26px;\n}\n 100% {\n backside: 215px;\n}\n}\n @keyframes bounce-table {\n 0% {\n backside: 26px;\n}\n 100% {\n backside: 215px;\n}\n}\n#em_click_turkey:checked~desk .em_f11_imgt {\n background: url(https:\/\/2700725.fs1.hubspotusercontent-na1.web\/hubfs\/2700725\/Thanksgiving_2024\/turkey_image_03.png) heart prime no-repeat !necessary;\n background-size: include !necessary;\n}\n#em_living_room:checked~desk .em_fadeout {\n -webkit-animation: fade-out 1s ease-in each;\n animation: fade-out 1s ease-in each;\n animation-delay: 7s;\n -webkit-animation-delay: 7s;\n}\n @-webkit-keyframes fade-out {\n 0% {\n opacity: 1;\n visibility: seen;\n}\n 100% {\n opacity: 0;\n visibility: hidden;\n}\n}\n @keyframes fade-out {\n 0% {\n opacity: 1;\n visibility: seen;\n}\n 100% {\n opacity: 0;\n visibility: hidden;\n}\n}\n#em_living_room:checked~desk .turkey-button-in {\n -webkit-animation: fade-in07 1s ease-in each;\n animation: fade-in07 1s ease-in each;\n \n}\n @-webkit-keyframes fade-in07 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n @keyframes fade-in07 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n<\/code><\/pre>\n<\/div>\n<\/div>\n<h2 id=\"8\"><strong>Body 8<\/strong><\/h2>\n<div class=\"wp-block-image border1-black\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"705\" height=\"480\" alt=\"\" data-sizes=\"auto, (max-width: 705px) 100vw, 705px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image9-2.png 705w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image9-2-300x204.png 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image9-2-206x140.png 206w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image9-2-624x425.png 624w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image9-2.png\" class=\"wp-image-41762 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"MTI4Njo2MDk=-1\"\/><\/figure>\n<\/div>\n<h2\/>\n<p>Clicking on the turkey triggers a transition to the subsequent body. When the checkbox with the ID <strong>em_click_turkey<\/strong> is checked, the background of the aspect <strong>.em_f11_imgt<\/strong> is up to date to show a brand new turkey picture, making certain a clean visible transition.<\/p>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">#em_click_turkey:checked~desk .em_frame8 {\n -webkit-animation: fade-in04 1s ease-in each;\n animation: fade-in04 1s ease-in each;\n animation-delay: 1s;\n -webkit-animation-delay: 1s;\n}\n @-webkit-keyframes fade-in04 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n @keyframes fade-in04 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;<\/code><\/pre>\n<\/div>\n<\/div>\n<h2\/>\n<h2 id=\"9\"><strong>Frames 9 &amp; 10<\/strong><\/h2>\n<div class=\"wp-block-image border1-black\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"1288\" height=\"478\" alt=\"\" data-sizes=\"auto, (max-width: 1288px) 100vw, 1288px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image4.jpg 1288w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image4-300x111.jpg 300w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image4-1024x380.jpg 1024w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image4-768x285.jpg 768w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image4-624x232.jpg 624w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image4.jpg\" class=\"wp-image-41763 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"MTMzMzo2ODc=-1\"\/><\/figure>\n<\/div>\n<h2\/>\n<p>Clicking the \u201cAgain to Kitchen\u201d button triggers the subsequent body, and after a couple of seconds, Body 9, which incorporates a timer, seems. When the checkbox with the ID <strong>em_back_kitchen<\/strong> is checked, the background of the aspect <strong>.em_frames_bg01<\/strong> updates to point out the kitchen counter picture, creating a visible cue for the subsequent a part of the sequence.<\/p>\n<p>The timer impact is achieved utilizing the <strong>timer01<\/strong> keyframe animation. The animation shifts the background place from prime to backside, simulating the countdown or development of time. Because the background strikes, it visually signifies that the timer is operating, enhancing the interactive expertise.<\/p>\n<p>As soon as the timer ends, Body 10 transitions to disclose a CTA (call-to-action) button, permitting the person to maneuver again to the lounge.<\/p>\n<p>Clicking the \u201cGo Again to the Dwelling Room\u201d button triggers the show of the subsequent body, which incorporates a CTA that includes a Twitter share hyperlink.<\/p>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">\/* Timer Operating Out  *\/\n\n#em_back_kitchen:checked~desk .em_frames_bg01 {\n animation: timer01 steps(4) 5s backwards;\n -webkit-animation: timer01 steps(4) 5s backwards;\n}\n#em_back_kitchen:checked~desk .em_frames_bg01 {\n background: url(https:\/\/2700725.fs1.hubspotusercontent-na1.web\/hubfs\/2700725\/Thanksgiving_2024\/Counter.png) heart backside no-repeat;\n background-size: 100%;\n}\n @-webkit-keyframes timer01 {\n 0% {\n background-position: prime;\n}\n 100% {\n background-position: backside;\n}\n}\n @keyframes timer01 {\n 0% {\n background-position: prime;\n}\n 100% {\n background-position: backside;\n}\n}\n#em_back_kitchen:checked~desk .em_hide_game {\n z-index: -999 !necessary;\n -webkit-animation: time-out 0.5s each;\n animation: time-out 0.5s each;\n animation-delay: 6s;\n -webkit-animation-delay: 6s;\n}\n @-webkit-keyframes time-out {\n from {\n opacity: 1;\n visibility: seen;\n}\n 10% {\n opacity: 0;\n visibility: hidden;\n}\nto {\n opacity: 0;\n visibility: hidden;\n}\n}\n @keyframes time-out {\n from {\n opacity: 1;\n visibility: seen;\n}\n 10% {\n opacity: 0;\n visibility: hidden;\n}\nto {\n opacity: 0;\n visibility: hidden;\n}\n}\n#em_back_kitchen:checked~desk .em_frame10 {\n z-index: 999 !necessary;\n -webkit-animation: fade-in05 1s ease-in each;\n animation: fade-in05 1s ease-in each;\n animation-delay: 6.5s;\n -webkit-animation-delay: 6.5s;\n}\n @-webkit-keyframes fade-in05 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n @keyframes fade-in05 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<h2\/>\n<h2 id=\"The\"><strong>The Ultimate Body<\/strong><\/h2>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"642\" height=\"859\" alt=\"\" data-sizes=\"auto, (max-width: 642px) 100vw, 642px\" data-srcset=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image11.png 642w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image11-224x300.png 224w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image11-105x140.png 105w, https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image11-624x835.png 624w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn-ilahcid.nitrocdn.com\/IgUVUxklLZBZXuzpHWqURmbCeIMtyrQd\/assets\/images\/optimized\/rev-9f72688\/email.uplers.com\/blog\/wp-content\/uploads\/2024\/11\/image11.png\" class=\"wp-image-41764 nitro-lazy\" decoding=\"async\" nitro-lazy-empty=\"\" id=\"MTQ1Njo1OTA=-1\"\/><\/figure>\n<\/div>\n<h2\/>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">\/* Ultimate Display screen *\/\n#em_back_living_room:checked~desk td.em_room {\n background: url(https:\/\/2700725.fs1.hubspotusercontent-na1.web\/hubfs\/2700725\/Thanksgiving_2024\/background_image02.jpg) heart prime no-repeat !necessary;\n background-size: cowl !necessary;\n}\n#em_back_living_room:checked~desk .em_share {\n z-index: 999 !necessary;\n -webkit-animation: fade-in06 1s ease-in each;\n animation: fade-in06 1s ease-in each;\n animation-delay: 1s;\n -webkit-animation-delay: 1s;\n}\n @-webkit-keyframes fade-in06 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n @keyframes fade-in06 {\n 0% {\n opacity: 0;\n visibility: hidden;\n}\n 100% {\n opacity: 1;\n visibility: seen;\n}\n}\n#em_back_living_room:checked~desk .em_kitchen {\n show: none;\n\n<\/code><\/pre>\n<\/div>\n<\/div>\n<h2 id=\"Fallback\"><strong>Fallback Model<\/strong><\/h2>\n<p>For e mail purchasers that don&#8217;t help HTML5 and CSS3, it&#8217;s essential to create an alternate block of code that replicates the format of the interactive content material.\u00a0<\/p>\n<p>This block will preserve the visible look of the e-mail\u2019s mechanics however with out interactivity, making certain that customers nonetheless have a constant and visually interesting expertise. Whereas the <a href=\"https:\/\/email.uplers.com\/interactive-email-design-elements\/\">interactive elements<\/a> (like buttons and animations) received\u2019t operate in these purchasers, customers can nonetheless interact with the content material by clicking on the weather, which is able to redirect them to the online model of the e-mail.\u00a0<\/p>\n<p>This ensures that the performance and full expertise of the e-mail are preserved throughout all platforms, even when superior options will not be supported.<\/p>\n<div class=\"dm-code-snippet dark dm-normal-version default no-background-mobile\" snippet-height=\"\" style=\"background-color:#abb8c3;\">\n<div class=\"control-language\">\n<pre class=\" no-line-numbers\"><code id=\"dm-code-raw\" class=\" no-wrap language-php\">\/* Fallback code Begin *\/\n  .em_fallback {\n   show: none;\n  }\n\n  .em_herosec {\n   show: block !necessary;\n  }\n\n  #MessageViewBody .em_fallback,\n  physique.MsgBody .em_fallback {\n   show: block !necessary;\n  }\n\n  .&amp; .yahoo-hide {\n   show: none !necessary;\n  }\n\n  .&amp; .yahoo-show {\n   show: block !necessary;\n  }\n\n  .&amp; .em_fallback {\n   show: block !necessary;\n  }\n\n  [class=\"x_em_fallback\"] {\n   show: block !necessary;\n  }\n\n  [id=\"x_hide-outlook\"] {\n   show: none !necessary;\n  }\n\n  [id=\"x_hide-gmail\"] {\n   show: none !necessary;\n  }\n\n  [id=\"x_hide-yahoo\"] {\n   show: none !necessary;\n  }\n\n  [id=\"x_show-outlook\"] {\n   show: block !necessary;\n  }\n\n  u+.em_body .gmail-hide {\n   show: none !necessary;\n  }\n\n  u+.em_body .gmail-show {\n   show: block !necessary;\n<\/code><\/pre>\n<\/div>\n<\/div>\n<h2 id=\"Wrapping\"><strong>Wrapping Up!<\/strong><\/h2>\n<p><a href=\"https:\/\/email.uplers.com\/interactive-email-templates\/\">Interactive emails<\/a> revolutionize the best way manufacturers interact with their audiences.\u00a0<\/p>\n<p>Not like static emails, interactive emails permit customers to work together straight throughout the e mail by clicking buttons, enjoying video games, filling out types, or navigating carousels. These dynamic components not solely make the e-mail expertise extra pleasing but additionally considerably enhance engagement, click-through charges, and conversions.<\/p>\n<p>Curious to take a look at extra such video games? Play our newest:<\/p>\n<\/p><\/div>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/><a href=\"https:\/\/email.uplers.com\/blog\/the-developers-guide-to-email-gamification\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Inventing a sport is one factor; implementing it in e mail, one other. It is because: Growing a sport is dear and time-consuming. E mail&#8230;<\/p>\n","protected":false},"author":1,"featured_media":61021,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-61020","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-universe"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Build a Thanksgiving Game for Subscribers this Season - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build a Thanksgiving Game for Subscribers this Season - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-30T06:49:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-30T06:51:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/11\/The-Developers-Guide-to-Email-Gamification-540x282.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"Build a Thanksgiving Game for Subscribers this Season\",\"datePublished\":\"2024-11-30T06:49:35+00:00\",\"dateModified\":\"2024-11-30T06:51:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/\"},\"wordCount\":1493,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/The-Developers-Guide-to-Email-Gamification-540x282.jpg\",\"articleSection\":[\"Tech Universe\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/\",\"name\":\"Build a Thanksgiving Game for Subscribers this Season - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/The-Developers-Guide-to-Email-Gamification-540x282.jpg\",\"datePublished\":\"2024-11-30T06:49:35+00:00\",\"dateModified\":\"2024-11-30T06:51:11+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/The-Developers-Guide-to-Email-Gamification-540x282.jpg\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/The-Developers-Guide-to-Email-Gamification-540x282.jpg\",\"width\":540,\"height\":282},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2024\\\/11\\\/30\\\/build-a-thanksgiving-game-for-subscribers-this-season\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build a Thanksgiving Game for Subscribers this Season\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Build a Thanksgiving Game for Subscribers this Season - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/","og_locale":"en_US","og_type":"article","og_title":"Build a Thanksgiving Game for Subscribers this Season - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2024-11-30T06:49:35+00:00","article_modified_time":"2024-11-30T06:51:11+00:00","og_image":[{"width":540,"height":282,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/11\/The-Developers-Guide-to-Email-Gamification-540x282.jpg","type":"image\/jpeg"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"Build a Thanksgiving Game for Subscribers this Season","datePublished":"2024-11-30T06:49:35+00:00","dateModified":"2024-11-30T06:51:11+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/"},"wordCount":1493,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/11\/The-Developers-Guide-to-Email-Gamification-540x282.jpg","articleSection":["Tech Universe"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/","url":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/","name":"Build a Thanksgiving Game for Subscribers this Season - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/11\/The-Developers-Guide-to-Email-Gamification-540x282.jpg","datePublished":"2024-11-30T06:49:35+00:00","dateModified":"2024-11-30T06:51:11+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/11\/The-Developers-Guide-to-Email-Gamification-540x282.jpg","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2024\/11\/The-Developers-Guide-to-Email-Gamification-540x282.jpg","width":540,"height":282},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2024\/11\/30\/build-a-thanksgiving-game-for-subscribers-this-season\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"Build a Thanksgiving Game for Subscribers this Season"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/61020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=61020"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/61020\/revisions"}],"predecessor-version":[{"id":61022,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/61020\/revisions\/61022"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/61021"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=61020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=61020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=61020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}