Hoe voeg ik een Countdown Timer Widget toe in WordPress - DeLaatbusiness

Hoe voeg ik een Countdown Timer Widget toe in WordPress

5 min


112
Dummy image 6 gratis internet marketing ebooks, klik hier voor download

Wilt u een countdown timer toevoegen in WordPress? Een countdown-timer helpt je belangrijke prestaties, aankomende evenementen en meer onder de aandacht te brengen. 

In dit artikel laten we u zien hoe u eenvoudig een countdown timer kunt toevoegen in WordPress.

Wanneer en waarom heb je een countdown-widget voor mijlpalen nodig?

Milestone countdown widgets zijn een handig hulpmiddel om uw publiek te herinneren aan een belangrijke mijlpaal in uw bedrijf, een aankomend evenement, productlancering of een verkoopevenement. Dit helpt bij het opbouwen van anticipatie bij uw klanten en verbetert de betrokkenheid van gebruikers .

Hieronder volgen enkele veelvoorkomende scenario’s waarin u effectief een mijlpaal-afteller kunt gebruiken:

  • Voordat u uw website start op een komende pagina .
  • Tijdens website-onderhoud om bezoekers te laten weten wanneer de website weer beschikbaar zal zijn.
  • Voordat u een nieuw product of nieuwe service introduceert.
  • Bij het hosten van een evenement of conferentie.
  • Op de verjaardagen van uw online bedrijf.
  • Op feestdagen en verkoopevenementen zoals Black Friday om grote kortingen op uw producten of diensten aan te bieden.

U kunt de mijlpaalteller op uw berichten, pagina’s en zijbalk-widget weergeven. U kunt ook afteltimers toevoegen in pop-ups met achtergrondverlichting, zwevende balken, schuifbalken en andere agnostische ontwerpelementen om bezoekers van het verlaten van de site ertoe over te halen terug te brengen naar uw website.

Omdat er zoveel gebruiksmogelijkheden zijn voor een afteltimer, hebben we 3 verschillende methoden vermeld voor het toevoegen van een mijlpaal-afteller in WordPress:

  1. Maak een mijlpaal-widget met Countdown Timer Ultimate
  2. Creëer zeer dynamische dynamische afteltimers met OptinMonster
  3. Creëer binnenkort & onderhoudsmodus Countdown-timer met SeedProd

Laten we eens kijken hoe je gemakkelijk een mijlpaal-afteller kunt toevoegen in WordPress.

Methode 1: Een Countdown Widget voor mijlen toevoegen met behulp van de Ultimate-plug-in voor Countdown Timer

Countdown timer demo

Het eerste wat u hoeft te doen is de Countdown Timer Ultimate- plug-in installeren en activeren .

Na activering, moet je de Countdown Timer »Timer- pagina bezoeken in je WordPress admin-gebied.

Op deze pagina moet u beginnen met het toevoegen van uw mijlpalenaam als titel voor de nieuwe countdown-timer.

Opmerking: de timer gebruikt de tijdzone die is ingesteld in uw WordPress-site-instellingen. Als u de tijdzone voor deze afteltimer wilt wijzigen, moet u naar Instellingen »Algemeen gaan en de tijdzone-instellingen van uw WordPress-site bijwerken .

Voeg een timer-titel toe

Hierna kunt u naar beneden scrollen om een ​​verloopdatum, dag en tijd in te stellen voor uw mijlpaalteller.

Stel de vervaldatum in

Vervolgens moet u een animatiestijl selecteren in de vervolgkeuzelijst. U kunt de cirkel- en achtergrondbreedte ook gemakkelijk aanpassen.

Kies animatie

In het veld Countdown Width kunt u een breedte definiëren voor de volledige weergave van uw countdown-widget. Als u dit veld leeg laat, wordt de timer weergegeven met de standaardgrootte.

Hierna kunt u de achtergrond- en voorgrondkleur voor de afteltimer toevoegen. U kunt de kleur individueel wijzigen voor dagen, uren, minuten en seconden. Je kunt ook de labels wijzigen voor elementen zoals dagen, uren, etc.

Achtergrond voorgrondkleur

Als u tevreden bent met de instellingen, kunt u doorgaan en op de knop ‘Publiceren’ klikken.

Uw Countdown Widget voor mijlpalen weergeven in WordPress

Nu u uw mijlpaal-widget voor mijlpalen heeft gemaakt, laten we deze aan uw website toevoegen.

Eerst moet u op het Countdown Timer-menu klikken. Op de WP Countdown Timer-pagina ziet u de timer die u zojuist hebt gemaakt daar worden vermeld.

