FTP

FTP, wat staat voor “File Transfer Protocol”, is een standaard internetprotocol dat wordt gebruikt voor de overdracht van bestanden tussen een client en een server op een computernetwerk.

FTP is nodig voor het uploaden van bestanden naar een website, wat een essentiële stap is in webontwikkeling en -beheer.

Hoe werkt FTP:

1. FTP-cliëntsoftware: Om gebruik te maken van FTP, heb je een FTP-cliënt nodig, een software die het mogelijk maakt om verbinding te maken met een FTP-server. Een populaire gratis FTP-cliënt is FileZilla, maar er zijn vele andere opties beschikbaar, elk met unieke functies en interfaces.
2. Verbinding maken met een server: Om een verbinding tot stand te brengen, moet je de FTP-serveradres, gebruikersnaam en wachtwoord invoeren. Deze informatie wordt gewoonlijk verstrekt door de webhostingprovider of de beheerder van de server.
3. Bestanden overdragen: Na het succesvol verbinden, kun je bestanden van je lokale systeem naar de server uploaden of bestanden van de server downloaden. Dit proces is meestal eenvoudig: je sleept bestanden van de ene locatie naar de andere binnen de FTP-cliëntinterface.
4. Gebruik van DirectAdmin: Sommige webhostingdiensten, zoals DirectAdmin, bieden ingebouwde mogelijkheden om bestanden te beheren zonder dat een aparte FTP-cliënt nodig is. Dit kan handig zijn voor snelle aanpassingen of wanneer je geen toegang hebt tot een FTP-cliënt.

Toepassingen van FTP

• Websitebeheer: Uploaden van webpagina’s, scripts, afbeeldingen en andere mediabestanden naar een webserver.
• Data backups: Overdragen van bestanden voor backupdoeleinden.
• Bestandsuitwisseling: Delen van bestanden tussen organisaties of individuen, vooral wanneer deze te groot zijn voor e-mailbijlagen.

Veiligheidsoverwegingen

Hoewel FTP zeer nuttig is, is het belangrijk om te weten dat het standaard FTP-protocol de data niet versleutelt, wat betekent dat gevoelige informatie potentieel kan worden onderschept. Voor een veiligere overdracht wordt FTPS of SFTP aanbevolen.

Deze protocollen voegen een beveiligingslaag toe door middel van SSL/TLS (bij FTPS) of SSH (bij SFTP).

Hoe installeer je een SSL certificaat?

Het installeren van een SSL-certificaat is een belangrijke stap voor elke website-eigenaar. SSL, of Secure Socket Layer, is een encryptieprotocol dat de gegevens van je website bezoekers beschermt.

Hieronder vind je een uitgebreide gids om je te helpen bij het installeren van een Let’s Encrypt SSL-certificaat, inclusief enkele stappen en instructies voor het gebruik van DirectAdmin.

1. Kies een type SSL-certificaat

Voordat je begint, moet je een SSL-certificaat kiezen. Er zijn verschillende soorten certificaten beschikbaar, variërend in prijs en niveau van verificatie. Let’s Encrypt biedt bijvoorbeeld gratis certificaten aan, terwijl andere providers betaalde opties hebben met uitgebreidere validatieprocessen.

2. Vraag je hostingprovider om informatie

Raadpleeg je hostingprovider voor specifieke instructies. Vaak kan de provider het certificaat automatisch voor je installeren, vooral als je het certificaat via hen hebt aangeschaft. Elke provider heeft mogelijk een andere procedure, dus het is essentieel om hun richtlijnen te volgen.

3. Gebruik DirectAdmin voor Let’s encrypt

Voor degenen die toegang hebben tot DirectAdmin, is er vaak de mogelijkheid om een Let’s Encrypt certificaat aan te vragen en te laten installeren.

• Log in op Direct Admin.
• Zoek naar de optie ‘SSL’.
• Volg de instructies om een Let’s Encrypt certificaat aan te vragen en te installeren.

4. Verifieer de installatie

