YES! Je hebt de geheime sidearea ontdekt.

Wist je dat:

- We doneren aan een goed doel na uitvoer van een project?

- Deze website bestaat uit meer dan 125 pagina's?

- We in 1 week een compleet nieuwe website kunnen ontwikkelen? Maar dat ook doen in 8 tot 12 weken?

- Je ons snel kunt bereiken via +31 6 11210036 | [email protected] ? (tussen 09.00 en 17.30 uur)

Woocommerce endpoints aanpassen. Hoe en wat?

Woocommerce endpoints aanpassen. Waar begin je?

Veel webshopeigenaren willen (logischerwijs) de ‘bedankt dat je bij ons hebt gekocht!’ boodschap wat persoonlijker maken dan alleen maar de tekst ‘bedankt voor uw aankoop’. WordPress websites hebben Woocommerce en deze plugin laat zich aanpassen. Hoe? Dat vertellen we in dit blog.

In plaats van pagina’s gebruikt Woocommerce tegenwoordig endpoints. De endpoints zijn door Woocommerce geïntroduceerd om de hoeveelheid te laden content (zijnde verschillende pagina’s en shortcodes) te verminderen in je website en om de kans op fouten te reduceren. Een Woocommerce endpoint is een extra stukje URL dat wordt toegevoegd aan de al bestaande URL. Zo is er de ‘order received’ endpoint. Dit endpoint krijgt een bezoeker te zien na een succesvolle bestelling. Zo kan de URL (lees hier wat een URL eigenlijk is), kijkend naar diverse endpoints, er zo uit zien:

www.<domeinnaam>.nl/winkelwagen/order-pay (de bestelling dient nog afgerekend te worden) en na de betaling zie je dit:

www.<domeinnaam>.nl/winkelwagen/order-received

Je kunt overigens deze endpoints wijzigen bij de instellingen van Woocommerce. Voor meer details over welke endpoints er zijn, zie de Woocommerce website.

Maar de ‘bedankt’ pagina dan?

Helaas, Woocommerce biedt niet meer de mogelijkheid om zo’n pagina te maken. De ‘bedankt’ pagina bestaat in deze vorm niet meer in de huidige Woocommerce versie. In plaats daarvan kun je de Woocoomerce endpoints aanpassen want deze endpoints maken gebruik van templates. En deze templates kun je wijzigen. Daarvoor heb je wel wat kennis van PHP nodig en een FTP verbinding naar de achterkant van de website.

PHP en FTP

Maak via FTP verbinding met de achterkant van de website. Ga nu naar: ‘public_html/<domeinnaam>/wp-content/plugins/woocommerce/templates/’. Vanuit hier ga je naar de map ‘checkout’ en daar zie je de thankyou.php file. Dit bestand, of deze file, kun je aanpassen. Doe dit met een programma zoals Notepad++. Dat werkt wat handiger. We komen zo terug op de details wat je in deze file kunt wijzigen, maar je kunt daarbij denken aan een aangepaste ‘bedankt’ melding of het toevoegen van tracking code voor een tool zoals Google Analytics.

Templates gebruiken

Zeer handig dat je zo’n template met een Woocommerce endpoint kunt aanpassen, maar wat als er een update plaatsvindt van Woocommerce? Dan ben je mooi je wijzigingen kwijt! Het is daarom verstandig om de template (of alle templates) te knippen en plakken naar een andere plek waar ze niet worden overschreven na een Woocommerce update. Je kunt de eerder beschreven map genaamd ‘templates’ kopieren en dan plakken in de directory van je thema. Als volgt:

  1. Kopieer met je rechtermuisknop in je FTP programma de map ‘templates’.
  2. Ga naar /public_html/<domeinnaam>/wp-content/themes/<themanaam>/
  3. Plak daar de map ‘templates’ en hernoem deze naar ‘woocommerce’
  4. De bestanden staan nu in de map: /public_html/<domeinnaam>/wp-content/themes/<themanaam>/woocommerce

Woocommerce-endpoints-aanpassen-2

Als controle log je in via wp-admin op je website en ga je naar Woocommerce, System status. Scroll naar beneden naar het kopje ‘Templates’ en bekijk welke templates zijn overschreven door je thema. Heb je een child theme aangemaakt? Gebruik dan in de 4 stappen hierboven de naam van je child theme.

De wijzigingen voer je door in de files die in de map staan van stap 4. Voor meer details over bovenstaande stappen en visuele uitleg, bekijk de Woocommerce template tutorial of deze uitgebreide uitleg (in het Engels).

Templates aanpassen

Je bent nu op de hoogte van het bestaan van endpoints en van het feit dat je deze kunt aanpassen op een structurele wijze. Volgende stap is het daadwerkelijk aanpassen van deze PHP files. Zoals al aangegeven kun je dat doen door direct in de PHP files de wijziging door te voeren.

woocommerce endpoints aanpassen 3

Hieronder zie je een regel code uit de thankyou.php file. Daarbij wordt uiteindelijk in de HTML tag paragraph (= <p>) de tekst ‘Thank you. Your order has been received.’ getoond. De tekst die wordt getoond kun je aanpassen in deze file en daarna opslaan. De inhoud van de file is nu aangepast. Test altijd om erachter te komen of de doorgevoerde wijziging het juiste resultaat geeft.

<p><?php echo apply_filters( ‘woocommerce_thankyou_order_received_text’, __( ‘Thank you. Your order has been received.‘, ‘woocommerce’ ), null ); ?></p>

Conversies meten

Als je webshop voor jou een zeer belangrijke bron van inkomsten is, wil je vast het een en ander meten. Daarvoor kun je de tracking code (Google Analytics) of conversiepixel(s) code (zoals Facebook) toevoegen aan de diverse php files, of je gebruikt deze handige plugin.

Voor zover dit blog waarin we het woocommerce endpoints aanpassen hebben belicht.