{"id":59894,"date":"2024-07-15T14:59:05","date_gmt":"2024-07-15T12:59:05","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=59894&#038;preview=true&#038;preview_id=59894"},"modified":"2024-07-24T09:34:44","modified_gmt":"2024-07-24T07:34:44","slug":"woocommerce-bestelgegevens-bestelling","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/","title":{"rendered":"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-handleiding\/\">WooCommerce<\/a> is een krachtig hulpmiddel voor het bouwen van online winkels met <a href=\"https:\/\/kinsta.com\/wordpress\/\">WordPress<\/a>, dat alles regelt: van productvitrines tot aankoopverwerking, <a href=\"https:\/\/kinsta.com\/blog\/woocommerce-tax\/\">belastingbeheer<\/a> en nog veel meer.<\/p>\n<p>Een opvallende eigenschap van WooCommerce is de mogelijkheid om gedetailleerde bestelinformatie bij te houden. Elk aspect van een bestelling wordt nauwkeurig opgeslagen, inclusief het bedrag, de valuta, verzendgegevens, belastingen en nog veel meer.<\/p>\n<p>Deze gedetailleerde informatie is waardevol voor zowel winkeleigenaren als klanten. Stel je voor dat je een pagina maakt waarop gebruikers moeiteloos hun bestelgegevens kunnen controleren en deze kunnen aanpassen om extra informatie weer te geven.<\/p>\n<p>Deze handleiding leidt je door de stappen om een custom <a href=\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-checkout\/\">WooCommerce pagina<\/a> te maken die bestelgegevens weergeeft op basis van de order-ID.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Waarom zou je een custom pagina met bestelgegevens maken?<\/h2>\n<p>Het maken van een custom bestelpagina in <a href=\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-sneller-maken\/\">WooCommerce<\/a> kan verschillende voordelen bieden, zowel voor de winkeleigenaar als voor de klant. Hier zijn een paar overtuigende redenen waarom je deze route zou willen volgen:<\/p>\n<ol start=\"1\">\n<li><strong>Verbeterde gebruikerservaring<\/strong> &#8211; Met een custom pagina met bestelgegevens kun je bestelinformatie presenteren die het beste past bij de behoeften van je klanten. Je kunt de layout en inhoud van je pagina aanpassen zodat je belangrijke details zoals verzendstatus, productspecificaties en leveringsdatums kunt benadrukken, zodat het voor klanten gemakkelijker wordt om snel te vinden wat ze zoeken.<\/li>\n<li><strong>Extra features <\/strong>&#8211; Met een custom pagina met bestelgegevens kun je features toevoegen die standaard niet beschikbaar zijn in WooCommerce. Je kunt bijvoorbeeld <a href=\"https:\/\/kinsta.com\/courses\/woocommerce-optimization\/use-custom-fields-on-checkout\/\">je eigen velden<\/a> weergeven zoals een boodschap voor een cadeau, speciale instructies of persoonlijke notities die uniek zijn voor elke bestelling.<\/li>\n<li><strong>Interactiviteit<\/strong> &#8211; Met een custom pagina met bestelgegevens kun je interactieve elementen toevoegen, zoals voortgangsbalkjes om de bestelling te volgen, links naar gerelateerde producten of directe toegang tot de klantenservice.<\/li>\n<li><strong>Flexibiliteit en aanpasbaarheid<\/strong> &#8211; Als je een custom pagina met bestelgegevens maakt, kun je bedrijfsspecifieke logica implementeren en je aanpassen aan veranderende behoeften. Je kunt verschillende informatie weergeven op basis van criteria die uniek zijn voor je winkel, zoals de locatie van de klant of het type producten dat is besteld.<\/li>\n<\/ol>\n<h2>Hoe je bestelgegevens uit het $order object haalt<\/h2>\n<p>In WooCommerce is het <code>$order<\/code> object een centraal stuk dat alle informatie over een specifieke bestelling bevat. Door gebruik te maken van dit object kun je verschillende gegevens over een bestelling ophalen, zoals de ID van de bestelling, de besteldatum, factuur- en verzendgegevens en de gekochte producten.<\/p>\n<p>Laten we eens in detail bekijken hoe je deze verschillende gegevens van het <code>$order<\/code> object kunt openen en gebruiken.<\/p>\n<h3>1. Het order object ophalen<\/h3>\n<p>Eerst moet je het order object ophalen met de functie <code>wc_get_order<\/code>. Deze functie neemt een order-ID en retourneert het bijbehorende orderobject.<\/p>\n<pre><code class=\"language-php\">$order_id = 123; \/\/ Example order ID\n$order = wc_get_order( $order_id );<\/code><\/pre>\n<h3>2. Basic orderinformatie<\/h3>\n<p>Als je eenmaal het <code>$order<\/code> object hebt, kun je basisinformatie over de bestelling ophalen. Hier zijn enkele voorbeelden:<\/p>\n<ul>\n<li><strong>Order ID<\/strong> &#8211; De unieke identificatiecode voor de order.\n<pre><code class=\"language-php\">$order_id = $order-&gt;get_id();\necho 'Order ID: ' . $order_id;<\/code><\/pre>\n<\/li>\n<li><strong>Orderdatum <\/strong>&#8211; De datum waarop de order is aangemaakt.\n<pre><code class=\"language-php\">$order_date = $order-&gt;get_date_created();\necho 'Order date: ' . wc_format_datetime( $order_date );<\/code><\/pre>\n<\/li>\n<li><strong>Totaal bestelling<\/strong> &#8211; Het totaalbedrag van de bestelling.\n<pre><code class=\"language-php\">$order_total = $order-&gt;get_formatted_order_total();\necho 'Order total: ' . $order_total;<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>3. Factureringsgegevens<\/h3>\n<p>Factureringsgegevens omvatten gegevens die de klant heeft verstrekt tijdens het afrekenen. Je kunt deze gegevens opvragen met de volgende methoden:<\/p>\n<ul>\n<li><strong>Factuur adres:<\/strong>\n<pre><code class=\"language-php\">$billing_address = $order-&gt;get_formatted_billing_address();\necho 'Billing address: ' . $billing_address;<\/code><\/pre>\n<\/li>\n<li><strong>Facturering e-mail:<\/strong>\n<pre><code class=\"language-php\">$billing_email = $order-&gt;get_billing_email();\necho 'Billing email: ' . $billing_email;<\/code><\/pre>\n<\/li>\n<li><strong>Telefoon voor facturering:<\/strong>\n<pre><code class=\"language-php\">$billing_phone = $order-&gt;get_billing_phone();\necho 'Billing phone: ' . $billing_phone;<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>4. Verzendinformatie<\/h3>\n<p>Verzendinformatie bevat de details over waar de bestelling naartoe wordt verzonden. Net als bij factuurgegevens kun je deze gegevens opvragen via het object <code>$order<\/code>:<\/p>\n<ul>\n<li><strong>Verzendadres:<\/strong>\n<pre><code class=\"language-php\">$shipping_address = $order-&gt;get_formatted_shipping_address();\necho 'Shipping address: ' . $shipping_address;<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>5. Bestelde items<\/h3>\n<p>Je kunt de items van een bestelling opvragen, wat vooral handig is als je gekochte producten wilt weergeven. Zo vraag je de bestelde items op:<\/p>\n<pre><code class=\"language-php\">$items = $order-&gt;get_items();\nforeach ( $items as $item_id =&gt; $item ) {\n    $product_name = $item-&gt;get_name();\n    $product_quantity = $item-&gt;get_quantity();\n    $product_total = $item-&gt;get_total();\n    echo 'Product name: ' . $product_name . '&lt;br&gt;';\n    echo 'Quantity: ' . $product_quantity . '&lt;br&gt;';\n    echo 'Total: ' . wc_price( $product_total ) . '&lt;br&gt;';\n}<\/code><\/pre>\n<h3>6. Betalings- en verzendmethoden<\/h3>\n<p>Je kunt ook informatie opvragen over de betaal- en verzendmethoden die voor de bestelling zijn gebruikt:<\/p>\n<ul>\n<li><strong>Betalingsmethode:<\/strong>\n<pre><code class=\"language-php\">$payment_method = $order-&gt;get_payment_method_title();\necho 'Payment method: ' . $payment_method;<\/code><\/pre>\n<\/li>\n<li><strong>Verzendmethode<\/strong>:\n<pre><code class=\"language-php\">$shipping_methods = $order-&gt;get_shipping_methods();\nforeach ( $shipping_methods as $shipping_method ) {\necho 'Shipping method: ' . $shipping_method-&gt;get_name();\n}<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>7. Status bestelling<\/h3>\n<p>De status van de bestelling kan handig zijn voor verschillende functionaliteiten, zoals het bijhouden van de voortgang van de bestelling:<\/p>\n<pre><code class=\"language-php\">$order_status = wc_get_order_status_name( $order-&gt;get_status() );\necho 'Order status: ' . $order_status;<\/code><\/pre>\n<h2>Een pagina maken om bestelgegevens op order-ID weer te geven<\/h2>\n<p>Om je klanten een naadloze ervaring te bieden, is het handig om een custom pagina te maken waar ze hun bestelgegevens kunnen bekijken door simpelweg hun order-ID in te voeren.<\/p>\n<p>Laten we je begeleiden bij het maken van een pagina, inclusief het instellen van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-berichttemplates\/\">template<\/a> en het weergeven van de bestelgegevens.<\/p>\n<h3>Stap 1: Maak een custom paginatemplate<\/h3>\n<p>Maak eerst een custom paginasjabloon in je <a href=\"https:\/\/kinsta.com\/nl\/tools\/wordpress-theme-detector\/\">WordPress thema<\/a>. Deze sjabloon wordt gebruikt om de bestelgegevens weer te geven.<\/p>\n<p>Navigeer hiervoor naar de broncode van je project. Als je je project met <a href=\"https:\/\/kinsta.com\/nl\/devkinsta\/\">DevKinsta<\/a> hebt gemaakt, is dit eenvoudig te bereiken. Je kunt ook een <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/verbinden-met-sftp\/#ftp-clients\">FTP Client<\/a> gebruiken via de instellingen op je site info pagina (<strong>WordPress Sites<\/strong> &gt; <strong>sitename<\/strong> &gt; <strong>Info<\/strong>).<\/p>\n<p>Maak in de map van je <a href=\"https:\/\/kinsta.com\/nl\/blog\/child-thema-wordpress\/\">child thema<\/a>\u00a0een nieuw bestand aan met de naam <strong>page-order-details.php<\/strong>. Voeg de volgende code toe aan dit bestand:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Template Name: Order Details\n *\/\nget_header();\n?&gt;\n\n&lt;div id=\"primary\" class=\"content-area\"&gt;\n    &lt;main id=\"main\" class=\"site-main\"&gt;\n\n        &lt;?php\n        if ( isset( $_GET['order_id'] ) ) {\n            $order_id = intval( $_GET['order_id'] );\n            display_order_details( $order_id );\n        } else {\n            echo '&lt;p&gt;No order ID provided.&lt;\/p&gt;';\n        }\n        ?&gt;\n\n    &lt;\/main&gt;<!-- #main -->\n&lt;\/div&gt;<!-- #primary -->\n\n&lt;?php\nget_footer();\n\n\/\/ Function to display order details\nfunction display_order_details( $order_id ) {\n    $order = wc_get_order( $order_id );\n    if ( ! $order ) {\n        echo '&lt;p&gt;Invalid order ID.&lt;\/p&gt;';\n        return;\n    }\n\n    echo '&lt;h2&gt;Order Details&lt;\/h2&gt;';\n    echo '&lt;ul&gt;';\n    echo '&lt;li&gt;Order ID: ' . $order-&gt;get_id() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Order Date: ' . wc_format_datetime( $order-&gt;get_date_created() ) . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Order Total: ' . $order-&gt;get_formatted_order_total() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Billing Address: ' . $order-&gt;get_formatted_billing_address() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Shipping Address: ' . $order-&gt;get_formatted_shipping_address() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Billing Email: ' . $order-&gt;get_billing_email() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Billing Phone: ' . $order-&gt;get_billing_phone() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Payment Method: ' . $order-&gt;get_payment_method_title() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Order Status: ' . wc_get_order_status_name( $order-&gt;get_status() ) . '&lt;\/li&gt;';\n    echo '&lt;\/ul&gt;';\n\n    echo '&lt;h3&gt;Order Items&lt;\/h3&gt;';\n    echo '&lt;ul&gt;';\n    $items = $order-&gt;get_items();\n    foreach ( $items as $item_id =&gt; $item ) {\n        echo '&lt;li&gt;';\n        echo 'Product Name: ' . $item-&gt;get_name() . '&lt;br&gt;';\n        echo 'Quantity: ' . $item-&gt;get_quantity() . '&lt;br&gt;';\n        echo 'Total: ' . wc_price( $item-&gt;get_total() ) . '&lt;br&gt;';\n        echo '&lt;\/li&gt;';\n    }\n    echo '&lt;\/ul&gt;';\n}<\/code><\/pre>\n<p>Laten we deze code uitsplitsen zodat je het begrijpt.<\/p>\n<p>Allereerst zie je de features <code>get_header()<\/code> en <code>get_footer()<\/code>, die de standaard <a href=\"https:\/\/kinsta.com\/nl\/blog\/code-toevoegen-aan-de-wordpress-header-en-footer\/\">WordPress header en footer<\/a> voor de pagina bevatten en ervoor zorgen dat het algemene ontwerp en de layout van de site behouden blijven.<\/p>\n<p>We hebben ook een aantal basis <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML<\/a> markeringen die belangrijk zijn voor het weergeven van tekst op het web. De volgende belangrijke code die je ziet is de voorwaarde die controleert of er een <code>order_id<\/code> is doorgegeven als <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-een-url\/\">URL parameter<\/a>.<\/p>\n<pre><code class=\"language-php\">if ( isset( $_GET['order_id'] ) ) {\n    $order_id = intval( $_GET['order_id'] );\n    display_order_details( $order_id );\n} else {\n    echo '&lt;p&gt;No order ID provided.&lt;\/p&gt;';\n}<\/code><\/pre>\n<p>Als er een <code>order_id<\/code> bestaat, wordt de invoer gezuiverd met <code>intval()<\/code> en wordt de functie <code>display_order_details<\/code> gecalld. Als er geen <code>order_id<\/code> is opgegeven, wordt er een bericht weergegeven dat dit aangeeft.<\/p>\n<p>De functie <code>display_order_details<\/code> is de functie die onder <code>get_footer()<\/code> wordt gedeclared. Deze functie neemt de order-ID als invoer en haalt het bijbehorende orderobject op met behulp van <code>wc_get_order()<\/code>.<\/p>\n<p>Als de order-ID ongeldig is, wordt een foutbericht weergegeven. Anders worden verschillende bestelgegevens opgehaald en weergegeven, zoals order-ID, datum, totaal, factuur- en verzendadres, e-mail, telefoon, betaalmethode en bestelstatus in een niet-geordende lijst.<\/p>\n<p>Daarnaast worden de bestelitems doorlopen en worden de productnaam, de hoeveelheid en de totaalprijs voor elk item in een andere niet-geordende lijst weergegeven.<\/p>\n<h3>Stap 2: Voeg de template toe aan je thema en maak een nieuwe pagina in WordPress<\/h3>\n<p>Sla het bestand <strong>page-order-details.php<\/strong> op in de map van je child thema. Hierdoor wordt de template beschikbaar voor selectie bij het maken van een nieuwe pagina in WordPress.<\/p>\n<p>Ga vervolgens naar <b>Pages <\/b>&gt; <strong>Add new <\/strong>in je <a href=\"https:\/\/kinsta.com\/blog\/wordpress-admin\/\">WordPress admin<\/a> dashboard. Geef de pagina een naam en selecteer dan in het gedeelte <b>Page features <\/b>aan de rechterkant de sjabloon <b>Order details <\/b>uit de keuzelijst Template.<\/p>\n<p>Als je de sectie <b>Page features <\/b>niet ziet, kun je teruggaan naar <strong>Pages <\/strong>. Daar zie je een lijst met alle pagina&#8217;s met een aantal opties als je met je muis over elke pagina beweegt. Selecteer <strong>Quick edit <\/strong>en dan zie je de sectie <strong>Page features<\/strong>.<\/p>\n<p>Publiceer de pagina en je kunt nu de custom pagina met bestelgegevens testen.<\/p>\n<p>Om te testen navigeer je naar je browser en voeg je <code>?order_id=ORDER_ID<\/code> toe aan de URL, waarbij je <code>ORDER_ID<\/code> vervangt door een geldige WooCommerce order-ID. Bijvoorbeeld, <code>https:\/\/yourwebsite.com\/order-details\/?order_id=70<\/code><\/p>\n<p>Dit zou de bestelgegevens voor de opgegeven order-ID moeten weergeven.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/order-details-id.png\" alt=\"Bestelgegevens van de order-ID.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Bestelgegevens van de order-ID.<\/figcaption><\/figure>\n<p>Je kunt dan naar wens styling toevoegen aan de template.<\/p>\n<h2>Een pagina met bestelgegevens maken met de shortcode voor het tracken van bestellingen van WooCommerce<\/h2>\n<p>Een andere optie die je misschien nog niet kent is de WooCommerce shortcode voor het tracken van bestellingen, waarmee gebruikers hun bestelgegevens kunnen opzoeken door hun bestelnummer en e-mailadres in te voeren.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/order-tracking-shortcode.gif\" alt=\"Bestelgegevens van de WooCommerce shortcode voor het volgen van bestellingen.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Bestelgegevens van de WooCommerce shortcode voor het tracken van bestellingen.<\/figcaption><\/figure>\n<p>Deze pagina toont het bestelnummer, de datum, de status, de artikelen, de verzending en het factuuradres. Dit kan handig zijn als je niet van plan bent om meer gedetailleerde informatie te tonen.<\/p>\n<p>Een pagina voor het bijhouden van bestellingen maken met de WooCommerce shortcode voor het bijhouden van bestellingen is een eenvoudige manier om de klantervaring te verbeteren zonder je te hoeven verdiepen in custom codering.<\/p>\n<p>Volg de volgende stappen om dit te doen:<\/p>\n<ol start=\"1\">\n<li>Log in op je WordPress dashboard.<\/li>\n<li>Maak vervolgens een nieuwe pagina aan door te navigeren naar <b>Pages <\/b>&gt; <strong>Add new<\/strong>.<\/li>\n<li>Geef de pagina een titel en voeg in de pagina-editor de volgende shortcode toe:\n<pre><code class=\"language-php\">[woocommerce_order_tracking]<\/code><\/pre>\n<\/li>\n<li>Klik vervolgens op de knop <b>Publish <\/b>om de pagina live te zetten.<\/li>\n<\/ol>\n<p>Zo eenvoudig is het. Maar dit geeft je misschien niet de flexibiliteit die je wenst.<\/p>\n<h2>Samenvatting<\/h2>\n<p>Het maken van een pagina met bestelgegevens in WooCommerce verbetert de klantervaring door eenvoudige toegang te bieden tot bestelinformatie, wat de transparantie en klanttevredenheid ten goede komt.<\/p>\n<p>Als je <a href=\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-sneller-maken\/\">traagheid ervaart in je WordPress winkel<\/a>, vooral bij grote winkels met veel producten, is het essentieel om te weten dat een aanzienlijk deel van de prestaties van je site afhangt van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-prestatiebenchmarks\/\">kwaliteit van je hosting<\/a>.<\/p>\n<p>Gelukkig hoef je je hier geen zorgen over te maken met Kinsta als <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/woocommerce\/\">hostingprovider voor je WooCommerce winkel<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce is een krachtig hulpmiddel voor het bouwen van online winkels met WordPress, dat alles regelt: van productvitrines tot aankoopverwerking, belastingbeheer en nog veel meer. Een &#8230;<\/p>\n","protected":false},"author":287,"featured_media":59895,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[889],"class_list":["post-59894","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Deze handleiding leidt je door de stappen om een custom WooCommerce pagina te maken die bestelgegevens weergeeft op basis van de order-ID.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven\" \/>\n<meta property=\"og:description\" content=\"Deze handleiding leidt je door de stappen om een custom WooCommerce pagina te maken die bestelgegevens weergeeft op basis van de order-ID.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-15T12:59:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-24T07:34:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Deze handleiding leidt je door de stappen om een custom WooCommerce pagina te maken die bestelgegevens weergeeft op basis van de order-ID.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id-1024x512.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven\",\"datePublished\":\"2024-07-15T12:59:05+00:00\",\"dateModified\":\"2024-07-24T07:34:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/\"},\"wordCount\":1432,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/\",\"name\":\"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\",\"datePublished\":\"2024-07-15T12:59:05+00:00\",\"dateModified\":\"2024-07-24T07:34:44+00:00\",\"description\":\"Deze handleiding leidt je door de stappen om een custom WooCommerce pagina te maken die bestelgegevens weergeeft op basis van de order-ID.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven - Kinsta\u00ae","description":"Deze handleiding leidt je door de stappen om een custom WooCommerce pagina te maken die bestelgegevens weergeeft op basis van de order-ID.","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:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/","og_locale":"nl_NL","og_type":"article","og_title":"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven","og_description":"Deze handleiding leidt je door de stappen om een custom WooCommerce pagina te maken die bestelgegevens weergeeft op basis van de order-ID.","og_url":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2024-07-15T12:59:05+00:00","article_modified_time":"2024-07-24T07:34:44+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Deze handleiding leidt je door de stappen om een custom WooCommerce pagina te maken die bestelgegevens weergeeft op basis van de order-ID.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id-1024x512.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Joel Olawanle","Geschatte leestijd":"10 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven","datePublished":"2024-07-15T12:59:05+00:00","dateModified":"2024-07-24T07:34:44+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/"},"wordCount":1432,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/","url":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/","name":"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","datePublished":"2024-07-15T12:59:05+00:00","dateModified":"2024-07-24T07:34:44+00:00","description":"Deze handleiding leidt je door de stappen om een custom WooCommerce pagina te maken die bestelgegevens weergeeft op basis van de order-ID.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/woocommerce-bestelgegevens-bestelling\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"Een pagina maken om WooCommerce bestelgegevens per bestelling weer te geven"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/59894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=59894"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/59894\/revisions"}],"predecessor-version":[{"id":59981,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/59894\/revisions\/59981"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59894\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/59895"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=59894"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=59894"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=59894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}