Wilt u een Contact formulier wie sluipt naar je WordPress-blog? 

Als uw bedrijf via de Contact formulier van uw website, een van de beste methoden is om uw Contact formulier beter zichtbaar. 

In deze tutorial laten we u zien hoe u een formulier op WordPress toevoegt zonder uw gebruikers te irriteren.

Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Maak een dia in contactformulier

Waarom zou u een geanimeerd contactformulier in een dia op WordPress toevoegen?

Veel eigenaren van kleine bedrijven beginnen hun websites in de hoop dat het hen zal helpen hun bedrijf te laten groeien.

Daarom voegt u een contactformulierpagina toe zodat gebruikers contact met u kunnen opnemen.

Het probleem is echter dat de meeste gebruikers die vragen hebben uw website zullen verlaten zonder contact met u op te nemen.

Lees ook onze gids over: Bloggers: Schrijf niet 1000 woorden, maar gewoon gebruik maken van een foto

Dit is de reden waarom u zult merken dat veel populaire websites pop-ups voor contactformulieren, formulieren die op de pagina schuiven of call-to-action-knoppen toevoegen die contactformulieren openen.

Deze geanimeerde en interactieve opties leiden de gebruiker af het contactformulier en laat ze het formulier snel invullen zonder een andere pagina te bezoeken. Deze formulieren verhogen uw conversies drastisch, daarom zie je ze overal.

Laten we eens kijken hoe we een contactformulier kunnen maken dat uitglijdt op WordPress.

Een exclusief contactformulier toevoegen in WordPress

Voor deze zelfstudie moet u dit doen WPForms. Het is een van de beste WordPress Plugin contactformulier op de markt.

U kunt de gratis versie van de WPForms-contactformulierplug-in gebruiken als u niet alle premiumfuncties nodig heeft.

Je hebt ook nodig d 'OptinMonster. Het is software voor conversie-optimalisatie. Het helpt u bezoekers die uw website verlaten om te zetten in klanten. Je hebt het professionele plan nodig dat je toegang geeft tot de functionaliteit die we in deze tutorial gaan gebruiken.

Stap 1. Aanmaken van een contactformulier op WordPress

Eerst moet u de plug-in installeren en activeren WPForms. Zie onze stapsgewijze handleiding voor meer informatie manier om een ​​WordPress-plug-in te installeren .

Na activering moet u ' WPForms »Nieuw toevoegen Â»Om uw contactformulier te maken. Hiermee wordt de WPForms-generatorinterface gestart.

Voer een naam in voor uw contactformulier en selecteer vervolgens het model "Selecteer een sjabloon.

WPForms toont een eenvoudig contactformulier. U ziet het formuliervoorbeeld in het rechterdeelvenster. U kunt op elk veld klikken om het te bewerken of nieuwe velden toevoegen vanuit de linkerkolom.

Newform

Als u klaar bent met het wijzigen van het formulier, klikt u op de knop Enregistrer om uw wijzigingen op te slaan.

Ontdek ook Hoe e-mailadressen vast te leggen met MailOptin

Vervolgens moet u bovenaan op de insluitknop klikken om de insluitcode voor uw formulier te krijgen.

Hierdoor wordt een pop-upvenster weergegeven met de shortcode van uw formulier. Ga je gang en kopieer deze shortcode, want je hebt hem nodig in de volgende stap.

Stap 2. Een dia maken op OptinMonster

Nu zullen we een verwijderingscampagne maken die het contactformulier weergeeft dat u in de eerste stap hebt gemaakt.

Eerst moet u de plug-in installeren en activeren OptinMonster. Zie onze stapsgewijze handleiding voor meer informatie manier om een ​​WordPress-plug-in te installeren .

Deze plug-in fungeert als een connector tussen uw website en uw OptinMonster-account.

Na activering klikt u op het OptinMonster-menu in uw WordPress-beheerbalk en voert u uw API-sleutel in. U kunt deze informatie krijgen van de OptinMonster-website.

omapi

Nadat u uw licentiesleutel heeft ingevoerd, klikt u op de knop " Maak nieuwe Optin Rechtsboven in uw scherm.

Nieuwoptin

Hiermee gaat u naar de OptinMonster-website.

OptinMonster biedt verschillende soorten dynamische campagnes. Voor deze tutorial gebruiken we de 'glijbaan'. Ga je gang en klik om te selecteren 'Schuif erin'als een soort campagne.

SlideinoptinVervolgens moet u het model selecteren. OptinMonster biedt verschillende kant-en-klare sjablonen, maar we moeten kiezen 'Canvas print'voor deze tutorial.

optintemp

Zodra u de sjabloon selecteert, moet u een naam voor uw campagne opgeven. Zo kunt u de campagne gemakkelijk terugvinden in uw OptinMonster-dashboard. 

4 WordPress-plug-ins om virtual reality toe te voegen absoluut te ontdekken

Nu zal OptinMonster de campagnebouwer-interface laden.

Maak een optinmonster-campagne

Aan de rechterkant ziet u een realtime overzicht van uw campagne. Omdat we het canvasmodel gebruiken, is het voorlopig helemaal leeg.

Zie ook onze 10 premium WordPress-plug-ins om portfolio's op uw blog te maken

Aan de linkerkant ziet u verschillende tabbladen. In de sectie "Algemene Optin-instellingen", U moet uw website-URL invoeren onder de"Optin campagnewebsite.

Dan moet je overschakelen naar de 'Optin'. Hier kunt u de kleuren, hoogte en breedte van uw optin selecteren.

Kies kleuren

Ga je gang en selecteer de kleuren die je leuk vindt en pas de breedte en hoogte aan, zodat het je hele formulier goed kan weergeven.