Na de installatie is het belangrijk om te controleren of het certificaat correct is geïnstalleerd en werkt.

Je kunt dit doen door je website te bezoeken in een incognito venster en te kijken naar het sloticoontje naast de URL van je website. Als er geen foutmeldingen zijn, is je SSL-certificaat correct geïnstalleerd.

Eventueel kun je nog via de website van Whynopadlock.com een extra check uitvoeren.

5. Configureer indien nodig je website

Sommige WordPress websites vereisen aanvullende configuraties om goed te werken met SSL, zoals het aanpassen van de URL-structuur en het omleiden van HTTP naar HTTPS. Je kunt hiervoor de gratis WordPress plugin van GoLive bijvoorbeeld gebruiken of via de database zoeken en vervangen.

6. Onderhoud en vernieuwing

Let op de vervaldatum van je SSL-certificaat. De meeste certificaten moeten periodiek worden vernieuwd. Sommige providers en certificaat autoriteiten bieden automatische vernieuwingen aan, maar het is goed om dit zelf ook in de gaten te houden om onderbrekingen in de service te voorkomen.

Het installeren van een SSL-certificaat kan variëren afhankelijk van je hostingprovider en het type certificaat dat je kiest. Door de richtlijnen van je provider te volgen en de beschikbare tools zoals DirectAdmin te gebruiken, kun je de installatie relatief eenvoudig voltooien.

Als eigenaar van een kledingwebshop in WooCommerce is het efficiënt om globale eigenschappen zoals maat en kleur te kunnen beheren.

Product eigenschappen globaal toevoegen

1. Inloggen op webshop: Start door in te loggen op je webshopbeheer.
2. Navigeren naar eigenschappen: Ga naar ‘Producten’ in je dashboard en selecteer vervolgens ‘Eigenschappen’.
3. Eigenschap aanmaken: Voer een relevante naam en slug in voor je nieuwe eigenschap. Bijvoorbeeld, ‘Maat’ of ‘Kleur’.
4. Attribuut toevoegen: Klik op de knop ‘Attribuut toevoegen’. Dit creëert de nieuwe eigenschap in je systeem.
5. Eigenschappen instellen: Na het toevoegen zie je het nieuwe attribuut aan de rechterkant van het scherm. Klik op ‘Voorwaarden instellen’ om specifieke waarden voor het attribuut in te voeren. Voor ‘Maat’ kan dit bijvoorbeeld S, M, L, XL zijn en voor ‘Kleur’ kan dit Rood, Groen, Blauw, enz. zijn.
6. Eigenschappen aan producten toevoegen: Ga nu naar een individueel product in je catalogus. Onder ‘Productgegevens’, vind je een tab genaamd ‘Eigenschappen’. Selecteer hier je nieuwe eigenschap en pas deze toe op het product.
7. Bulk bewerken: Voor efficiëntie kun je de bulkbewerkingsoptie gebruiken om deze eigenschappen in één keer toe te voegen aan meerdere producten die dezelfde eigenschappen delen.

Met deze stappen kun je gemakkelijk en efficiënt globale eigenschappen zoals maat en kleur toevoegen aan de producten in je webshop, waardoor het beheer van je inventaris gestroomlijnd en geoptimaliseerd wordt.

In WooCommerce winkels is het aanpassen van het aantal producten dat per pagina wordt getoond een veelgevraagde functionaliteit. Dit helpt bij het verbeteren van de gebruikerservaring en kan ook bijdragen aan een betere productvisualisatie. Deze methode is alleen van toepassing als je WordPress thema deze functie niet bied. Bijvoorbeeld het GeneratePress en Avada thema bieden de optie al in hun eigen thema opties dus dan hoef je niet met custom code aan de slag.

Hieronder vind je een methode om dit aan te passen via de functions.php van je WordPress thema of via een plugin zoals Code Snippets.

Aantal producten per pagina aanpassen

Zorg voor toegang tot het functions.php bestand van je actieve (child)thema. Open het bestand FTP of de bestandsbeheerder in je hostingomgeving. Daarna voeg je de onderstaande code snippet voor WooCommerce toe.

