Incognito venster openen in Google Chrome

Zoeken:

Incognito venster in Google Chrome

Google Chrome biedt een functie genaamd ‘Incognito-modus’, die gebruikers de mogelijkheid geeft om op internet te surfen zonder dat hun browsegeschiedenis, cookies, sitegegevens of informatie die in formulieren is ingevuld, wordt opgeslagen. Hieronder vind je een stapsgewijze handleiding voor het openen van een incognito venster in Chrome, en meer informatie over de functionaliteiten en gebruik.

Incognito venster openen

Open Google Chrome: Dubbelklik op het Chrome-pictogram om de browser te openen.
Ga naar het Menu: Klik rechtsboven in het actieve venster op de drie verticale puntjes om het menu te openen.
Selecteer Incognito-modus: In het dropdown menu, selecteer je ‘Nieuw incognitovenster’. Je kunt ook de toetscombinatie Ctrl + Shift + N (Windows) of Command + Shift + N (Mac) gebruiken om snel een incognito venster te openen.

Eventueel kun je ook via Archief > nieuw incognitovenster een nieuw venster openen.

Functionaliteiten en gebruik

Privacy: De Incognito-modus biedt een verbeterde privacy tijdens het browsen omdat het geen browsegeschiedenis, wachtwoorden, of zoekopdrachten opslaat.
Tijdelijke sessies: Alle informatie die tijdens een incognitosessie wordt opgedaan, zoals cookies en tijdelijke bestanden, wordt verwijderd zodra je het incognito venster sluit.
Onafhankelijke sessies: Incognito vensters werken onafhankelijk van reguliere Chrome-vensters. Je kunt dus in hetzelfde moment ingelogd zijn op dezelfde site met verschillende accounts, in een normaal en een incognito venster.

Voordelen van incognito-modus

Surfen zonder sporen: Het is handig als je op een openbare computer werkt en je geen sporen van jouw browsegeschiedenis wilt achterlaten.
Inloggen met meerdere accounts: Het maakt het eenvoudig om met meerdere accounts tegelijkertijd in te loggen zonder voortdurend uit en weer in te loggen.
Testen van websites: webdesigners en -beheerders gebruiken de incognito-modus om websites te testen omdat het geen cachegeheugen en cookies opslaat, waardoor het gemakkelijker wordt om problemen en fouten op te sporen.

Hoewel het incognito venster een bepaalde mate van privacy biedt, verbergt het je browsegedrag niet voor internetproviders, netwerkbeheerders, of de websites die je bezoekt. Om je online privacy verder te verbeteren, kun je overwegen om een VPN-dienst te gebruiken.

Het incognito venster in Google Chrome is een nuttige tool voor diegenen die hun privacy willen behouden tijdens het surfen op internet. Het is eenvoudig te activeren en biedt verschillende voordelen zoals het niet opslaan van browsegeschiedenis en het mogelijk maken van inloggen met meerdere accounts. Echter, voor een meer complete bescherming van de privacy, is het belangrijk om ook andere privacytools, zoals VPN’s, te overwegen. Ook in Safari heb je de mogelijkheid voor een privé venster.

Het instellen van 301 redirects is een belangrijk aspect van websitebeheer en SEO-optimalisatie. Een 301 redirect wordt gebruikt om verkeer naar een nieuwe URL om te leiden als de originele pagina niet meer beschikbaar is of is verplaatst. In deze uitgebreide gids leggen we uit hoe je dit kunt doen met de Redirection plugin voor WordPress.

Redirection plugin in WordPress voor 301 redirects

Een 301 redirect is een permanente omleiding van de ene URL naar de andere. Dit wordt meestal gedaan wanneer een webpagina, bericht of product in WooCommerce is verwijderd of verplaatst naar een andere locatie. Het instellen van 301 redirects helpt om de linkwaarde van de oude pagina over te dragen aan de nieuwe en voorkomt dat bezoekers op een 404-foutpagina terechtkomen.

Installatie van de Redirection Plugin

Om te beginnen, moet je de Redirection plugin installeren op je WordPress website. Dit kan je doen door naar het gedeelte ‘Plugins’ te gaan in je WordPress-dashboard, te zoeken naar ‘Redirection’, en de plugin te installeren en te activeren. Je kunt de plugin ook gratis hier downloaden.

Redirection

Redirects instellen in de plugin

Zodra de WordPress plugin is geactiveerd, zal een nieuw menu-item ‘Redirection’ beschikbaar zijn in het WordPress dashboard. Hier kun je nieuwe redirects instellen en bestaande beheren.