Lees ook ons ​​artikel over 5 WordPress plug-ins om een ​​ledengebied te maken

Daarna moet je naar beneden scrollen naar de " Canvas aangepaste HTML En voer de shortcode van WPForms in die u eerder hebt gekopieerd.

Voeg een korte code toe

Als u de shortcode invoert, wordt uw formulier niet onmiddellijk weergegeven in de campagne voor direct verzenden. Dit komt omdat de shortcode alleen werkt op uw eigen WordPress-site.

U kunt nu bovenaan op de knop "Opslaan" klikken om uw instellingen op te slaan en vervolgens op de knop "Publiceren" klikken.

savenpublish

Op het volgende scherm moet u de status van de optie wijzigen om te publiceren. Dit maakt de optie beschikbaar voor uw WordPress-site.

Publicatiestatus

Stap 3. Het contactformulier weergeven op WordPress

Nu je het contactformulier en de verwijderingscampagne hebt gemaakt, ben je klaar om het op je website te plaatsen.

Ontdek ook de 10 WordPress Contactformulier 7-plug-ins die u waarschijnlijk negeert

Ga je gang en bezoek de pagina OptinMonster in uw WordPress-beheergebied. U ziet uw recent gemaakte recente campagne.

Bewerk de uitvoerinstellingen

U moet op de link 'Uitvoerinstellingen bewerken' klikken om te beslissen hoe u deze op uw site wilt weergeven.

Zorg ervoor dat u op het volgende scherm het selectievakje naast 'Optin inschakelen op de website?'. Met OptinMonster kunt u kiezen wie de opt-in kan zien. U kunt ook een specifiek gedeelte van uw website selecteren om de opt-in weer te geven.

Schakeloptie 1 in

Vergeet niet op de knop te klikken Instellingen opslaan om uw wijzigingen op te slaan.

Zie ook: 5 premium plug-ins om inhoud op uw WordPress-blog te promoten

U kunt nu uw website bezoeken om het contactformulier in actie te zien. Zorg ervoor dat u de icognitomodus in uw browser gebruikt of log uit, zodat u precies kunt zien wat uw gebruikers zullen zien.

Voorbeeld van uitschuifvorm

Standaard wordt de verwijderingscampagne 5 seconden na het laden van de pagina weergegeven. Met OptinMonster kunt u dat echter ook wijzigen.

U kunt talloze regels maken om de campagne weer te geven wanneer aan bepaalde voorwaarden is voldaan.

Lees ook: 10 WordPress plug-ins om livechat toe te voegen aan je blog

U kunt het formulier bijvoorbeeld weergeven wanneer een gebruiker 50% van de pagina heeft gelopen, wanneer een gebruiker op het punt staat een pagina te verlaten, en nog veel meer.

Campagneregels

Optinmonster downloaden

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. LatePoint

Ben je de ingewikkelde boekingsplug-ins beu, waarvan de installatie eeuwig duurt en soms zelfs als je dat doet - deze vertragen je hele website en doen je potentiële klanten verliezen?

Latepoint afspraak boeken reserveringsplugin voor wordpress 1

Le WordPress Plugin Premium LatePoint komt u te hulp door u te helpen een eenvoudig en intuïtief systeem in uw website te integreren. afsprakenbeheer, die uw klanten aanspreekt en het plannen van een afspraak ongelooflijk eenvoudig maakt met slechts een paar klikken. Het installeert in minder dan 5 minuten en biedt verbindingsmogelijkheden via sociale netwerken.

Hoewel het van buiten eenvoudig is, is het van binnen ongelooflijk krachtig. Het overzichtelijke en moderne bedieningspaneel is zo ontworpen dat elke bedrijfseigenaar gemakkelijk prestatierapporten van agenten kan bekijken en zonder veel moeite services en klanten kan beheren.

Downloadendemonstratie | web hosting

2. Algori sociale knoppen voor delen Pro

De nieuwe WordPress Plugin premium Algori Social Share Buttons Pro laat je eenvoudig social network share buttons toevoegen aan je website. 

Algori social share buttons pro voor wordpress gutenberg 1

Door deze populaire knoppen voor sociaal delen toe te voegen, kunnen bezoekers van uw website uw inhoud gemakkelijk promoten en delen met hun vrienden. Dat verhoogt uw SEO, verhoogt de gebruikersbetrokkenheid.

Met deze WordPress-plug-in kunt u dat verhoog uw verkeer, om uw SEO te optimaliseren, verschillende soorten sociale netwerken en andere mobiele applicaties te targeten, om het uiterlijk van uw knoppen en andere aan te passen.

Downloaden | demonstratie | web hosting

3. Pro Aangepaste Admin

Met de WordPress premium Pro Custom Admin-plug-in kunt u eenvoudig de registratie- en inlogpagina's van uw website aanpassen of een onderhoudspagina maken.

Pro aangepaste admin

Het biedt een aantal functies, waarvan we de belangrijkste zullen noemen: verander de achtergrondkleur en het inlogpagina-logo, voeg een aangepast favicon toe backend en frontend van uw website, verander de kleuren van links en knoppen, pas de voettekst aan die op elke admin-pagina verschijnt, verwijder het WordPress-versienummer uit de voettekst, updates gratis en voor het leven, en nog veel meer.

Download | Demo | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Alstublieft ! Dat is alles voor deze tutorial, ik hoop dat je hiermee een uitschuifbaar animatieformulier op je WordPress-blog kunt weergeven. Aarzel niet om deel dit artikel met je vrienden op je favoriete sociale netwerken

U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.

Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...