add_filter( 'loop_shop_per_page','new_loop_shop_per_page', 20 );
function new_loop_shop_per_page ( $cols ) {
// $cols bevat het huidige aantal producten per pagina gebaseerd op de waarde opgeslagen bij Opties -> Lezen
// Geef het aantal producten terug dat je per pagina wilt tonen.
$cols = 24; // Pas dit getal aan naar het gewenste aantal producten per pagina
return $cols;
}

Aanpassen productaantal: In de code staat $cols = 24;, wat betekent dat er standaard 24 producten per pagina worden getoond. Dit getal kun je aanpassen naar het gewenste aantal producten dat je per pagina wilt tonen. Sla het bestand op na het toevoegen van de code. Bezoek je WooCommerce webshop en controleer of het aantal producten per pagina correct is aangepast.

WooCommerce aantal producten aanpassen

Het is aan te raden om wijzigingen in een child-thema te maken om te voorkomen dat je aanpassingen verloren gaan bij een thema-update. Maak uiteraard altijd een back-up van je website voordat je wijzigingen aanbrengt in de code.

Deze code wijzigt alleen het aantal producten dat wordt getoond in de WooCommerce productloops, zoals de hoofdproductpagina en categoriepagina’s. Door het aantal producten per pagina aan te passen, kun je de winkelervaring op je WooCommerce website aanzienlijk verbeteren.

Mocht je gebruik maken van FacetWP voor filtering en sorteren dan kun je ook een facet toevoegen om de sortering en aantal producten per pagina aan te passen.

Het automatisch aanvinken van de optie voor algemene voorwaarden in de checkout van een WooCommerce webshop kan het afrekenproces voor klanten versnellen en de gebruiksvriendelijkheid verbeteren.

Hieronder leggen we uit hoe je deze functionaliteit kunt implementeren in je WordPress website met WooCommerce.

Algemene voorwaarden aanvinken in checkout

Zorg ervoor dat je toegang hebt tot de bestanden van je WordPress-website, specifiek het functions.php bestand van je thema of de Code Snippet plugin.

Code toevoegen? Als je de onderstaande code direct in je thema wilt toevoegen, open dan het functions.php bestand van je actieve WordPress thema. Voor een veiligere methode, vooral als je updates van je thema verwacht, gebruik je de Code Snippet plugin. Deze methode zorgt ervoor dat je aanpassingen behouden blijven na een thema-update.

Code snippet toevoegen

// Standaard aangevinkte algemene voorwaarden in WooCommerce Checkout
add_filter( 'woocommerce_terms_is_checked_default', '__return_true');

Deze code zorgt ervoor dat de checkbox voor de algemene voorwaarden standaard aangevinkt is in de checkout.

1. Sla het functions.php bestand op of sla de snippet op in de Code Snippet plugin.
2. Test je checkout-pagina om te verifiëren dat de algemene voorwaarden standaard aangevinkt zijn.

Regelmatig back-ups maken van je website voordat je wijzigingen aanbrengt is altijd een goede praktijk.

Verboden bij Webwinkelkeur

Het is belangrijk om te onthouden dat het automatisch aanvinken van algemene voorwaarden soms juridische implicaties kan hebben, afhankelijk van de regio en de specifieke wetgeving. Zorg ervoor dat je op de hoogte bent van de relevante wetgeving. Bijvoorbeeld het Webwinkelkeur keurmerk verbied je de algemene voorwaarden in je checkout standaard aan te vinken.

Als je een webshop beheert met WooCommerce, kun je tegen situaties aanlopen waarin je gratis verzending wilt aanbieden, maar tegelijkertijd ook de optie voor afhalen op jouw winkel locatie bijvoorbeeld wilt behouden. Dit is vooral handig als je klanten wilt aanmoedigen om online te kopen, maar ook de flexibiliteit wilt bieden om hun bestelling zelf op te halen en eventueel nog meer te kopen.

In dit artikel leggen we uit hoe je dit kunt instellen door een stukje code (een ‘snippet’) toe te voegen aan je website.

Alleen gratis verzending en afhalen

Voeg de volgende snippet toe aan de functions.php van je WordPress thema of gebruik de plugin ‘Code Snippets’ als je niet handig bent met het aanpassen van code in je thema.

/**
 * Hide shipping rates when free shipping is available, but keep "Local pickup" 
 * Updated to support WooCommerce 2.6 Shipping Zones
 */

function hide_shipping_when_free_is_available( $rates, $package ) {
	$new_rates = array();
	foreach ( $rates as $rate_id => $rate ) {
		// Only modify rates if free_shipping is present.
		if ( 'free_shipping' === $rate->method_id ) {
			$new_rates[ $rate_id ] = $rate;
			break;
		}
	}

	if ( ! empty( $new_rates ) ) {
		//Save local pickup if it's present.
		foreach ( $rates as $rate_id => $rate ) {
			if ('local_pickup' === $rate->method_id ) {
				$new_rates[ $rate_id ] = $rate;
				break;
			}
		}
		return $new_rates;
	}

	return $rates;
}

add_filter( 'woocommerce_package_rates', 'hide_shipping_when_free_is_available', 10, 2 );

Wat doet de code?

Deze code controleert of er een optie voor gratis verzending is. Als dat het geval is, worden alle andere verzendmethoden verborgen, behalve lokale afhaling. Dit betekent dat je klanten alleen de opties voor gratis verzending en lokale afhaling zien als gratis verzending beschikbaar is.

Nadat je de snippet hebt toegevoegd, is het belangrijk om je webshop goed te testen. Controleer of de verzendopties correct worden weergegeven tijdens het afrekenproces.

Personaliseer code

Je kunt deze code verder aanpassen om aan je specifieke eisen te voldoen. Bijvoorbeeld, je kunt extra logica toevoegen om te bepalen wanneer gratis verzending beschikbaar moet zijn.

Meer hierover vind je op de website van WooCommerce.

Om alleen gratis verzending te bieden in WooCommerce wanneer dit beschikbaar is, kan de volgende code worden toegevoegd aan je functions.php bestand of een plugin voor codefragmenten (zoals Code Snippets).

Deze code controleert of gratis verzending beschikbaar is voor een bestelling in de webshop en verbergt andere verzendopties als dat zo is. Dit wordt vaak gebruikt om klanten aan te moedigen een bepaald bestelbedrag te bereiken, waarna ze in aanmerking komen voor gratis verzending.

/**
 * Verberg verzendtarieven wanneer gratis verzending beschikbaar is.
 * Bijgewerkt om WooCommerce 2.6-verzendzones te ondersteunen.
 *
 * @param array $rates Array van gevonden tarieven voor het pakket.
 * @return array
 */
function my_hide_shipping_when_free_is_available( $rates ) {
    $free = array();
    foreach ( $rates as $rate_id => $rate ) {
        if ( 'free_shipping' === $rate->method_id ) {
            $free[ $rate_id ] = $rate;
            break;
        }
    }
    return ! empty( $free ) ? $free : $rates;
}
add_filter( 'woocommerce_package_rates', 'my_hide_shipping_when_free_is_available', 100 );

Hoe werkt de code?

• Deze functie doorloopt alle beschikbare verzendtarieven voor een bestelling.
• Als het tarief voor gratis verzending (free_shipping) beschikbaar is, worden alle andere verzendopties verborgen.
• Dit wordt gerealiseerd door een filter toe te voegen aan woocommerce_package_rates.
• De prioriteit is ingesteld op 100, wat betekent dat het een van de laatste filters is die op de tarieven worden toegepast, zodat andere logica voor verzendtarieven al is uitgevoerd.

• Zorg ervoor dat je deze code in het thema’s functions.php bestand plaatst of gebruik een specifieke plugin voor het beheren van codefragmenten.
• Test altijd in een staging-omgeving voordat je wijzigingen doorvoert op je live website.
• Als je niet comfortabel bent met het bewerken van code, overweeg dan een professional in te schakelen.

