{"id":227195,"date":"2022-09-23T10:28:00","date_gmt":"2022-09-23T07:28:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227195"},"modified":"2022-11-08T23:47:33","modified_gmt":"2022-11-08T20:47:33","slug":"woocommerce-omdirigering-efter-utcheckning-hur-man-staeller-in-det","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/woocommerce-omdirigering-efter-utcheckning-hur-man-staeller-in-det\/","title":{"rendered":"WooCommerce Omdirigering efter utcheckning: Hur man st\u00e4ller in det"},"content":{"rendered":"\n

Hur kan du omdirigera kunder till en vacker "Tack"-sida som \u00e4r anpassad f\u00f6r din specifika produkt?<\/p>\n

En av de vanligaste WooCommerce-omdirigeringarna \u00e4r efter betalningen. Som standard omdirigeras de till en "Tack"-sida.<\/p>\n

F\u00f6rmodligen vill du att anv\u00e4ndaren ska komma till en anpassad sida n\u00e4r best\u00e4llningen har gjorts, d\u00e4r kundservice och support kan hanteras.<\/p>\n

Den h\u00e4r artikeln skapad av v\u00e5rt team p\u00e5 wpDataTables<\/a> kommer att guida dig om hur du implementerar WooCommerce-anv\u00e4ndaromdirigeringen till en anpassad sida efter kassan.<\/p>\n

WooCommerce-omdirigering efter utcheckning kodavsnitt<\/h3>\n

Kodavsnittet nedan till\u00e5ter omdirigering till en anpassad sida efter att anv\u00e4ndaren har slutf\u00f6rt ett k\u00f6p n\u00e4r han anv\u00e4nder plugin-till\u00e4gget Prenumeration. L\u00e4gg bara till kodavsnittet till det aktiva underordnade temat function.php och ers\u00e4tt URL:en i funktionen wo_redirect() till l\u00e4mplig sida.<\/p>\n

Det h\u00e4r utdraget anv\u00e4nds ofta n\u00e4r webbplats\u00e4gare vill visa kunderna en v\u00e4lkomstsida efter kassan. V\u00e4lkomstsidor \u00e4r bra s\u00e4tt att utbilda kunder, merf\u00f6rs\u00e4lja en produkt och kanvas f\u00f6r remisser.<\/p>\n

add_action( 'woocommerce_thankyou', 'bbloomer_redirectcustom');\nfunction bbloomer_redirectcustom( $order_id ){\n\u00a0\u00a0\u00a0\u00a0$order = wc_get_order( $order_id );\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/yoursite.com\/custom-url';\n\u00a0\u00a0\u00a0\u00a0if (! $order->has_status( 'failed')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_safe_redirect( $url );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit;\n\u00a0\u00a0\u00a0\u00a0}\n}\n<\/code><\/pre>\n
Hej, visste du att data ocks\u00e5 kan vara vackert?<\/h3>\n
wpDataTables<\/a> kan g\u00f6ra det s\u00e5. Det finns en bra anledning till varf\u00f6r det \u00e4r WordPress-plugin nummer 1 f\u00f6r att skapa responsiva tabeller och diagram.<\/p>\n
\"WooCommerce<\/a><\/p>\n
Ett faktiskt exempel p\u00e5 wpDataTables i naturen<\/p>\n
Och det \u00e4r verkligen l\u00e4tt att g\u00f6ra n\u00e5got s\u00e5 h\u00e4r:<\/p>\n
    \n
  1. Du tillhandah\u00e5ller tabelldata<\/li>\n
  2. Konfigurera och anpassa den<\/li>\n
  3. Publicera det i ett inl\u00e4gg eller sida<\/li>\n<\/ol>\n
    Och det \u00e4r inte bara snyggt, utan ocks\u00e5 praktiskt. Du kan skapa stora tabeller med upp till miljontals rader<\/a>, eller s\u00e5 kan du anv\u00e4nda avancerade filter och s\u00f6kning<\/a>, eller s\u00e5 kan du g\u00e5 vilda och g\u00f6ra det redigerbart<\/a>.<\/p>\n
    "Ja, men jag gillar Excel f\u00f6r mycket och det finns inget s\u00e5dant p\u00e5 webbplatser." Ja, det finns det. Du kan anv\u00e4nda villkorlig formatering<\/a> som i Excel eller Google Sheets.<\/p>\n
    Sa jag att du ocks\u00e5 kan skapa diagram<\/a> med dina data? Och det \u00e4r bara en liten del. Det finns m\u00e5nga andra funktioner<\/a> f\u00f6r dig.<\/p>\n
    Skapa en WooCommerce-tacksida genom att skriva \u00f6ver WooCommerce-mallar<\/h3>\n
    F\u00f6r att omdirigera anv\u00e4ndaren efter att en best\u00e4llning har lagts, m\u00e5ste du anv\u00e4nda mallomdirigeringshaken och en \u00e5teruppringningsfunktion med omdirigeringsadressen. I en snabb sammanfattning h\u00e4r \u00e4r de n\u00f6dv\u00e4ndiga stegen:<\/p>\n
    F\u00f6rst \u00e4r det god praxis att kontrollera om anv\u00e4ndaren \u00e4r p\u00e5 kassasidan, best\u00e4llningssidan eller p\u00e5 best\u00e4llningssidan innan du skapar den anpassade omdirigeringen efter kassan.<\/p>\n
    F\u00f6r att omdirigera kunder till en anpassad sida automatiskt efter att best\u00e4llningen har lagts kr\u00e4vs funktionen template_redirect().<\/p>\n
    L\u00e4gg till \u00e5tg\u00e4rdshaken template_redirect till exempel<\/p>\n
    -?\u00a0add_action('template_redirect', 'your_callback_function');<\/code><\/pre>\n
    Skapa \u00e5teruppringningsfunktionen som du refererade till i mallomdirigeringskroken ovan, och notera att namnet i \u00e5teruppringningsfunktionen och kroken ska matcha.<\/p>\n
    I callback-funktionen, anv\u00e4nd wp_redirect()-funktionen f\u00f6r att l\u00e4gga till sidan dit du vill att anv\u00e4ndaren ska omdirigeras efter framg\u00e5ngsrik utcheckning. L\u00e4gg alltid till en utg\u00e5ng efter funktionen wp_redirect f\u00f6r att undvika omdirigeringsproblem.<\/p>\n
    Denna kod l\u00e4ggs till i din functions.php-fil i temat. Leta reda p\u00e5 den filen och \u00f6ppna den i redigeraren f\u00f6r att l\u00e4gga till den h\u00e4r actionkroken f\u00f6r WooCommerce-omdirigering efter kassan.<\/p>\n
    Spara \u00e4ndringarna eller uppdatera ditt tema functions.php eller plugin-filen och du har framg\u00e5ngsrikt skapat omdirigeringen till den \u00f6nskade sidan efter WooCommerce kassan.<\/p>\n
    Anpassa WooCommerce-tacksidan med filter<\/h2>\n
    L\u00e5t oss b\u00f6rja anpassa WooCommerce Tack-sidan<\/a> med n\u00e5gra snabba kod\u00e4ndringar.<\/p>\n
    \u00c4ndra tacksidans titel<\/h3>\n
    Ist\u00e4llet f\u00f6r att skapa en anpassad "Tack"-sida kanske du bara vill \u00e4ndra sidans titel.<\/p>\n
    Du kan l\u00e4gga till utdraget nedan med ett plugin eller i temats functions.php-fil.<\/p>\n
    <?php<\/code><\/pre>\n
    WooCommerce tillhandah\u00e5ller funktionen is_order_received_page() i filen include\/wc-conditional-functions.php.<\/p>\n
    Anpassa titeln<\/h3>\n
    Du kan f\u00f6rb\u00e4ttra din webbplats genom att anpassa sidans titel "Tack" s\u00e5 att den inneh\u00e5ller detaljer som kundens namn eller v\u00e4lkomnar dem p\u00e5 deras modersm\u00e5l.<\/p>\n
    Du kan l\u00e4gga till koden nedan med en plugin eller i ditt temas functions.php:<\/p>\n
    <?php\n\u00a0add_filter( 'the_title', 'woo_personalize_order_received_title', 10, 2 );\nfunction woo_personalize_order_received_title( $title, $id) {\n\u00a0\u00a0\u00a0 if (is_order_received_page() && get_the_ID() === $id) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 global $wp;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Get the order. Line 9 to 17 are present in order_received() in includes\/shortcodes\/class-wc-shortcode-checkout.php file\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order_id\u00a0 = apply_filters( 'woocommerce_thankyou_order_id', absint( $wp->query_vars['order-received']) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order_key = apply_filters( 'woocommerce_thankyou_order_key', empty( $_GET['key'] )? '': wc_clean( $_GET['key']) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if ($order_id > 0) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order = wc_get_order( $order_id );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if ($order->get_order_key() != $order_key) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order = false;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (isset ($order)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/$title = sprintf( \"You are awesome, %s!\", esc_html( $order->billing_first_name) ); \/\/ use this for WooCommerce versions older then v2.7\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $title = sprintf( \"You are awesome, %s!\", esc_html( $order->get_billing_first_name()) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0 return $title;\n}<\/code><\/pre>\n
    \u00c4ndra texten f\u00f6re best\u00e4llningsinformation<\/h3>\n
    Filtren som \u00e4r tillg\u00e4ngliga i WooCommerce l\u00e5ter dig \u00e4ndra texten som visas p\u00e5 sidan "Tack". Standardtexten som visas f\u00f6re best\u00e4llningsinformationen \u00e4r "Tack. Din best\u00e4llning har mottagits.".<\/p>\n
    Denna text kommer fr\u00e5n filen templates\/checkout\/thankyou.php. Filtret som \u00e4r tillg\u00e4ngligt f\u00f6r att \u00e4ndra denna text \u00e4r: woocommerce_thankyou_order_received_text<\/p>\n
    <?php<\/code><\/pre>\n
    Ovanst\u00e5ende kod kommer att l\u00e4gga till texten "Vi har skickat ink\u00f6pskvittot till dig via e-post." till den befintliga texten.<\/p>\n
    Om du vill skriva \u00f6ver texten helt beh\u00f6ver du helt enkelt undvika att kedja ihop $str-variabeln till din meddelandevariabel $new_str.<\/p>\n
    $new = ’Vi har skickat ink\u00f6pskvittot till dig via e-post.’;<\/p>\n
    Om du vill att kunden ska ladda ner ett formul\u00e4r \u00e4r det h\u00e4r som instruktionerna kan l\u00e4ggas till.<\/p>\n
    <?php<\/code><\/pre>\n
    Jag kodar inte \u2013 finns det en p\u00e5litlig plugin f\u00f6r det?<\/h2>\n
    Att skriva kod \u00e4r en f\u00e4rdighet men dessa plugins kan anv\u00e4ndas f\u00f6r att uppn\u00e5 samma resultat.<\/p>\n
    Det h\u00e4r exemplet \u00e4r f\u00f6r WooCommerce Redirect Thank You-<\/a> plugin.<\/p>\n
    Installation av plugin<\/h3>\n
    \"WooCommerce<\/a><\/p>\n
    Efter att ha installerat WooCommerce Redirect Thank You-plugin kan du skapa dina tacksidor. Du kanske vill skapa en allm\u00e4n tacksida som \u00e4r l\u00e4mplig f\u00f6r global anv\u00e4ndning, eller s\u00e5 kan du designa sidor f\u00f6r att visa upp specifika produkter.<\/p>\n
    \"WooCommerce<\/a><\/p>\n
    Detta m\u00f6jligg\u00f6r korsf\u00f6rs\u00e4ljning, merf\u00f6rs\u00e4ljning, rabatter eller kuponger, som alla kan fr\u00e4mja framtida f\u00f6rs\u00e4ljning. I "Tack"-kodningsexemplet som visas ovan har en merf\u00f6rs\u00e4ljning med ett kupongerbjudande implementerats med ett WooCommerce-block.<\/p>\n
    \"WooCommerce<\/a><\/p>\n
    I WordPress-instrumentpanelen, h\u00e5ll muspekaren \u00f6ver WooCommerce och klicka p\u00e5 Inst\u00e4llningar, v\u00e4lj sedan fliken "Tack".<\/p>\n
    (Valfritt) Om du vill st\u00e4lla in en global "Tack"-sida som kunderna kommer att skickas till n\u00e4r best\u00e4llningen \u00e4r klar, kan du st\u00e4lla in den sidan med den h\u00e4r inst\u00e4llningen. Det h\u00e4r alternativet \u00e5sidos\u00e4tter sidinst\u00e4llningen f\u00f6r WooCommerce order completed.<\/p>\n
    \"WooCommerce<\/a><\/p>\n
    I licensnyckelf\u00e4ltet l\u00e4gger du till licensnyckeln som skickades i e-postmeddelandet med orderbekr\u00e4ftelse. Detta aktiverar meddelanden om nya versioner av plugin-programmet och till\u00e5ter automatiska uppdateringar fr\u00e5n din WordPress-instrumentpanel.<\/p>\n
    Andra plugins<\/h3>\n
    YITH anpassad tacksida f\u00f6r WooCommerce<\/h4>\n
    \"WooCommerce<\/a><\/p>\n
    Boxy WooCommerce anpassad omdirigering efter kassan<\/h4>\n
    \"WooCommerce<\/a><\/p>\n
    Bli kreativ med din tacksida<\/h3>\n
    Att kontrollera designen m\u00f6jligg\u00f6r kreativitet med din "Tack"-sida. Genom att anv\u00e4nda en sidbyggare kan du f\u00f6rb\u00e4ttra din kunds upplevelse och st\u00e4rka retentionsgraden.<\/p>\n
    H\u00e5ll din "Tack"-sida relevant, kanske inkludera en video d\u00e4r butiks\u00e4garen rekommenderar en produkt. N\u00e4r du tillhandah\u00e5ller information som tilltalar dina kunder, kommer de att vara motiverade att engagera dig i dina tj\u00e4nster i framtiden.<\/p>\n
    Om du gillade att l\u00e4sa den h\u00e4r artikeln om WooCommerce-omdirigering efter kassan, b\u00f6r du kolla in den h\u00e4r om hur du st\u00e4ller in WooCommerce-relaterade produkter<\/a>.<\/p>\n
    Vi skrev ocks\u00e5 om n\u00e5gra relaterade \u00e4mnen som hur man st\u00e4ller in WooCommerce-testl\u00e4ge<\/a>, WooCommerce-grupperad produkt<\/a>, WooCommerce-variabel produkt<\/a>, WooCommerce-utn\u00e4mningsplugins<\/a>, WooCommerce-produktvarianter<\/a>, hur man exporterar WooCommerce-ordrar<\/a>, hur man \u00e4ndrar WooCommerce-antalet produkter per sida<\/a>, WooCommerce d\u00f6lj kategorin fr\u00e5n butikssidan<\/a> och de b\u00e4sta WooCommerce extra produktalternativen<\/a>.<\/p>\n
    Inspelningsk\u00e4lla:  wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
    En av de vanligaste WooCommerce-omdirigeringarna efter kassabetalning. Som standard omdirigeras de till en ”Tack”-sida.<\/p>\n","protected":false},"author":1,"featured_media":185220,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[848,818,858,868],"tags":[1173],"class_list":["post-227195","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-handledningar","category-plugins-3","category-woocommerce-9","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/227195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=227195"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/227195\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/185220"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=227195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=227195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=227195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}