Ga naar ‘Redirection’ in het WordPress-dashboard.
Klik op ‘Add New’ om een nieuwe redirect toe te voegen.
Vul de URL van de oude pagina in bij ‘Source URL’ en de URL van de nieuwe pagina bij ‘Target URL’.
Klik op ‘Add Redirect’ om de redirect op te slaan.

Redirections plugin video

Waarom 301 redirects maken?

Het correct implementeren van 301 redirects is belangrijk voor het behoud van de SEO-waarde van een website. Wanneer een pagina wordt verwijderd of verplaatst zonder een redirect in te stellen, gaan alle opgebouwde backlinks en opgebouwde waarde in de zoekmachines verloren, wat een negatieve invloed kan hebben op de zoekmachine-rangschikking van de website.

Bovendien verbetert het gebruik van 301 redirects de gebruikerservaring doordat bezoekers automatisch naar de relevante pagina worden geleid in plaats van naar een foutpagina.

Standaard FacetWP checkbox vervangen met SVG afbeelding

FacetWP, een geavanceerde filtering plugin voor WordPress, biedt verschillende stijlopties, waaronder de mogelijkheid om de standaard checkbox te vervangen door een aangepaste afbeelding in SVG-formaat.

1. CSS toevoegen

Om dit te realiseren, moet je eerst de onderstaande CSS code toevoegen aan het style.css bestand van je thema, of direct in de Customizer van WordPress. Deze code zorgt ervoor dat de standaard checkbox wordt vervangen door een aangepaste afbeelding.

.facetwp-checkbox {    
    background: url("/wp-content/uploads/afbeelding.svg") !important;    
    background-size: 8% !important;    
    background-repeat: no-repeat !important;    
    padding-left: 30px !important;
}

.facetwp-checkbox.checked {    
    background: url("/wp-content/uploads/afbeelding.svg") !important;    
    background-size: 8% !important;    
    background-repeat: no-repeat !important;    
    padding-left: 30px !important;
}

2. Controleer het bestand

Controleer zorgvuldig het pad naar de afbeelding en zorg ervoor dat de naam van het bestand correct is. Het pad in bovenstaande voorbeeldcode is /wp-content/uploads/afbeelding.png. Vervang dit pad en de bestandsnaam door het juiste pad naar jouw aangepaste afbeelding.

3. CSS code aanpassen

Je kunt de code naar wens aanpassen. Bijvoorbeeld, je kunt background-size veranderen om de grootte van de afbeelding aan te passen, en padding-left om de ruimte aan de linkerkant van de checkbox te wijzigen. Zorg ervoor dat je de veranderingen opslaat nadat je de aanpassingen hebt gedaan.

4. Wijzigingen bekijken

Na het opslaan van de wijzigingen, is het belangrijk om je website te bezoeken en te controleren of de nieuwe SVG correct wordt weergegeven. Zo niet, controleer dan of het pad naar de afbeelding correct is en of er geen fouten zijn in de CSS-code.

Het gebruiken van SVG voor checkboxen in FacetWP is een goede manier om de visuele presentatie van je filters in je webshop te verbeteren en de gebruikerservaring op je WordPress website te verrijken.

In de screenshot in dit artikel zie je een voorbeeld van aangepaste checkboxen in de zilveren oorbellen webshop van Bohostijl.nl.

En vergeet natuurlijk niet om regelmatig je plugins te updaten. Of sluit een WordPress onderhoudscontract bij ons af.

Het instellen van een kleurenfilter met FacetWP: een stappenplan

FacetWP is een krachtige tool die het mogelijk maakt om geavanceerde filters toe te voegen aan je WordPress website, wat de gebruikerservaring verbetert door bezoekers van een webshop of website in staat te stellen om snel en gemakkelijk door de inhoud te navigeren.

In dit artikel zullen we bekijken hoe je een kleurenfilter kunt instellen met behulp van FacetWP, specifiek gericht op de kleur “roze”. In het screenshot zie je de kleurenfilter van sanitair webshop Sanitairkiezer.nl

Toegang tot de style.css of customizer

Om te beginnen, open de style.css van je thema of ga naar de customizer in je WordPress dashboard. Dit is waar je de noodzakelijke CSS zal toevoegen om het kleurenfilter te creëren.

CSS code toevoegen

Voeg de volgende CSS code toe aan de style.css van je thema of in de customizer:

.facet-wrap .facetwp-type-color [data-value="roze"],.flyout-item .facetwp-type-color [data-value="roze"] {    
    background-color: #cebb9e;
}
.facet-wrap .facetwp-type-color [data-value="roze"]::after,.flyout-item .facetwp-type-color [data-value="roze"]::after {    
    content: "Roze";
}