Deze aanpak zorgt ervoor dat je klanten een duidelijke en stimulerende keuze krijgen voor gratis verzending, wat de klanttevredenheid kan verhogen en potentieel de gemiddelde bestelwaarde kan verbeteren.

Dit gratis script past de weergave van prijzen voor variabele producten in WooCommerce aan, zodat alleen de laagste prijs wordt getoond op de categoriepagina. Dit helpt bij het vereenvoudigen van de prijsweergave voor klanten.

WooCommerce vanaf prijs tonen

// Toon alleen de laagste prijzen voor variabele producten in WooCommerce
add_filter('woocommerce_variable_sale_price_html', 'wpglorify_variation_price_format', 10, 2);
add_filter('woocommerce_variable_price_html', 'wpglorify_variation_price_format', 10, 2);
function wpglorify_variation_price_format($price, $product) {
   // Hoofdprijs
    $prices = array($product->get_variation_price('min', true), $product->get_variation_price('max', true));
    $price = $prices[0] !== $prices[1] ? sprintf(__('Vanaf: %1$s', 'woocommerce'), wc_price($prices[0])) : wc_price($prices[0]);
// Verkoopprijs
    $prices = array($product->get_variation_regular_price('min', true), $product->get_variation_regular_price('max', true));
    sort($prices);
    $saleprice = $prices[0] !== $prices[1] ? sprintf(__('Vanaf: %1$s', 'woocommerce'), wc_price($prices[0])) : wc_price($prices[0]);
    if ($price !== $saleprice) {
        $price = '' . $saleprice . $product->get_price_suffix() . ' ' . $price . $product->get_price_suffix() . '';
    }
 return $price;
}

Uitleg code snippet

1. Filters: We voegen filters toe om de prijsopmaak van variabele producten aan te passen.
2. Functie wpglorify_variation_price_format: Deze functie past de weergave van de prijs aan.
   • Bepaalt de laagste en hoogste prijs van de variaties.
   • Toont ‘Vanaf: [laagste prijs]’ als er een prijsverschil is.
   • Verwerkt de normale en verkoopprijs.
   • Geeft de aangepaste prijsopmaak terug.

Hoe gebruik je de code?

Voeg deze code toe aan het functions.php bestand van je thema of gebruik een custom code plugin. Controleer of de prijzen correct worden weergegeven op de categoriepagina’s en pas aan indien nodig om aan te sluiten bij je specifieke behoeften of thema.

Door deze aanpassing wordt de prijsinformatie op categoriepagina’s duidelijker voor klanten, wat kan bijdragen aan een betere gebruikerservaring en mogelijk een verhoging van de verkoop.

In WooCommerce, als je te maken hebt met producten die variaties hebben, zoals verschillende maten of kleuren, wil je soms de prijs van elke variatie tonen, zelfs voordat de klant een specifieke optie selecteert.

Standaard toont WooCommerce alleen de prijs zodra een variatie geselecteerd is. Om dit te veranderen, kun je een kleine code snippet toevoegen aan je website.

PHP Code toevoegen

Je kunt de volgende code toevoegen aan het functions.php bestand van je thema of via een plugin zoals Code Snippets. Het is aanbevolen om een child thema te gebruiken om te voorkomen dat wijzigingen verloren gaan bij een thema-update. Hier is de code:

add_filter( 'woocommerce_show_variation_price', '__return_true' );

Deze code zorgt ervoor dat de prijs van elke variatie wordt getoond op de productpagina, ongeacht of de bezoeker een specifieke variatie heeft geselecteerd.

Altijd variatieprijs tonen

Na het toevoegen van de code, ga naar je productpagina met variaties om te controleren of de prijzen correct worden weergegeven. Als je meer dan één prijsklasse hebt (bijvoorbeeld €10 – €20), zal deze nu standaard getoond worden.

• Het is altijd een goed idee om wijzigingen eerst in een staging omgeving te testen voordat je ze op je live website toepast.
• Maak een back-up van je website voordat je wijzigingen doorvoert in de code.