Kopieer shortcode

Naast je afteltimer zie je een shortcode die je moet kopiëren.

U moet deze shortcode kopiëren en in het inhoudsgebied van uw bericht of pagina plakken . Zorg ervoor dat u op de update- of publicatieknop klikt om uw wijzigingen op te slaan.

U kunt nu uw website bezoeken om de mijlpaal-afteller-widget in actie te zien.

Countdown timer demo

U kunt deze afteltimer ook toevoegen in de zijbalk van uw WordPress-site. Ga eenvoudig naar de pagina Uiterlijk »Widgets en voeg een widget ‘Tekst’ toe aan uw zijbalk. In widget-instellingen moet je de shortcode voor je afteltimer plakken.

Countdown widget-instellingen

Vergeet als u klaar bent niet op de knop Opslaan te klikken om uw widgetinstellingen op te slaan.

U kunt nu uw website bezoeken om uw mijlpaalzijbalkwidgetal in actie te zien.

Countdown mijlpaal preview

Methode 2: Een Countdown Widget voor MileStone toevoegen met OptinMonster

OptinMonster is de beste lead generation-software op de markt. Het helpt u bezoekers van een verlaten site om te zetten in abonnees en klanten.

Met behulp van de afteltimerfunctie van OptinMonster, kunt u de mijlpaaltimer integreren in een lightbox-popup, een widget op volledig scherm, een zwevende balk of een ander campagnetype van OptinMonster.

Hieronder ziet u een voorbeeld van een van de vooraf gemaakte campagnes voor countdown-timer die zij hebben, maar u kunt de Drag & Drop-builder gebruiken om een ​​volledig aangepaste countdown-timer te maken.

OptinMonster Countdown Timer Popup voor vakanties

OptinMonster is een slimme manier om de afteltimer te laten zien in een zeer oplettend ontwerpelement. Ze laten je zelfs toe om evergreen countdown timers in WordPress te maken.

Eerst moet je de OptinMonster- website bezoeken en je aanmelden voor een plan dat aan jouw behoeften voldoet.

Hierna moet u de OptinMonster- plug-in op uw WordPress-site installeren . 

Deze plug-in werkt als een connector tussen uw WordPress-site en de OptinMonster-app.

Klik na activering op de OptinMonster-link in uw WordPress-beheerdersmenu. Vervolgens wordt u gevraagd om uw OptinMonster API-inloggegevens in te voeren.

Maak verbinding met OptinMonster

U vindt deze informatie onder uw account op de OptinMonster-website. Meld u aan bij uw account en klik vervolgens op de link ‘API’ in het menu.

OptinMonster API-sleutel

U moet uw API-sleutel kopiëren en deze in de OptinMonster-instellingen op uw WordPress-site plakken. Klik daarna op ‘Verbinden met OptinMonster’ om door te gaan.

De plug-in verbindt nu uw WordPress-site met uw OptinMonster-account.

Nadat u bent verbonden, kunt u beginnen met het maken van een nieuwe campagne vanaf uw OptinMonster-dashboard. U kunt elk campagnetype gebruiken en de countdown-timer daarin integreren.

Maak een nieuwe campagne

OptinMonster Countdown Timer Popup voor vakanties

Methode 3: Een Countdown Widget voor mijlpalen toevoegen met behulp van SeedProd

SeedProd is de beste plug-in voor WordPress die binnenkort verschijnt . De SeedProd pro-versie wordt geleverd met een afteltimerfunctie. U kunt deze afteltimer toevoegen aan uw WordPress-website en uw bezoekers op de hoogte stellen van een lancering of een aankomende website.

SeedProd-voorbeeld

Allereerst moet u de SeedProd Pro- plug-in op uw WordPress-website installeren en activeren . 

Na activering wordt u doorgestuurd naar de Instellingen »Algemeen pagina in uw WordPress admin gebied. Het vraagt ​​om een ​​licentiesleutel die u van uw SeedProd-account kunt krijgen.

Licentiesleutel

Vervolgens moet je de pagina Instellingen »Coming Soon Pro bezoeken en de coming soon-modus inschakelen. Het start automatisch de afteltimer met de volgende pagina.

Binnenkort pagina inschakelen

U kunt op de bewerkingsoptie klikken om een ​​sjabloon te kiezen en uw komende pagina aan te passen. Als u tevreden bent, klikt u op de knop Wijzigingen opslaan.

SeedProd countdown

U kunt nu uw website bezoeken om de komende teller in actie te zien.

Dat is alles. We hopen dat dit artikel je heeft geholpen om een ​​mijlpaal-afteller in WordPress toe te voegen. 


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *