Thank you page

Success animation on thank you page woocommerce

/* css needed*/
dotlottie-player {
position: absolute;
    right: 50%;
    top: 100px;
    transform: translate(-50%, 0);
    left: 50%;
}
    
add_action( 'woocommerce_thankyou', 'thankyou_page_lottie', 1 ); function thankyou_page_lottie() { echo '<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script><dotlottie-player src="https://lottie.host/db927954-ca80-4b3a-8813-8b91efc2e40a/1xbuVowrLG.json" background="transparent" speed="1" style="width: 650px; height: 650px" direction="1" mode="normal" autoplay></dotlottie-player>'; }

Leave a Reply

Your email address will not be published. Required fields are marked *