Tips voor FacetWP kleuren filter

Aanpassen van de kleur: Je kunt de background-color waarde aanpassen om verschillende kleuren te vertegenwoordigen. Zo kun je eenvoudig kleuren toevoegen of wijzigen naar wens.
Meerdere kleuren: Wil je meerdere kleuren toevoegen? Herhaal dan bovenstaande stappen voor elke kleur, en vervang de data-value en de content met de gewenste kleurnaam, en pas de background-color aan naar de juiste kleurcode.
Mobiele responsiviteit: Vergeet niet om te controleren hoe het kleurenfilter eruitziet en functioneert op mobiele apparaten om een consistente gebruikerservaring te garanderen. In FacetWP is dit de Mobile Flyout.
Optimalisatie: Optimaliseer de laadsnelheid van je website door de afbeeldingen te comprimeren en te zorgen voor een schone, efficiënte code.

Het instellen van een kleurenfilter met FacetWP is een rechttoe-rechtaan proces dat een aanzienlijke impact kan hebben op de functionaliteit en esthetiek van je website. Door het volgen van dit stappenplan kun je een effectief kleurenfilter implementeren, waardoor de navigatie voor je bezoekers vergemakkelijkt wordt in jouw WordPress webshop.

FacetWP shortcode via hook in WordPress laden

FacetWP is een geavanceerde filtering plugin voor WordPress die gebruikt wordt om dynamische filtering toe te voegen aan je posts, producten en andere custom post types. Om een shortcode van FacetWP te laden, kan een actie hook worden toegevoegd aan het functions.php bestand van je thema of via de plugin ‘Code Snippets’.

Stapsgewijze instructie

Open het functions.php bestand van je thema Je kunt de functions.php van je thema bewerken via de WordPress dashboard onder ‘Weergave’ > ‘Thema-editor’, of je kunt het bestand rechtstreeks bewerken met een teksteditor als je toegang hebt tot de bestanden van de website.
Voeg de benodigde code toe Kopieer en plak de volgende code in het functions.php bestand. De locatie waar de shortcode verschijnt, kun je wijzigen door woocommerce_before_shop_loop te vervangen voor een andere hook.

function name_snippet() {
    echo do_shortcode('');
}

add_action( 'woocommerce_before_shop_loop','name_snippet',1 );

Kies een andere hook indien nodig De hook woocommerce_before_shop_loop bepaalt waar de FacetWP shortcode wordt geladen. Indien je een andere locatie wilt, vervang je deze hook met een andere, afhankelijk van je behoeften en het gebruikte thema.

Gebruik van code snippets plugin

In plaats van de code rechtstreeks in functions.php te plaatsen, kun je de WordPress plugin ‘Code Snippets’ gebruiken. Deze plugin biedt een duidelijke interface om aangepaste PHP code snippets toe te voegen, waardoor het risico op fouten vermindert. Met deze plugin kun je gemakkelijk code snippets activeren en deactiveren, en is het mogelijk om fouten snel te herstellen.

Code Snippets

Overzicht van actie hooks

Action hooks in WordPress stellen ontwikkelaars in staat om eigen code toe te voegen of bestaande functionaliteiten aan te passen zonder de originele bestanden te wijzigen. Dit zorgt ervoor dat je aanpassingen niet verloren gaan bij een thema- of plugin-update.

Het laden van een FacetWP shortcode via een hook is een effectieve manier om geavanceerde filters toe te voegen aan je WordPress website of WooCommerce webshop.

Activeren van open categorieën in FacetWP

FacetWP is een krachtige plugin voor WordPress die geavanceerde filters en zoekfunctionaliteit aan WordPress websites toevoegt. In dit artikel bespreken we hoe je de actieve categorie automatisch kunt openen met behulp van een stukje JavaScript code. Als je op een categoriepagina in je webshop komt en deze productcategorie heeft subcategorieën dan worden deze automatisch getoond, onafhankelijk van de instellingen in de FacetWP plugin.

Hoe de code werkt

De code voegt een JavaScript toe aan de voettekst van de WordPress website via een add_action hook die gehecht is aan de wp_footer. Wanneer de FacetWP plugin geladen is, wordt er een eventlistener toegevoegd die een klik event triggert op elke actieve (aangevinkte) checkbox facet, waardoor deze wordt geopend en de bijbehorende subcategorieën of opties worden getoond.

Code voor FacetWP

De onderstaande code kan worden toegevoegd aan de custom hooks plugin van FacetWP of bijvoorbeeld in de functions van je child thema.

