UPD:

Решил данную проблему, добавив данную функцию в functions.php

add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order' );
    function custom_woocommerce_auto_complete_order( $order_id ) { 
        if ( ! $order_id ) {
            return;
        }
        $order = wc_get_order( $order_id );
        if( $order->has_status( 'processing' ) ) {
            $order->update_status( 'completed' );
        }
    }

Лучше поздно, чем никогда.

Самый простой и производительный вариант - swup.js .
Встраивается во что угодно за пару минут + имеет огромное кол-во ивентов, для перезагрузки js (а также отдельный плагин). Анимацию можно реализовать как на чистом css, так и с помощью GSAP.

Примеры сайтов, использующих swup:
Panasonic
Raiffeisen Bank
Plan-k

Не без косяков конечно.
Порой приходится знатно поколдовать, чтобы заставить его работать с подключаемым извне кодом (прим: виджеты b24, скрипты метрик и т.д..);

Советую ознакомится с данным ридом:
https://habr.com/ru/company/productivity_inside/bl...

Будьте аккуратны с данным решением.
Около полугода назад, по схожим причинам, пришлось перейти на Node + MongoDB / оставив только авторизацию и аналитику.