{"id":1742,"date":"2021-06-20T10:55:35","date_gmt":"2021-06-20T10:55:35","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=1742"},"modified":"2023-02-22T09:40:29","modified_gmt":"2023-02-22T09:40:29","slug":"how-to-redirect-to-a-lottie-widget-thank-you-page","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/","title":{"rendered":"How to Redirect to a Lottie Widget Thank You Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1742\" class=\"elementor elementor-1742\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d7093a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d7093a0\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e52c97c\" data-id=\"7e52c97c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-322bf159 elementor-widget elementor-widget-video\" data-id=\"322bf159\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=_NYPVJlk9UI&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4da7c6b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4da7c6b3\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e5bc0a1\" data-id=\"7e5bc0a1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7892ef5e elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"7892ef5e\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2021\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-2021\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-2022\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2022\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-2021\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2021\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2021\" tabindex=\"0\" hidden=\"false\"><p>Learn how to redirect visitors to a cool Thank You Page after submitting a Multi-Step Form. In our example, visitors can sign-up for a gym membership, and after doing so.. are redirected to a cool Lottie Animation Thank You Page. Turning it into a one-of-a-kind experience.<\/p><p>In this tutorial you&#8217;ll learn how to: <br \/>\u2714\ufe0e Use redirect after submit in Elementor\u2019s Form Builder <br \/>\u2714\ufe0e Add Lottie Animations to your designs<br \/>\u2714\ufe0e Use Lottie\u2019s Online Editor to tweak animations to your liking<br \/>\u2714\ufe0e Set Animations to play according to your preference<br \/>\u2714\ufe0e And much more!<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-2022\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2022\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-2022\" tabindex=\"0\" hidden=\"hidden\"><p>Hi All, It\u2019s Ziv from elementor.<\/p><p>Today I\u2019ll show you how to redirect visitors to a Cool Thank you Page after submitting a Multi-Step Form. In our example.. visitors can sign-up for a gym membership.. and after doing so.. are redirected to this thank you page which includes a custom lottie animation set to play automatically. Turning it into a one-of-a-kind experience.<\/p><p>So Let\u2019s see how it\u2019s done.<\/p><p>First of all.. on the sign-up page.. Go to your multi-step form and ..in Actions After Submit.. Choose redirect. You\u2019ll see the redirect dropdown appear below.. Click on it.. Here is where you add the link to your Thank You Page. <br \/>You can either paste it in, or click on dynamic tags and under site.. Choose \u201cinternal URL\u201d then click on it to open it\u2019s settings and set the type to content. Then search for your thank you page and select it, that\u2019s all.<\/p><p>For this tutorial I\u2019ve gone ahead and pre-built the thank you page, so we can focus on the lottie animation that makes it stand out. Let\u2019s open it so you can see. To save some time.. I\u2019ll go ahead and click cmd or control plus E to open the finder.. Then search for the page,&#8230; here it is&#8230;I\u2019ll hold down cmd or control so it opens in a new tab when I click it.<\/p><p>Okay let\u2019s liven this page up a bit by adding a cool lottie animation. <br \/>Simply search for and drag in the lottie widget.<br \/>Here you can choose the source. You can either use an external URL by simply copying the online Lottie Animation link, and pasting..like so\u2026 OR set the source to Media File, and upload your own Lottie Animations.. which is what I\u2019ll do for this tutorial.<\/p><p>I\u2019ve gone ahead and used the online Lottie Editor to make sure the animation suits my site\u2019s colour palette. I changed the t-shirt colour and hid the background layer so it\u2019s transparent.<\/p><p>Then download it \u2026.. Aand back in the Lottie Widget,..choose \u201cupload JSON file\u201d.<\/p><p>Next, Drag in the file to upload&#8230; and insert it.<\/p><p><br \/>Let\u2019s first go to style and make sure it fits in nicely with my design. I\u2019ll increase the size by using the width slider and change the unit to px. I\u2019ll set it to 750<\/p><p>Back in content, let\u2019s go to settings.. and make sure the animation plays according to our preference.<\/p><p>I\u2019ll set the trigger to \u201cnone\u201d so the animation Plays automatically..I\u2019ll also set it to loop, so it continues playing.. <br \/>Lastly I\u2019ll slow down the speed a bit like so, great!<\/p><p>Let\u2019s update, go back to the form and check it all out!<\/p><p>Cool!<\/p><p><br \/>Well that\u2019s it!<\/p><p>Now you know how to redirect visitors to a Cool Thank you Page after submitting a Multi-Step Form.. and use the lottie widget to add custom animations to your site, Turning it into a one-of-a-kind experience.<\/p><p>So go ahead\u2026 add your own lottie animations to your designs.. your sites will stand out and experience increased engagement.. without touching any code.<\/p><p>Have fun playing around and don\u2019t forget to subscribe to our YouTube channel for more tips and tutorials.<\/p><p>Ciao for now!<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview Learn how to redirect visitors to a cool Thank You Page after submitting a Multi-Step Form. In our example, visitors can sign-up for a gym membership, and after doing so.. are redirected to a cool Lottie Animation Thank You Page. Turning it into a one-of-a-kind experience. In this tutorial you\u2019ll learn how [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4096,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[41],"class_list":["post-1742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-forms","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Redirect to a Lottie Widget Thank You Page - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Redirect to a Lottie Widget Thank You Page - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Learn how to redirect visitors to a cool Thank You Page after submitting a Multi-Step Form. In our example, visitors can sign-up for a gym membership, and after doing so.. are redirected to a cool Lottie Animation Thank You Page. Turning it into a one-of-a-kind experience. In this tutorial you\u2019ll learn how [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-20T10:55:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:40:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Redirect-to-a-Lottie-Widget-Thank-You-Page-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Redirect to a Lottie Widget Thank You Page - Academy","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:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/","og_locale":"en_US","og_type":"article","og_title":"How to Redirect to a Lottie Widget Thank You Page - Academy","og_description":"Overview Transcript Overview Learn how to redirect visitors to a cool Thank You Page after submitting a Multi-Step Form. In our example, visitors can sign-up for a gym membership, and after doing so.. are redirected to a cool Lottie Animation Thank You Page. Turning it into a one-of-a-kind experience. In this tutorial you\u2019ll learn how [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/","og_site_name":"Academy","article_published_time":"2021-06-20T10:55:35+00:00","article_modified_time":"2023-02-22T09:40:29+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Redirect-to-a-Lottie-Widget-Thank-You-Page-1.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"How to Redirect to a Lottie Widget Thank You Page","datePublished":"2021-06-20T10:55:35+00:00","dateModified":"2023-02-22T09:40:29+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/"},"wordCount":670,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Redirect-to-a-Lottie-Widget-Thank-You-Page-1.jpg","keywords":["Guides and Tutorials"],"articleSection":["Forms"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/","url":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/","name":"How to Redirect to a Lottie Widget Thank You Page - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Redirect-to-a-Lottie-Widget-Thank-You-Page-1.jpg","datePublished":"2021-06-20T10:55:35+00:00","dateModified":"2023-02-22T09:40:29+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Redirect-to-a-Lottie-Widget-Thank-You-Page-1.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Redirect-to-a-Lottie-Widget-Thank-You-Page-1.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-redirect-to-a-lottie-widget-thank-you-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Forms","item":"https:\/\/elementor.com\/academy\/forms\/"},{"@type":"ListItem","position":4,"name":"How to Redirect to a Lottie Widget Thank You Page"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=1742"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1742\/revisions"}],"predecessor-version":[{"id":9573,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1742\/revisions\/9573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4096"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=1742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=1742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=1742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}