add_action( 'wp_footer', function() {
?>
<script>
document.addEventListener('facetwp-loaded', function() {
    fUtil('.facetwp-checkbox.checked > .facetwp-expand').trigger('click');
});
</script>
<?php
}, 1000 );

Uitvoering

Navigeer naar de custom hooks plugin van FacetWP.
Open de plugin editor en voeg de bovenstaande code toe.
Sla de wijzigingen op en bekijk je website om te zien of de actieve categorie automatisch opent.

Extra uitleg

add_action( ‘wp_footer’, function() {…}, 1000 );: Hiermee wordt de JavaScript-code toegevoegd aan de voettekst van je website. De 1000 geeft de prioriteit van de actie aan. Een hoger getal betekent een lagere prioriteit, dus de code wordt later uitgevoerd.
document.addEventListener(‘facetwp-loaded’, function() {…});: Deze regel voegt een event listener toe die wacht tot FacetWP volledig is geladen voordat de binnenste functie wordt uitgevoerd.
fUtil(‘.facetwp-checkbox.checked > .facetwp-expand’).trigger(‘click’);: Hier wordt de klik event getriggerd op de .facetwp-expand elementen die zich binnen de gecontroleerde .facetwp-checkbox elementen bevinden.

Door bovenstaande stappen te volgen, kun je gemakkelijk de actieve categorieën in FacetWP automatisch openen, waardoor gebruikers sneller en efficiënter kunnen navigeren en de benodigde informatie kunnen vinden. Het is een handige manier om de gebruikerservaring op websites die gebruik maken van de FacetWP plugin te verbeteren.

Aanpassen van label tekst in FacetWP

FacetWP is een geavanceerde filtering-plugin voor WordPress die gebruikers helpt bij het aanmaken van betere zoek- en filterinterfaces. Een vaak voorkomende behoefte bij het aanpassen van FacetWP is het veranderen van de labeltekst.

Als je de FacetWP sorteeropties gebruikt kun je de label met deze code aanpassen. De label is hetgene wat je ziet als er geen keuze gemaakt is. Dus wat standaard zichtbaar is als je een sorteeroptie voor het eerst bekijkt.

Stap 1: code toevoegen

Om de labeltekst van FacetWP te wijzigen, moet je de volgende code toevoegen aan het functions.php bestand van je thema of via een plugin zoals Code Snippets.

add_filter( 'facetwp_sort_options', function( $options, $params ) {
$options['default']['label'] = 'Label titel';
    return $options;
}, 10, 2 );

In deze code, is ‘Label titel’ de nieuwe tekst die je wilt weergeven als label. Verander dit naar de gewenste tekst.

Stap 2: code snippets plugin

Als je niet comfortabel bent met het direct bewerken van het functions.php bestand (wat riskant kan zijn als je een fout maakt), kun je de Code Snippets plugin gebruiken. Deze plugin laat je PHP-code snippets toevoegen zonder het bewerken van themabestanden.

Installeer en activeer de plugin.
Voeg een nieuwe snippet toe en kopieer bovenstaande code erin.
Sla de snippet op en activeer deze.

Stap 3: verander de label tekst

Na het toevoegen van de code, verander de ‘Label titel’ naar wat je wilt dat het label weergeeft. Bijvoorbeeld, als je wilt dat het label ‘Sorteer op’ weergeeft, zou de code als volgt zijn:

$options['default']['label'] = 'Sorteer op'<;

Aanvullende opties

Je kunt ook andere aspecten van de facetten aanpassen met soortgelijke filters en acties, afhankelijk van je behoeften. FacetWP biedt veel flexibiliteit en aanpassingsopties, zodat je de gebruikerservaring kunt optimaliseren en afstemmen op de inhoud van je website.

Bovendien is het altijd goed om wijzigingen in een child-thema van je WordPress webshop aan te brengen om te voorkomen dat updates je aanpassingen overschrijven. Als je een fout maakt of als er iets misgaat na het toevoegen van de code, is het belangrijk om toegang te hebben tot bestandsherstelopties of een back-up van je website om verlies van gegevens te voorkomen.

Het aanpassen van de labeltekst in FacetWP kan gemakkelijk worden gedaan door een klein stukje code toe te voegen aan het functions.php bestand van je thema of via de Code Snippets plugin.

Uitverkochte producten in FacetWP filters

FacetWP is een geavanceerde filtering plugin die het voor gebruikers mogelijk maakt om snel en efficiënt te zoeken door producten of berichten op een website. Een van de aspecten van deze plugin is de mogelijkheid om uitverkochte producten al dan niet in de zoekresultaten te tonen. Deze optie is toegankelijk via de ‘Settings’ in de plugin interface.

