{"componentChunkName":"component---src-views-template-template-tsx","path":"/template/before-and-after-slider/","result":{"pageContext":{"node":{"data":{"content":{"title":"Before and After Slider","bundle":"template","displayTitle":"Before and After Slider","description":{"value":"A free template perfect for creating educational resources that display visual comparisons, transformations, or differences. Stand out with visual examples, creative graphics, and illustrations. Enhance training in a didactic and innovative way."},"idView":"67cf0358110062448e265511","IdGenially":"67c6d8cd3dcd040007bec761","price":"free","breadcrumb":[{"url":"/templates/microlearning","title":"Microlearning"},{"title":"Before and After Slider"}],"categories":[{"title":"Course Modules","path":"/templates/elearning-training/courses"},{"title":"Teaching Resources","path":"/templates/education"},{"title":"Microlearning","path":"/templates/microlearning"}],"metas":[{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"de","href":"https://genially.com/de/vorlage/vergleich-vorher-und-nachher/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"en","href":"https://genially.com/template/before-and-after-slider/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"es","href":"https://genially.com/es/plantilla/antes-y-despues/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"fr","href":"https://genially.com/fr/modele/comparaison-avant-et-apres/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"it","href":"https://genially.com/it/template/confronto-prima-e-dopo/"}},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"pt-br","href":"https://genially.com/pt-br/modelo/comparaao-antes-e-depois"}},{"type":"MetaValue","property":"title","content":"Before and After Slider"},{"type":"MetaValue","property":"description","content":"A free template perfect for creating educational resources that display visual comparisons, transformations, or differences. Stand out with visual examples, creative graphics, and illustrations. Enhance training in a didactic and innovative way."},{"type":"MetaLink","property":"canonical","content":"https://genially.com/template/before-and-after-slider/"},{"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/template/before-and-after-slider/"},{"type":"MetaProperty","property":"og:title","content":"Before and After Slider"},{"type":"MetaProperty","property":"og:description","content":"A free template perfect for creating educational resources that display visual comparisons, transformations, or differences. Stand out with visual examples, creative graphics, and illustrations. Enhance training in a didactic and innovative way."},{"type":"MetaProperty","property":"og:image","content":"https://images.genially.com/genial.ly/genially/templates/ae8bfbbd-e956-428e-a5a0-72cbaa989446.png"},{"type":"MetaProperty","property":"og:email","content":"support@genially.com"},{"type":"MetaLink","property":"alternate","content":{"rel":"alternate","hreflang":"x-default","href":"https://genially.com/template/before-and-after-slider/"}},{"type":"MetaLink","property":"og:url","content":"https://genially.com/template/before-and-after-slider/"},{"type":"MetaValue","property":"og:title"},{"type":"MetaValue","property":"og:description","content":"A free template perfect for creating educational resources that display visual comparisons, transformations, or differences. Stand out with visual examples, creative graphics, and illustrations. Enhance training in a didactic and innovative way."}],"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 engaging content in education, eLearning, and corporate training. Educators, instructional designers, and trainers use Genially to design everything from interactive lessons and gamified activities to onboarding modules, microlearning courses, and assessments. Its intuitive interface, built-in animations, and advanced gamification features make it easy to create content that’s not only visually striking, but also pedagogically effective and learner-centered.","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","name":"Before and After Slider","@id":"https://genially.com/template/before-and-after-slider/","description":"A free template perfect for creating educational resources that display visual comparisons, transformations, or differences. Stand out with visual examples, creative graphics, and illustrations. Enhance training in a didactic and innovative way.","datePublished":"2025-10-07T11:43:10.978Z","dateModified":"2025-10-07T11:43:10.978Z","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/"},"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"}]},"relatedTemplates":[{"title":"Soil Layers Resource","thumbnail":"https://images.genially.com/genial.ly/genially/templates/909fca56-289f-402f-8212-9ca5d84e3232.jpeg","price":"free","url":{"path":"/template/soil-layers-resource/"}},{"title":"Cell Vertical Infographic","thumbnail":"https://images.genially.com/genial.ly/genially/templates/557f2363-209e-4414-9c31-4cde5fa762c2.jpeg","price":"free","url":{"path":"/template/cell-vertical-infographic/"}},{"title":"Weekly Calendar","thumbnail":"https://images.genially.com/genially/templates/9b74fb78-0fcd-4fbc-bdbf-f5d105d7a681.jpeg","price":"free","url":{"path":"/template/weekly-calendar/"}},{"title":"Genial quiz mobile","thumbnail":"https://images.genially.com/genial.ly/genially/templates/810ff143-ef4a-480b-99cd-384f842abc3e.png","price":"free","url":{"path":"/template/genial-quiz-mobile/"}},{"title":"Minimal Course","thumbnail":"https://images.genially.com/genial.ly/genially/templates/3f253b22-14b4-4471-82bc-60c440534465.png","price":"free","url":{"path":"/template/minimal-course/"}},{"title":"Vibrant Learning Unit","thumbnail":"https://images.genially.com/genial.ly/genially/templates/289f9e91-9029-4085-b924-b83c87e67b1b.jpeg","price":"free","url":{"path":"/template/vibrant-learning-unit/"}},{"title":"Gradient Learning Unit","thumbnail":"https://images.genially.com/genial.ly/genially/templates/e4162a62-dab4-48f4-9804-821c672314c3.jpeg","price":"premium","url":{"path":"/template/gradient-learning-unit/"}},{"title":"Thanksgiving Presentation","thumbnail":"https://images.genially.com/genially/templates/b1522e51-a0ad-42ae-beb3-887c3b721276.jpeg","price":"free","url":{"path":"/template/thanksgiving-presentation/"}},{"title":"Genial Wheel Quiz","thumbnail":"https://images.genially.com/genially/templates/ed6378f6-a3e2-408f-af18-f8adb183400c.jpeg","price":"free","url":{"path":"/template/genial-wheel-quiz/"}},{"title":"Tablet Presentation","thumbnail":"https://images.genially.com/genial.ly/genially/templates/ae3b753b-36eb-47da-b361-0d85ccf860bb.png","price":"premium","url":{"path":"/template/tablet-presentation/"}},{"title":"Classic Fairy Tales Timeline","thumbnail":"https://images.genially.com/genially/templates/077dd4fd-a0b4-4e06-8c80-8dc43fc4a228.png","price":"free","url":{"path":"/template/classic-fairy-tales-timeline/"}},{"title":"Pirates Presentation","thumbnail":"https://images.genially.com/genially/templates/39965c96-50db-436c-9eef-e1c05d4f5986.jpeg","price":"premium","url":{"path":"/template/pirates-presentation/"}}],"url":{"path":"/template/before-and-after-slider/"},"langcode":{"value":"en"},"translations":[{"title":"Before and After Slider","url":{"path":"/template/before-and-after-slider/"},"language":{"id":"en"}},{"title":"Vergleich Vorher und Nachher","url":{"path":"/de/vorlage/vergleich-vorher-und-nachher/"},"language":{"id":"de"}},{"title":"Before and After Slider","url":{"path":"/template/before-and-after-slider/"},"language":{"id":"en"}},{"title":"Antes y después comparación","url":{"path":"/es/plantilla/antes-y-despues/"},"language":{"id":"es"}},{"title":"Comparaison Avant et Après","url":{"path":"/fr/modele/comparaison-avant-et-apres/"},"language":{"id":"fr"}},{"title":"Confronto Prima e Dopo","url":{"path":"/it/template/confronto-prima-e-dopo/"},"language":{"id":"it"}},{"title":"Comparação antes e depois","url":{"path":"/pt-br/modelo/comparaao-antes-e-depois"},"language":{"id":"pt-br"}}],"liveSession":false,"aspectRatio":"16:9","thumbnail":"https://images.genially.com/genial.ly/genially/templates/ae8bfbbd-e956-428e-a5a0-72cbaa989446.png","tags":["educational","education","resources","training","before","after","comparisons","comparison","slider","compare","transformations","differences","example","visual","interactivity","didactic","customizable","editing","images","photographs","graphics","design","template","creative","illustrations","learning","ideas","innovation"]}}}}},"staticQueryHashes":[]}