{"componentChunkName":"component---src-views-feature-group-feature-group-tsx","path":"/features/interactions-and-animations/","result":{"pageContext":{"node":{"data":{"content":{"id":"2485","type":"node","bundle":"feature_group","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1777360158,"created":1757578181,"uuid":"e736ca4c-d972-446f-8531-c0dee4326f11","adminTitle":"No-code interactions and animations","translations":[{"title":"No-code interactions and animations","language":{"id":"en"},"url":{"path":"/features/interactions-and-animations/"}},{"title":"Interacciones y animaciones sin código","language":{"id":"es"},"url":{"path":"/es/funciones/interacciones-y-animaciones-sin-codigo/"}},{"title":"Interactions et animations sans code","language":{"id":"fr"},"url":{"path":"/fr/fonctionnalites/interactions-et-animations-sans-code/"}},{"title":"Interações e animações sem código","language":{"id":"pt-br"},"url":{"path":"/pt-br/funcionalidades/interacoes-e-animacoes-sem-codigo/"}},{"title":"Interazioni e animazioni senza codice","language":{"id":"it"},"url":{"path":"/it/funzioni/interazioni-e-animazioni-senza-codice/"}},{"title":"Interaktionen und Animationen ohne Code","language":{"id":"de"},"url":{"path":"/de/funktionen/interaktionen-und-animationen-ohne-code/"}}],"metasSchema":"{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"Corporation\",\"@id\":\"https:\\/\\/genially.com\\/#organization\",\"legalName\":\"Genially Web S.L.\",\"description\":\"Genially is a powerful no-code authoring tool that enables anyone to create dynamic, interactive learning experiences. While it began as a platform for interactive presentations and infographics, Genially has evolved into a leading solution for building e\",\"name\":\"Genially\",\"sameAs\":\"\\\"https:\\/\\/www.facebook.com\\/Genially\\/\\\", \\\"https:\\/\\/twitter.com\\/genially_en\\/\\\", \\\"https:\\/\\/www.instagram.com\\/genially_official\\/\\\", \\\"https:\\/\\/www.youtube.com\\/channel\\/UCtq6w3zpUc5tQYEC6Q8pImg\\\", \\\"https:\\/\\/www.linkedin.com\\/company\\/geniallyofficial\\/\\\", \\\"https:\\/\\/www.pinterest.com\\/geniallyofficial\\/\\\", \\\"https:\\/\\/es.wikipedia.org\\/wiki\\/Genially\\\", \\\"https:\\/\\/www.crunchbase.com\\/organization\\/genially\\\", \\\"https:\\/\\/www.g2.com\\/products\\/genially\\/\\\", \\\"https:\\/\\/www.getapp.com\\/collaboration-software\\/a\\/genially\\/\\\",\\r\\n\\\"https:\\/\\/www.capterra.com\\/p\\/146861\\/Genially\\/\\\",\\r\\n\\\"https:\\/\\/www.producthunt.com\\/products\\/genially\\\",\\r\\n\\\"https:\\/\\/www.tiktok.com\\/@genially_official\\\"\",\"url\":\"https:\\/\\/genially.com\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\/\\/assets.genially.com\\/s3fs-public\\/images\\/genially.png\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/genially.com\\/features\\/interactions-and-animations\\/\",\"author\":{\"@type\":\"Organization\",\"@id\":\"https:\\/\\/genially.com\\/#organization\",\"name\":\"Genially\",\"url\":\"https:\\/\\/genially.com\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\/\\/assets.genially.com\\/s3fs-public\\/images\\/genially.png\"}},\"hasPart\":{\"@type\":\"WebPageElement\",\"isAccessibleForFree\":\"True\",\"name\":\"Genially\",\"url\":\"https:\\/\\/genially.com\\/\",\"datePublished\":[\"Thu\",\"09\\/11\\/2025 - 10:09\"]},\"isAccessibleForFree\":\"True\",\"inLanguage\":\"en\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/genially.com\\/#website\",\"name\":\"Genially\",\"url\":\"https:\\/\\/genially.com\\/\",\"inLanguage\":\"en,es,fr,pt-br,it,de\"}]}","metas":[{"type":"MetaValue","property":"title","content":"Interactions and animations | Genially"},{"type":"MetaValue","property":"description","content":"Make any kind of content interactive, with no coding. Just select an element, and choose what you want to happen! Get started free."},{"type":"MetaLink","property":"canonical","content":"https://genially.com/features/interactions-and-animations/"},{"type":"MetaValue","property":"robots","content":"index, follow"},{"type":"MetaProperty","property":"og:site_name","content":"Genially"},{"type":"MetaProperty","property":"og:type","content":"website"},{"type":"MetaProperty","property":"og:url","content":"https://genially.com/features/interactions-and-animations/"},{"type":"MetaProperty","property":"og:image","content":"https://assets.genially.com/s3fs-public/images/genially.com_.png"},{"type":"MetaProperty","property":"og:email","content":"support@genially.com"},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"x-default","href":"https://genially.com/features/interactions-and-animations/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"en","href":"https://genially.com/features/interactions-and-animations/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"es","href":"https://genially.com/es/funciones/interacciones-y-animaciones-sin-codigo/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"fr","href":"https://genially.com/fr/fonctionnalites/interactions-et-animations-sans-code/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"pt-br","href":"https://genially.com/pt-br/funcionalidades/interacoes-e-animacoes-sem-codigo/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"it","href":"https://genially.com/it/funzioni/interazioni-e-animazioni-senza-codice/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"de","href":"https://genially.com/de/funktionen/interaktionen-und-animationen-ohne-code/"}}],"url":{"path":"/features/interactions-and-animations/"},"title":"No-code interactions and animations","displayTitle":"No-code interactions and animations","description":{"value":"<p>Make any kind of content interactive with Genially’s easy-to-use interactions and animations. Just select an element, and choose what you want to happen! Dive in and explore what’s possible.</p>","format":"full_html","processed":"<p>Make any kind of content interactive with Genially’s easy-to-use interactions and animations. Just select an element, and choose what you want to happen! Dive in and explore what’s possible.</p>"},"introDescription":{"value":"<p>Make any kind of content interactive with Genially’s easy-to-use interactions and animations. Just select an element, and choose what you want to happen! Dive in and explore what’s possible.</p>","format":"full_html","processed":"<p>Make any kind of content interactive with Genially’s easy-to-use interactions and animations. Just select an element, and choose what you want to happen! Dive in and explore what’s possible.</p>"},"mediaTeaser":{"entity":{"type":"MediaVideo","desktop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/02%20Teaser%202%20col%20No-code%20interactions%20and%20animations.mp4?VersionId=Id4LneVzpz1LisYujn0eMaV958ZvDUrb"}},"mobile":{"video":{"src":"https://assets.genially.com/s3fs-public/video/02%20Teaser%202%20col%20No-code%20interactions%20and%20animations_0.mp4?VersionId=_XQC2jaVpEu8zkNx3eE4_gbA2ium3I_H"}},"tablet":{"video":{"src":"https://assets.genially.com/s3fs-public/video/02%20Teaser%202%20col%20No-code%20interactions%20and%20animations_1.mp4?VersionId=UI7mpmq2LT6GrTZWReaJXTDTrV0cAYyM"}},"laptop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/02%20Teaser%202%20col%20No-code%20interactions%20and%20animations_2.mp4?VersionId=7O5cLO9nrl4ZiW6v.4qkT7MxMTILvkUQ"}}}},"mediaIntro":{"entity":{"type":"MediaIframe","html":{"value":"<div style=\"width: 100%;\">\r\n<div style=\"position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;border-radius:16px;\"><iframe allowfullscreen=\"true\" allownetworking=\"all\" allowscriptaccess=\"always\" frameborder=\"0\" height=\"675\" loading=\"lazy\" sandbox=\"allow-scripts allow-popups allow-same-origin\" scrolling=\"yes\" src=\"https://view.genial.ly/66b9b18a0f4c208bfe34bc2c\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; overflow:hidden; filter: drop-shadow(0px 1px 4px rgba(0, 15, 51, 0.2)); \" type=\"text/html\" width=\"1200\"></iframe></div>\r\n</div>\r\n"}}},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"30566c04-92b9-425f-9099-8432a1acffe5","mediaImage":{"alt":"Discover more features _ No code Interactions and Animations.png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Discover%20more%20features%20_%20No%20code%20Interactions%20and%20Animations%20%281%29.png?VersionId=FWIR46CdvkCwivgAHsvwn1XcoG9Iitwt"}}},"anchorId":"nocode-interactions-and-animations","landing":{"entity":{"__typename":"NodeFeatureGroup","id":"2485","uuid":"e736ca4c-d972-446f-8531-c0dee4326f11","title":"No-code interactions and animations"}},"brands":[{"entity":{"id":"2667","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1760002399,"created":1760000973,"uuid":"b7ea6504-e724-4b26-9307-2fee3dd64a50","fullName":"CocaCola.png","dark":{"entity":{"uuid":"b705cc0d-f704-45a6-a4f5-f211bdec01c7","mediaImage":{"alt":"Brands_Logo_CocaCola_Black.png","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_CocaCola_Black.png?VersionId=yCheBm_nXwz7pcacKaIsxliNyLSjoMn5"}}},"light":{"entity":{"uuid":"a2ac1d82-e593-4f50-8c9e-8dd9c92a1ab8","mediaImage":{"alt":"Brands_Logo_CocaCola_White.png","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_CocaCola_White.png?VersionId=1q0TxJ5_zfRT6TBvnDEG7iNm9Q.aTFOt"}}}}},{"entity":{"id":"37","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1752823258,"created":1623760868,"uuid":"1e795a7b-4783-416e-857c-055a55e7552c","fullName":"Universidad de Columbia","dark":{"entity":{"uuid":"c59de908-16f2-482d-a0b4-21256c2ed58b","mediaImage":{"alt":"Columbia University logo, example of the use of Genially for universities","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Columbia-University_Black_0.png?VersionId=Vo_PyvctkIXWi5TQk6UASQBjuZ8Jpzc9"}}},"light":{"entity":{"uuid":"0fd8c3de-251e-451a-8955-cce35637cbf1","mediaImage":{"alt":"Columbia University company logo","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Columbia-University_White_0.png?VersionId=M4gNWysLLyeLmaUr997sE_5vBTYRm96r"}}}}},{"entity":{"id":"1120","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1729770194,"created":1708413957,"uuid":"9a8f7634-00c1-4a6b-883b-02e46cda41de","fullName":"Tiktok","dark":{"entity":{"uuid":"40c5cecd-2171-420d-a03e-ac09339b0248","mediaImage":{"alt":"Logo of TikTok","title":"","width":1154,"height":354,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Tik-Tok_Black.png?VersionId=Skykqg7KTXiT7340JqZUE0bEWlAJeLcL"}}},"light":{"entity":{"uuid":"85a9ae74-0456-417a-ad66-d01d47df39a2","mediaImage":{"alt":"Tik Tok organization logo","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Tik-Tok_White.png?VersionId=wZfuYW0ZdWZIn4hzfGK5SACjNGDIPNpP"}}}}},{"entity":{"id":"80","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1763025686,"created":1623849731,"uuid":"16ac0463-1b6b-4361-a2b6-989d2d28ce6e","fullName":"John Hopkins University","dark":{"entity":{"uuid":"fd428ffb-1eb1-4090-849d-6502ca032088","mediaImage":{"alt":"john hopkins university","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Johns-Hopkins_Black.png?VersionId=AR0FCnHHUS0U77.LINDg7vRj_V4RxIo5"}}},"light":{"entity":{"uuid":"d9b4285e-7a63-4408-b187-821766da1db9","mediaImage":{"alt":"Brands_Logo_Johns-Hopkins_White.png","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Johns-Hopkins_White.png?VersionId=igxuxNJsasUvzJ3d3R1YhOvqExOd6Z2I"}}}}},{"entity":{"id":"32","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1752823246,"created":1623760460,"uuid":"f5e38727-d53d-4e3b-bf7b-e27703e62575","fullName":"Volkswagen","dark":{"entity":{"uuid":"5cff6f1c-ce7f-4e80-ac49-88e48ee156a7","mediaImage":{"alt":"Volkswagen company logo, using Genially","title":"","width":1154,"height":354,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Volkswagen_Black.png?VersionId=h3kpxtNDjI9_MiQZYmOqBAoYxVjAXYKG"}}},"light":{"entity":{"uuid":"3ad69456-2537-4750-9d72-1abf8e684950","mediaImage":{"alt":"Volkswagen company logo","title":"","width":576,"height":176,"src":"https://assets.genially.com/s3fs-public/images/logo-VolksWagen-white.png?VersionId=osJ_wbxmYuy5KM4TlF8VBd1WPX7lGAc6"}}}}},{"entity":{"id":"2244","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1752819560,"created":1746688841,"uuid":"3015dfca-6c91-458e-8e96-d78b91f68906","fullName":"Astrazeneca","light":{"entity":{"uuid":"7eace09b-a49f-4449-a5e2-1ca31ff6efe2","mediaImage":{"alt":"logo astrazeneca","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Astrazeneca_White.png?VersionId=M1EFrYoCxu0Lw0iNUG54NcHNXgrsyLOi"}}}}},{"entity":{"id":"1124","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1729778322,"created":1708414437,"uuid":"14694dc6-6bc7-4426-b48c-bfcf38cc05b8","fullName":"L'Oréal","dark":{"entity":{"uuid":"6598360e-d440-434e-b941-d04f6b63c121","mediaImage":{"alt":"L'Oréal logo","title":"","width":1154,"height":354,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Loreal_Black.png?VersionId=zqfoga97Ptfbuil1x4TDgZdN2UzvbRz8"}}},"light":{"entity":{"uuid":"81b3cbe7-713d-4031-9a79-5fc88d0535d3","mediaImage":{"alt":"L'Oréal organization logo","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Loreal_White.png?VersionId=Acl7ETxqVR14lcCJ1lpuZZXbemM4mrDM"}}}}},{"entity":{"id":"1129","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1708415093,"created":1708415030,"uuid":"dead6c1d-6308-47ac-9b4a-3b83cf05e74f","fullName":"Figma","light":{"entity":{"uuid":"07f6d1df-5525-46d9-9ce8-9d3957c613e9","mediaImage":{"alt":"Figma company logo","title":"","width":577,"height":177,"src":"https://assets.genially.com/s3fs-public/images/Brands_Logo_Figma_White.png?VersionId=ArNFTfFmDSMawwR.10P7xvU4D3YIfpDK"}}}}}],"testimonial":{"testimonial":{"id":"1581","type":"node","bundle":"testimonial","isPublished":true,"isPromoted":false,"isSticky":false,"langcode":{"value":"en"},"changed":1727073477,"created":1725351292,"uuid":"74f16f63-0e65-4d6a-8a42-89866b128631","name":"Danny Fandrich","administrativeTitle":"Danny Fandrich - UpReach","brand":{"brand":{"id":"1589","type":"node","bundle":"logo","isPublished":true,"isPromoted":true,"isSticky":false,"langcode":{"value":"en"},"changed":1726649991,"created":1726126189,"uuid":"68d5b817-9b24-4fb8-8c74-0c841f8b7521","fullName":"UpReach","testimonialLight":{"entity":{"uuid":"3309bb43-9671-4e06-82c0-bfa9ce5fea22","mediaImage":{"alt":"UpReach","title":"","width":283,"height":128,"src":"https://assets.genially.com/s3fs-public/images/Testimonials_Logo_UpReach_White.png?VersionId=UpH2J3TL9loHyKnFmfOXDUt_o680iJih"}}},"light":{"entity":{"uuid":"3309bb43-9671-4e06-82c0-bfa9ce5fea22","mediaImage":{"alt":"UpReach","title":"","width":283,"height":128,"src":"https://assets.genially.com/s3fs-public/images/Testimonials_Logo_UpReach_White.png?VersionId=UpH2J3TL9loHyKnFmfOXDUt_o680iJih"}}}}},"role":"CEO UpReach","avatar":{"avatar":{"entityLabel":"Testimonial Danny Fandrich.png","uuid":"feefb503-acd8-4e6f-ac80-f11383f317b4","mediaImage":{"alt":"Danny Fandrich, UpReach CEO","title":"","width":401,"height":401,"originalSrc":"https://assets.genially.com/s3fs-public/images/Testimonial%20Danny%20Fandrich.png?VersionId=sY8VjP5lXiTuf.plF9giJTsLwx9wxX_P","derivative":{"height":220,"width":220,"src":"https://assets.genially.com/s3fs-public/styles/medium/public/images/Testimonial%20Danny%20Fandrich.png?VersionId=d9qsBMgV6_WlvssqaaPqG1tQzleMk02R&itok=x_Cf3Mjf"}}}},"testimony":{"value":"<p>\"A great way to build smart interactions without any big effort. Every designer is, with the help of Genially, an interaction web app builder\"</p>\n"}}},"metadata":{"includes":{"static":{"data.content.brand.brand.entityInclude":"en/entity/node/logo/1589.json"}}},"featureBlocks":[{"entity":{"displayType":"teaser","features":[{"entity":{"title":"Hotspots","heading":"Make anything clickable","displayTitle":"Hotspots","description":{"value":"<p>Make any element interactive — including an invisible area of the screen.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Make any element interactive — including an invisible area of the screen.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/interactive-areas-add-interactivity-to-any-part-of-your-creation-Hy3O9DBhj"},"title":"How to use Interactive Areas"},"premium":false,"Ai":false,"titleTeaser":"Hotspots","descriptionTeaser":{"value":"<p>Make any element on the canvas interactive — including buttons, images, text, or even an invisible area of the screen.</p>","format":"full_html","processed":"<p>Make any element on the canvas interactive — including buttons, images, text, or even an invisible area of the screen.</p>"},"media":{"entity":{"type":"MediaIframe","html":{"value":"<div style=\"width: 100%;\">\r\n<div style=\"padding-bottom: 75%;position:relative;\"><iframe allow=\"autoplay;\" allowfullscreen=\"\" frameborder=\"0\" loading=\"lazy\" src=\"https://player.vimeo.com/video/830463208?h=5a232e6bd0&amp;autoplay=true&amp;loop=true&amp;autopause=false&amp;muted=true&amp;dnt=true&amp;background=1&amp;controls=false;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Interactive catalogue with hotspots\"></iframe></div>\r\n<script src=\"https://player.vimeo.com/api/player.js\"></script></div>\r\n"}}}}}]}},{"entity":{"displayType":"teaser","features":[{"entity":{"title":"Tooltips","heading":"Hover text","displayTitle":"Tooltips","description":{"value":"<p>Use hover labels and text bubbles to provide contextual information.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Use hover labels and text bubbles to provide contextual information.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-set-up-tooltip-interactivity-in-genially-HJcYcPBhj"},"title":"How to use Tooltips"},"premium":false,"Ai":false,"titleTeaser":"Tooltips","descriptionTeaser":{"value":"<p>Provide contextual information on demand without cluttering the screen. Tooltips are pop-up labels that appear when the user moves their mouse over a hotspot – or focuses on it with their keyboard.</p>","format":"full_html","processed":"<p>Provide contextual information on demand without cluttering the screen. Tooltips are pop-up labels that appear when the user moves their mouse over a hotspot – or focuses on it with their keyboard.</p>"},"media":{"entity":{"type":"MediaIframe","html":{"value":"<div style=\"width: 100%;\">\r\n<div style=\"position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;border-radius:16px;\"><iframe allowfullscreen=\"true\" allownetworking=\"all\" allowscriptaccess=\"always\" frameborder=\"0\" height=\"675\" loading=\"lazy\" sandbox=\"allow-scripts allow-popups allow-same-origin\" scrolling=\"yes\" src=\"https://view.genial.ly/66d971ea246b98e3eafc7826\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; overflow:hidden; filter: drop-shadow(0px 1px 4px rgba(0, 15, 51, 0.2)); \" type=\"text/html\" width=\"1200\"></iframe></div>\r\n</div>\r\n"}}},"featureDetails":[{"entity":{"title":"Labeling","description":{"value":"<p>Tag images, maps, and diagrams with short pieces of information like prices or dimensions.<br>&nbsp;</p>","format":"full_html","processed":"<p>Tag images, maps, and diagrams with short pieces of information like prices or dimensions.<br>&nbsp;</p>"}}},{"entity":{"title":"Offer guidance","description":{"value":"<p>Give hints, instructions, and quick explanations for games and activities.</p>","format":"full_html","processed":"<p>Give hints, instructions, and quick explanations for games and activities.</p>"}}},{"entity":{"title":"Non-intrusive","description":{"value":"<p>Deliver information where and when it’s needed, without overloading users with text.</p>","format":"full_html","processed":"<p>Deliver information where and when it’s needed, without overloading users with text.</p>"}}},{"entity":{"title":"Exploratory learning","description":{"value":"<p>Encourage users to actively focus on each element, discovering new things as they go.</p>","format":"full_html","processed":"<p>Encourage users to actively focus on each element, discovering new things as they go.</p>"}}}]}}]}},{"entity":{"displayType":"teaser","features":[{"entity":{"title":"Windows","heading":"Information chunking","displayTitle":"Windows","description":{"value":"<p>Present additional content in pop-up screens and modals.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Present additional content in pop-up screens and modals.</p><p>&nbsp;</p>"},"premium":false,"Ai":false,"titleTeaser":"Pop-up windows","descriptionTeaser":{"value":"<p>Windows, a.k.a. modals or overlays, give you heaps of creative possibilities. Dive deeper into the topic, provide extra content on demand, or hide a surprise activity — all on one page. </p>","format":"full_html","processed":"<p>Windows, a.k.a. modals or overlays, give you heaps of creative possibilities. Dive deeper into the topic, provide extra content on demand, or hide a surprise activity — all on one page. </p>"},"media":{"entity":{"type":"MediaVideo","desktop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/01%20Tabs%20Pop-up%20windows.mp4?VersionId=5leKanwcbk1p_5q1c7D11KBnO7jJYKOi"}},"mobile":{"video":{"src":"https://assets.genially.com/s3fs-public/video/01%20Tabs%20Pop-up%20windows_0.mp4?VersionId=ssGH5d7KCSj0ZLyxPGquVPikzdg1Uv_k"}},"tablet":{"video":{"src":"https://assets.genially.com/s3fs-public/video/01%20Tabs%20Pop-up%20windows_2.mp4?VersionId=36FJ4FxYevN3UxGNAnXZ_Z.awl8amFzJ"}},"laptop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/01%20Tabs%20Pop-up%20windows_3.mp4?VersionId=AMNksdu3dTv2eA4ASUG7yB_9tzWPsjE8"}}}},"featureDetails":[{"entity":{"title":"Reduce cognitive load","description":{"value":"<p>Deliver information in bite-size chunks and avoid the temptation to bombard people with information. Less is more!</p>","format":"full_html","processed":"<p>Deliver information in bite-size chunks and avoid the temptation to bombard people with information. Less is more!</p>"}}},{"entity":{"title":"Personalization","description":{"value":"<p>Let users decide when they access content, encouraging autonomy and self-paced exploration.</p>","format":"full_html","processed":"<p>Let users decide when they access content, encouraging autonomy and self-paced exploration.</p>"}}},{"entity":{"title":"Contextual learning","description":{"value":"<p>Give students extra activities and just-in-time information, without leaving the page.</p>","format":"full_html","processed":"<p>Give students extra activities and just-in-time information, without leaving the page.</p>"}}},{"entity":{"title":"Embed multimedia","description":{"value":"<p>Display videos, supplementary materials — or even another genially — inside a window.</p>","format":"full_html","processed":"<p>Display videos, supplementary materials — or even another genially — inside a window.</p>"}}}]}},{"entity":{"title":"Trigger selector","heading":"Trigger selector","displayTitle":"Trigger selector","description":{"value":"<p>Choose whether an action is triggered on hover or click.</p>","format":"full_html","processed":"<p>Choose whether an action is triggered on hover or click.</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-trigger-interactions-on-hover-and-click-ry46CpKcg"},"title":"How to use triggers"},"premium":false,"Ai":false,"titleTeaser":"Click and hover triggers","descriptionTeaser":{"value":"<p>Launch an interaction or animation when users move their cursor over an element — or when they click. Apply multiple actions to a single element with different triggers.</p>","format":"full_html","processed":"<p>Launch an interaction or animation when users move their cursor over an element — or when they click. Apply multiple actions to a single element with different triggers.</p>"},"media":{"entity":{"type":"MediaVideo","desktop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/Trigger1.mp4?VersionId=5VmCtP9P1r721b2iGJEzI.HGMaxjQF29"}}}}}},{"entity":{"title":"Click to Reveal","heading":"User control","displayTitle":"Click to Reveal","description":{"value":"<p>Break down information and allow users to explore at their own pace.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Break down information and allow users to explore at their own pace.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-set-up-reveal-interactivity-in-genially-B1LqcwHhi"},"title":"How to use Reveal and Hide"},"premium":false,"Ai":false,"titleTeaser":"Click to reveal and hide","descriptionTeaser":{"value":"<p>Make elements appear and disappear when clicked, without writing any code. Make fun, user-friendly content that people can discover one step at a time.</p>","format":"full_html","processed":"<p>Make elements appear and disappear when clicked, without writing any code. Make fun, user-friendly content that people can discover one step at a time.</p>"},"media":{"entity":{"type":"MediaVideo","desktop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/02%20Tabs%20Click%20to%20reveal.mp4?VersionId=jU8d5jw3X9YxHvRHoo7U4fvchOLrbXIS"}},"mobile":{"video":{"src":"https://assets.genially.com/s3fs-public/video/02%20Tabs%20Click%20to%20reveal_0.mp4?VersionId=i3qbo8soXl_Ps_ajYcQ30AUN1fjJPes3"}},"tablet":{"video":{"src":"https://assets.genially.com/s3fs-public/video/02%20Tabs%20Click%20to%20reveal_2.mp4?VersionId=epT6EooPOHg9sRted.5cDodhrzAVHeWT"}},"laptop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/02%20Tabs%20Click%20to%20reveal_3.mp4?VersionId=FgvQb8eXs1WhflPQyyRC8FG4E2o_ed_X"}}}},"featureDetails":[{"entity":{"title":"Progressive disclosure","description":{"value":"<p>Show the most relevant and essential information first. Users can access more information gradually, as and when they need.</p>","format":"full_html","processed":"<p>Show the most relevant and essential information first. Users can access more information gradually, as and when they need.</p>"}}},{"entity":{"title":"Toggle visibility","description":{"value":"<p>Allow users to switch between different pieces of content and collapse sections they no longer need, such as FAQs or instructions.</p>","format":"full_html","processed":"<p>Allow users to switch between different pieces of content and collapse sections they no longer need, such as FAQs or instructions.</p>"}}},{"entity":{"title":"Enhance focus","description":{"value":"<p>Direct learners’ attention to the task at hand, and hide content and activities once they’ve been completed.</p>","format":"full_html","processed":"<p>Direct learners’ attention to the task at hand, and hide content and activities once they’ve been completed.</p>"}}},{"entity":{"title":"Gamification and storytelling","description":{"value":"<p>Hide clues, reveal surprises, and make items disappear after being selected, clicked, or collected.</p>","format":"full_html","processed":"<p>Hide clues, reveal surprises, and make items disappear after being selected, clicked, or collected.</p>"}}}]}},{"entity":{"title":"Hide","displayTitle":"Hide","description":{"value":"<p>Make an element disappear by clicking on another.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Make an element disappear by clicking on another.</p><p>&nbsp;</p>"},"premium":false,"Ai":false}},{"entity":{"title":"Drag and Drop","heading":"Hands-on learning","displayTitle":"Drag and Drop","description":{"value":"<p>Challenge learners to drag an element to a corresponding drop zone.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Challenge learners to drag an element to a corresponding drop zone.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-create-drag-and-drop-activities-SJIMkHnmbx"},"title":"How to create drag and drop activities"},"premium":false,"Ai":false,"titleTeaser":"Drag and drop","descriptionTeaser":{"value":"<p>Challenge learners to drag an element - like a word or an image - to a corresponding drop zone. Trigger different actions for correct and incorrect matches, or at the end of the game.</p>","format":"full_html","processed":"<p>Challenge learners to drag an element - like a word or an image - to a corresponding drop zone. Trigger different actions for correct and incorrect matches, or at the end of the game.</p>"},"media":{"entity":{"type":"MediaVideo","desktop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/Features_Interactions%26Animations_DragAndDrop.mp4?VersionId=YurA9SEWRIXzS5KVoFHAG3P7_3vhOu71"}},"mobile":{"video":{"src":"https://assets.genially.com/s3fs-public/video/Features_Interactions%26Animations_DragAndDrop_0.mp4?VersionId=cOPLzcTA6v41kqX1rOwaG7eJ5y.u0373"}},"tablet":{"video":{"src":"https://assets.genially.com/s3fs-public/video/Features_Interactions%26Animations_DragAndDrop_1.mp4?VersionId=mg.w_0k7RkH7uhN199uJgzRfhcnPIr6k"}},"laptop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/Features_Interactions%26Animations_DragAndDrop_2.mp4?VersionId=CnYJJE.vbO8B9ev6KnyoSsR4wDat11eu"}}}}}},{"entity":{"title":"Paint","heading":"Draw & annotate","displayTitle":"Paint","description":{"value":"<p>Allow users to draw on the screen, or annotate when presenting live.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Allow users to draw on the screen, or annotate when presenting live.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/paint-mode-draw-and-paint-on-your-geniallys-in-view-mode-BkIGqwB2j"},"title":"How to use Paint mode"},"premium":false,"Ai":false,"titleTeaser":"Paint","descriptionTeaser":{"value":"<p>Paint mode lets learners connect concepts, color in objects, or doodle ideas on the screen. The brush strokes remain visible even when you switch pages. <a href=\"https://genially.com/features/present-and-play-live/\">Hosting a live session</a>? Use Paint to highlight and annotate while presenting.</p>","format":"full_html","processed":"<p>Paint mode lets learners connect concepts, color in objects, or doodle ideas on the screen. The brush strokes remain visible even when you switch pages. <a href=\"https://genially.com/features/present-and-play-live/\">Hosting a live session</a>? Use Paint to highlight and annotate while presenting.</p>"},"media":{"entity":{"type":"MediaVideo","desktop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/23%20-%20NOVEMBER%202024%20-%20Paint%20when%20presenting%20or%20sharing.mp4?VersionId=ocUTKfTXXbaCd36K6MuK9ZGnWoVYo74j"}},"mobile":{"video":{"src":"https://assets.genially.com/s3fs-public/video/23%20-%20NOVEMBER%202024%20-%20Paint%20when%20presenting%20or%20sharing_0.mp4?VersionId=el7uBDRHcVIpnTlP6mR11v2veotWxWPJ"}},"tablet":{"video":{"src":"https://assets.genially.com/s3fs-public/video/23%20-%20NOVEMBER%202024%20-%20Paint%20when%20presenting%20or%20sharing_1.mp4?VersionId=CXCGGc7rQc1wgHcJ7Eu.FQu82CMlbjaZ"}},"laptop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/23%20-%20NOVEMBER%202024%20-%20Paint%20when%20presenting%20or%20sharing_2.mp4?VersionId=n5KQltnhQNSQUZBQ.TBexAWYrLoXqELn"}}}}}}]}},{"entity":{"heading":"Bring your projects to life","title":"Animations","description":{"value":"<p>Beginner-friendly <a href=\"https://help.genially.com/en_us/add-animation-to-the-elements-of-your-creation-in-genially-HJMHcDrni\">animation tools</a> help you tell engaging visual stories and make information easier to understand. Get professional and polished results without any animation skills.</p>","format":"full_html","processed":"<p>Beginner-friendly <a href=\"https://help.genially.com/en_us/add-animation-to-the-elements-of-your-creation-in-genially-HJMHcDrni\">animation tools</a> help you tell engaging visual stories and make information easier to understand. Get professional and polished results without any animation skills.</p>"},"displayType":"cards_grid","features":[{"entity":{"title":"Click & Hover Animations","displayTitle":"Click & Hover Animations","description":{"value":"<p>Apply micro-animations and color filters, with a click or hover trigger.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Apply micro-animations and color filters, with a click or hover trigger.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-set-up-click-animations-in-genially-SyN5qPr3i"},"title":"How to use Click Animations"},"premium":false,"Ai":false,"titleTeaser":"Click-triggered animations","descriptionTeaser":{"value":"<p>Apply states, micro-animations, or color filters to any element, triggered on click or hover.</p>","format":"full_html","processed":"<p>Apply states, micro-animations, or color filters to any element, triggered on click or hover.</p>"},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"e9b182a3-75da-4fcd-a52a-28b541f66c2d","mediaImage":{"alt":"Interactions & Animations _ Animations _ Click animations (1).png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Interactions%20%26%20Animations%20_%20Animations%20_%20Click%20animations%20%281%29.png?VersionId=mXz7pqcyo.cLBegLIpVfns4Q.z6zw7qE"}}}}},{"entity":{"title":"Timed Animations","displayTitle":"Timed Animations","description":{"value":"<p>Program entrance, exit, and emphasis animations to appear on any element.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Program entrance, exit, and emphasis animations to appear on any element.</p><p>&nbsp;</p>"},"premium":false,"Ai":false,"titleTeaser":"Timed animations","descriptionTeaser":{"value":"<p>Add entrance, emphasis, and exit animations to any element, with custom delay, duration, and speed options.</p>","format":"full_html","processed":"<p>Add entrance, emphasis, and exit animations to any element, with custom delay, duration, and speed options.</p>"},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"cdad7b83-f924-448a-80b6-646a61547688","mediaImage":{"alt":"Interactions & Animations _ Animations _ Timed animations.png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Interactions%20%26%20Animations%20_%20Animations%20_%20Timed%20animations.png?VersionId=LXLqJYL10.bRmtdD4Paf9tIx1.0HIsiK"}}}}},{"entity":{"title":"Transitions","displayTitle":"Transitions","description":{"value":"<p>Customize the page transitions, with a choice of horizontal and vertical effects.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Customize the page transitions, with a choice of horizontal and vertical effects.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/animate-page-transitions-in-genially-r1iu5wBhj"},"title":"How to use Transitions"},"premium":false,"Ai":false,"titleTeaser":"Transitions","descriptionTeaser":{"value":"<p>Choose from more than 25 elegant slide transitions, such as Fade or Flip, with horizontal, vertical, or center orientation.</p>","format":"full_html","processed":"<p>Choose from more than 25 elegant slide transitions, such as Fade or Flip, with horizontal, vertical, or center orientation.</p>"},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"9dafecfb-8c68-49f8-855c-a2779b7b2e4d","mediaImage":{"alt":"Interactions & Animations _ Animations _ Transitions.png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Interactions%20%26%20Animations%20_%20Animations%20_%20Transitions.png?VersionId=jDOcryK8XX0TCICBq1qJ2dL0nnRcqazE"}}}}},{"entity":{"title":"Visual Effects","displayTitle":"Visual Effects","description":{"value":"<p>Trigger effects like balloons, confetti, or raindrops to burst across the screen.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Trigger effects like balloons, confetti, or raindrops to burst across the screen.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-activate-an-effect-in-genially-B1QM6syF0"},"title":"How to use Effects"},"premium":false,"Ai":false,"titleTeaser":"Effects","descriptionTeaser":{"value":"<p>Activate fun visual effects like confetti, applause, or raindrops moving across the screen.</p>","format":"full_html","processed":"<p>Activate fun visual effects like confetti, applause, or raindrops moving across the screen.</p>"},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"ce7e3d68-76b1-4a08-9532-67e96f96f6e6","mediaImage":{"alt":"Interactions & Animations _ Animations _ Effects.png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Interactions%20%26%20Animations%20_%20Animations%20_%20Effects.png?VersionId=ItEVI1cTRyMFgxvpyL9_srT9t5J1MPMG"}}}}}]}},{"entity":{"displayType":"teaser","features":[{"entity":{"title":"Full Screen","heading":"Make elements bigger","displayTitle":"Full Screen","description":{"value":"<p>Allow users to click and expand an element to fill the screen.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Allow users to click and expand an element to fill the screen.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-make-images-full-screen-in-just-one-click-in-genially-Syy5qwrhs"},"title":"How to use Full Screen"},"premium":false,"Ai":false,"titleTeaser":"Full screen","descriptionTeaser":{"value":"<p>Allow users to click and expand any element to full screen size. Make small images more accessible, and help people hone in on the details.</p>","format":"full_html","processed":"<p>Allow users to click and expand any element to full screen size. Make small images more accessible, and help people hone in on the details.</p>"},"media":{"entity":{"type":"MediaVideo","desktop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/03%20Tabs%20Zoom.mp4?VersionId=5TpDx7imtZ44yh0L4rDx6EdWXlbdqdH1"}},"mobile":{"video":{"src":"https://assets.genially.com/s3fs-public/video/03%20Tabs%20Zoom_1.mp4?VersionId=64BtVNv0k7plqnP.6Zwd4bygAftWtV7g"}},"tablet":{"video":{"src":"https://assets.genially.com/s3fs-public/video/03%20Tabs%20Zoom_3.mp4?VersionId=rkoRvAvVBMbGFa8w_AnNJPogKtrGDkzF"}},"laptop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/03%20Tabs%20Zoom_4.mp4?VersionId=JJHDsuba3c9xQL0sBvDyXrN96XIqxWQu"}}}}}},{"entity":{"title":"Scroll to Anchor","heading":"Create app-like experiences","displayTitle":"Scroll to Anchor","description":{"value":"<p><meta charset=\"utf-8\">Make scrollable mobile content with smooth anchor links.</p><p>&nbsp;</p>","format":"full_html","processed":"<p><meta charset=\"utf-8\">Make scrollable mobile content with smooth anchor links.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-set-the-interactivity-scroll-to-element-B1XHRgRQkg"},"title":"How to use Scroll-to-Anchor"},"premium":false,"Ai":false,"titleTeaser":"Scroll to anchor","descriptionTeaser":{"value":"<p>Enhance microlearning and mobile content with a smooth jump-to-anchor scroll. When the user clicks on one element, automatic scroll takes them to another element further down the page.</p>","format":"full_html","processed":"<p>Enhance microlearning and mobile content with a smooth jump-to-anchor scroll. When the user clicks on one element, automatic scroll takes them to another element further down the page.</p>"},"media":{"entity":{"type":"MediaVideo","desktop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/29%20-%20JANUARY%202025%20-%20Scroll%20to%20element.mp4?VersionId=NEuB2NWT3Zos04pkPGbGcg.JFgncjp37"}},"mobile":{"video":{"src":"https://assets.genially.com/s3fs-public/video/29%20-%20JANUARY%202025%20-%20Scroll%20to%20element_0.mp4?VersionId=yu6KtEyvkK1gMJVpNseFOaIu5UcW4LOp"}},"tablet":{"video":{"src":"https://assets.genially.com/s3fs-public/video/29%20-%20JANUARY%202025%20-%20Scroll%20to%20element_1.mp4?VersionId=7JEq0UIVBmRPjhKh_32gQGY3_lQjccFw"}},"laptop":{"video":{"src":"https://assets.genially.com/s3fs-public/video/29%20-%20JANUARY%202025%20-%20Scroll%20to%20element_2.mp4?VersionId=pMJnEkGHc0cXTrR4cAWuyzWQNEt1JMwN"}}}}}},{"entity":{"title":"Links","heading":"Links","displayTitle":"Links","description":{"value":"<p><span data-metadata=\"\"></span><span data-buffer=\"\"></span><span style=\"white-space:pre-wrap;\">Jump to another page, or add hyperlinks to external sites.</span></p><p>&nbsp;</p>","format":"full_html","processed":"<p><span data-metadata></span><span data-buffer></span><span style=\"white-space:pre-wrap;\">Jump to another page, or add hyperlinks to external sites.</span></p><p>&nbsp;</p>"},"premium":false,"Ai":false,"titleTeaser":"Web-style links","descriptionTeaser":{"value":"<p>Genially works just like a website, so you can <a href=\"https://help.genially.com/en_us/how-to-set-up-link-interactivity-in-genially-H1_t5PH2i\">add hyperlinks</a> to web pages, email addresses, or even a phone number. You can also add <a href=\"https://help.genially.com/en_us/how-to-set-up-go-to-page-interactivity-in-genially-rymYcvr3i\">go-to links</a> to any element, sending users to another page or activity in the same genially. &nbsp;</p>","format":"full_html","processed":"<p>Genially works just like a website, so you can <a href=\"https://help.genially.com/en_us/how-to-set-up-link-interactivity-in-genially-H1_t5PH2i\">add hyperlinks</a> to web pages, email addresses, or even a phone number. You can also add <a href=\"https://help.genially.com/en_us/how-to-set-up-go-to-page-interactivity-in-genially-rymYcvr3i\">go-to links</a> to any element, sending users to another page or activity in the same genially. &nbsp;</p>"},"media":{"entity":{"type":"MediaIframe","html":{"value":"<div style=\"width: 100%;\">\r\n<div style=\"position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;border-radius:16px;\"><iframe allowfullscreen=\"true\" allownetworking=\"all\" allowscriptaccess=\"always\" frameborder=\"0\" height=\"675\" loading=\"lazy\" sandbox=\"allow-scripts allow-popups allow-same-origin\" scrolling=\"yes\" src=\"https://view.genial.ly/66ba0c8f0f4c208bfe70075c\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; overflow:hidden; filter: drop-shadow(0px 1px 4px rgba(0, 15, 51, 0.2)); \" type=\"text/html\" width=\"1200\"></iframe></div>\r\n</div>\r\n"}}},"featureDetails":[{"entity":{"title":"User-friendly navigation","description":{"value":"<p>Trigger external links to open in a new tab so that users can explore other content without abandoning the original page.</p>","format":"full_html","processed":"<p>Trigger external links to open in a new tab so that users can explore other content without abandoning the original page.</p>"}}},{"entity":{"title":"Personalize the experience ","description":{"value":"<p>Combine go-to links with interactive questions to build escape games, learning scenarios, and personalized content.</p>","format":"full_html","processed":"<p>Combine go-to links with interactive questions to build escape games, learning scenarios, and personalized content.</p>"},"link":{"url":{"path":"/features/quiz-builder-old/"}}}},{"entity":{"title":"Create standalone websites","description":{"value":"<p>Switch the <a href=\"https://help.genially.com/enable-or-disable-the-pagination-for-slideshow-HJgHiwSns\">navigation mode</a> to Microsite to hide the page arrows and let users explore via buttons and page elements.</p>","format":"full_html","processed":"<p>Switch the <a href=\"https://help.genially.com/enable-or-disable-the-pagination-for-slideshow-HJgHiwSns\">navigation mode</a> to Microsite to hide the page arrows and let users explore via buttons and page elements.</p>"}}}]}},{"entity":{"title":"Click-Trigger Audio","heading":"Sound on click","displayTitle":"Click-Trigger Audio","description":{"value":"<p><meta charset=\"utf-8\">Play sound effects, voiceover, music, and more.</p><p>&nbsp;</p>","format":"full_html","processed":"<p><meta charset=\"utf-8\">Play sound effects, voiceover, music, and more.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-play-audio-by-clicking-on-an-element-in-genially-B1Z99vB2j"},"title":"How to use audio-on-click"},"premium":false,"Ai":false,"titleTeaser":"Click-to-play audio","descriptionTeaser":{"value":"<p>Trigger audio to play when users click on a button, image, or other element. Create games, language learning activities, and read-aloud instructions with music, sound effects or a voice recording.</p>","format":"full_html","processed":"<p>Trigger audio to play when users click on a button, image, or other element. Create games, language learning activities, and read-aloud instructions with music, sound effects or a voice recording.</p>"},"media":{"entity":{"type":"MediaImage","uuid":"a3a91741-c1fb-416c-963c-f6883252c17d","mediaImage":{"alt":"Interactions & Animations _ Click-to-play audio.png","title":"","width":1200,"height":836,"src":"https://assets.genially.com/s3fs-public/images/Interactions%20%26%20Animations%20_%20Click-to-play%20audio.png?VersionId=F1d0b9XZDCfNUUY.baUNmbZ62.EBUfCr"}}}}},{"entity":{"title":"Program Content","heading":"Schedule interactions","displayTitle":"Program Content","description":{"value":"<p>Unlock content or activities at a set time and date.</p><p>&nbsp;</p>","format":"full_html","processed":"<p>Unlock content or activities at a set time and date.</p><p>&nbsp;</p>"},"supportLink":{"url":{"path":"https://help.genially.com/en_us/how-to-add-widgets-in-genially-BkVq62bPT"},"title":"How to use timers"},"premium":false,"Ai":false,"titleTeaser":"Program content","descriptionTeaser":{"value":"<p>Programming without coding? Yep - Genially lets you schedule when things happen, without any technical know-how. Use timers to trigger actions or unlock activities at a specific time and date.</p>","format":"full_html","processed":"<p>Programming without coding? Yep - Genially lets you schedule when things happen, without any technical know-how. Use timers to trigger actions or unlock activities at a specific time and date.</p>"},"media":{"entity":{"type":"MediaImage","uuid":"bc54c5a8-0885-4f7b-bc5c-b5628d77cf15","mediaImage":{"alt":"Interactions & Animations _ Program content.png","title":"","width":1200,"height":836,"src":"https://assets.genially.com/s3fs-public/images/Interactions%20%26%20Animations%20_%20Program%20content.png?VersionId=0xjTIS8FpCfr5kdbEON7ORQKj.E5CGEu"}}}}}]}}],"relatedGroup":[{"entity":{"isPublished":true,"url":{"path":"/features/widget-library/"},"landing":{"entity":{"url":{"path":"/features/widget-library/"}}},"displayTitle":"Widget library","description":{"value":"<p>Pre-built widgets help you gamify learning and create interactive app-style visuals.</p>","format":"full_html","processed":"<p>Pre-built widgets help you gamify learning and create interactive app-style visuals.</p>"},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"4914164e-b56e-43ce-9966-a9ea6e6d3607","mediaImage":{"alt":"Discover more features _ Widget Library.png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Discover%20more%20features%20_%20Widget%20Library%20%282%29.png?VersionId=8SXituGt4M4WvHfABChvvgcyEGy0Rbwo"}}}}},{"entity":{"isPublished":true,"url":{"path":"/features/quiz-builder/"},"landing":{"entity":{"url":{"path":"/features/quiz-builder/"}}},"displayTitle":"Quiz Builder","description":{"value":"<p>Use interactive questions to assess students and capture feedback from your audience.</p>","format":"full_html","processed":"<p>Use interactive questions to assess students and capture feedback from your audience.</p>"},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"479fd077-398b-4874-af8e-751a1d1543d4","mediaImage":{"alt":"Discover more features _ Quiz Builder.png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Discover%20more%20features%20_%20Quiz%20Builder%20%281%29.png?VersionId=6bMiSe1tdPxm56jwGg6G5WqZo98BNz4S"}}}}},{"entity":{"isPublished":true,"url":{"path":"/features/present-and-play-live/"},"landing":{"entity":{"url":{"path":"/features/present-and-play-live/"}}},"displayTitle":"Present and play live","description":{"value":"<p>Host live quizzes, polls, and interactive presentations - without any other tools like Kahoot or Mentimeter.</p>","format":"full_html","processed":"<p>Host live quizzes, polls, and interactive presentations - without any other tools like Kahoot or Mentimeter.</p>"},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"ee63e72a-1b2b-4a37-a0c7-d87651ef07ea","mediaImage":{"alt":"Discover more features _ Present and Play Live.png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Discover%20more%20features%20_%20Present%20and%20Play%20Live%20%281%29.png?VersionId=Q4CHTIeMYsJUhVyBKguJ_NPSEChGdmmo"}}}}},{"entity":{"isPublished":true,"url":{"path":"/features/brand-kit/"},"landing":{"entity":{"url":{"path":"/features/brand-kit/"}}},"displayTitle":"Brand Kit","description":{"value":"<p>Help your team keep to the brand guidelines and create consistent content at scale.</p>","format":"full_html","processed":"<p>Help your team keep to the brand guidelines and create consistent content at scale.</p>"},"mediaGrid":{"entity":{"type":"MediaImage","uuid":"1f222c14-2c68-4153-9009-7f3111bd87aa","mediaImage":{"alt":"Discover more features _ Brand Kit.png","title":"","width":672,"height":378,"src":"https://assets.genially.com/s3fs-public/images/Discover%20more%20features%20_%20Brand%20Kit%20%283%29.png?VersionId=sSNe2tcYAM7b7cuHXzRxNer8rAIsbbLk"}}}}}],"whyGeniallyList":[{"entity":{"title":"Free","paragraph":{"processed":"<p>Genially’s core interactions and animations are free to use. Give it a spin and surprise yourself at what you can build in a few clicks.</p>"}}},{"entity":{"title":"Easy to use","paragraph":{"processed":"<p>You don’t need any coding skills or previous course authoring experience to use Genially. Beginners can get up-and-running in minutes.</p>"}}},{"entity":{"title":"Customization","paragraph":{"processed":"<p>Mix and match interactions and animations to create custom experiences that work exactly how you want.</p>"},"link":{"url":{"path":"https://help.genially.com/en_us/how-to-combine-several-interactions-in-genially-H1uc9Dr2j"},"title":"How to combine interactions"}}},{"entity":{"title":"Gamification","paragraph":{"processed":"<p>Incorporate game mechanics into your content through interactions, animations, and widgets.</p>"},"link":{"url":{"path":"/features/gamification/"},"title":"Gamification with Genially"}}}],"whyTitle":"Why Genially?","accordeonItem":[{"entity":{"title":"How do I create interactive content?","paragraph":{"processed":"<p>In Genially you can make any type of content interactive in just a few clicks. You don’t need any coding skills and it’s as easy as making a presentation!&nbsp;</p><ol><li data-list-item-id=\"e9cd3dfa02e245fe6e4ff51c7dc1e6e6b\">Select the element you want to make interactive. This can be an icon, image, text, or an invisible area of the canvas.</li><li data-list-item-id=\"e192c95171923c5e68955b71e30f617ed\">Click on the interactivity or animation icon, then choose what you want to happen when the user clicks, moves their cursor, or completes an action.</li><li data-list-item-id=\"e1daa9dcd2d5635b45a261233a9b00d0d\">Preview and publish! Your content is interactive and ready to share.</li></ol>"}}},{"entity":{"title":"Do I need a paid account to make content interactive in Genially?","paragraph":{"processed":"<p>Nope. Genially’s free plan includes all key animations and interactions including pop-up windows, mouseover tooltips, and click to reveal.</p>"}}},{"entity":{"title":"Are Genially interactions accessible?","paragraph":{"processed":"<p>Yes - Published Genially content is accessible and compatible with assistive technologies. All click and hover interactions can be triggered with keyboard actions.</p>"}}},{"entity":{"title":"How do I show users which elements are interactive?","paragraph":{"processed":"<p>If you think your audience might not realize the content is clickable, you can make it extra clear by enabling <a href=\"https://help.genially.com/en_us/enable-disable-the-indicator-of-interactive-elements-ryR_cwH3j\">interactivity indicators</a>.</p><p>Pulsing icons appear automatically on the interactive elements and hotspots, showing the user where to click.</p>"}}},{"entity":{"title":"How do I see what people have clicked on?","paragraph":{"processed":"<p>Switch on <a href=\"https://help.genially.com/en_us/how-to-get-a-metrics-overview-on-your-geniallys-r1WhswHno\">Activity tracking</a> in your Genially dashboard to see the number of clicks on each interactive element.</p>"}}}],"sourceFile":"/en/entity/node/feature_group/2485.json"}},"metadata":{"includes":{"static":{"data.content.brands.0.entity.entityInclude":"en/entity/node/logo/2667.json","data.content.brands.1.entity.entityInclude":"en/entity/node/logo/37.json","data.content.brands.2.entity.entityInclude":"en/entity/node/logo/1120.json","data.content.brands.3.entity.entityInclude":"en/entity/node/logo/80.json","data.content.brands.4.entity.entityInclude":"en/entity/node/logo/32.json","data.content.brands.5.entity.entityInclude":"en/entity/node/logo/2244.json","data.content.brands.6.entity.entityInclude":"en/entity/node/logo/1124.json","data.content.brands.7.entity.entityInclude":"en/entity/node/logo/1129.json","data.content.testimonial.testimonial.entityInclude":"en/entity/node/testimonial/1581.json"}}},"content404":{}}}},"staticQueryHashes":[]}