Uitverkochte producten tonen in Facet template

Navigeren naar instellingen: ga naar de ‘Settings’ tab van FacetWP in uw WordPress dashboard.
Selecteer facet instellingen: in de facet instellingen is er een optie om uitverkochte producten wel of niet te tonen.
‘Include all products’ optie: hier vindt u de optie ‘Include all products’. Wanneer u deze optie activeert, zal FacetWP ook uitverkochte producten in de filterresultaten weergeven.

Uitbreiding van informatie

Het tonen van uitverkochte producten kan in sommige gevallen voordelig zijn. Klanten kunnen zien welke producten er normaliter beschikbaar zijn en mogelijk een notificatie instellen voor wanneer het product weer op voorraad is. Bovendien kan het klanten de kans geven om alternatieve producten te bekijken.

Echter, er kunnen ook nadelen kleven aan het tonen van uitverkochte producten. Dit kan leiden tot frustratie bij klanten als veel van de getoonde producten niet beschikbaar zijn voor aankoop. Daarom is het essentieel om een balans te vinden en te overwegen welke optie het best past bij de behoeften en verwachtingen van de klant. FacetWP biedt een scala aan aanpassingsmogelijkheden, waaronder de mogelijkheid om de weergave van filters en zoekresultaten te wijzigen.

Bijvoorbeeld, als een webshop hoofdzakelijk seizoensgebonden producten verkoopt, kan het zinvol zijn om uitverkochte producten te verbergen om verwarring te voorkomen. Daarentegen, als de producten regelmatig worden aangevuld, kan het handig zijn om deze te tonen met een melding dat het product binnenkort weer beschikbaar is.

Gravity Forms is dé premium oplossing voor iedereen die op zoek is naar uitgebreide en professionele formulieren voor WordPress websites. Deze plugin maakt het mogelijk om, met behulp van een shortcode, snel en gemakkelijk professionele formulieren te creëren en te plaatsen op je website. Hierdoor mis je geen potentiële klanten die informatie willen ontvangen, een afspraak willen maken, of andere acties willen ondernemen.

Gravity Forms: professionele formulieren voor WordPress

In een zee van gratis plugins vraag je je misschien af: “Waarom zou ik kiezen voor deze betaalde plugin?” Voor eenvoudige formulieren voldoen veel gratis plugins inderdaad. Echter, wanneer je behoefte hebt aan meer geavanceerde mogelijkheden, springt Gravity Forms erbovenuit.

Gravity Forms

Enkele van de unieke en nuttige functies die Gravity Forms biedt zijn:

HTML gebruik: Voeg HTML toe aan je formulieren voor meer maatwerk.
Formulieren van meerdere pagina’s: Creëer formulieren die over meerdere pagina’s verspreid zijn.
Inzendingslimieten: Stel een limiet in voor het aantal inzendingen per formulier.
Bestand uploads: Sta gebruikers toe om bestanden te uploaden via het formulier.
Diverse selectieopties: Maak keuzelijsten, radio buttons, en meer.
iDeal integratie: Koppel formulieren aan iDeal voor betalingen.
Inzending naar artikelen: Zet ingezonden formulieren om naar WordPress posts.
Inzendingsoverzicht: Bekijk een overzicht van alle ingezonden formulieren.
Exporteren en importeren: Eenvoudig formulieren exporteren en importeren tussen sites.

Voordelen van Gravity Forms

Gebruiksvriendelijkheid: De interface is intuïtief, waardoor het ontwerpen van formulieren een fluitje van een cent wordt.
Responsiviteit: Formulieren gemaakt met Gravity Forms zijn responsief en werken naadloos op alle apparaten.
Integraties en Add-ons: Gravity Forms biedt een breed scala aan add-ons en integraties met derde partijen zoals MailChimp en PayPal, waardoor de functionaliteit verder uitgebreid wordt.
Klantondersteuning: Gebruikers van Gravity Forms hebben toegang tot deskundige klantondersteuning voor eventuele problemen of vragen.

Gravity Forms biedt een verscheidenheid aan geavanceerde functies die het onderscheiden van gratis formulier plugins. Het is een ideale keuze voor diegenen die meer willen dan alleen een simpel contactformulier. Door te kiezen voor deze professionele plugin, investeer je in de kwaliteit en betrouwbaarheid van je website en verhoog je de kans om meer leads en klanten te verwerven.

Als je nieuwsgierig bent geworden dan kan je ook hier een demo uitproberen.

Voor verdere uitleg hebben wij een artikel geschreven.