Gravity Forms gebruiken als eCommerce-oplossing

Wat je gaat creëren

Wist u dat u Gravity Forms kunt gebruiken om artikelen op uw WordPress-site te verkopen? Als u de ontwikkelaarsversie van Gravity Forms al hebt, of als u op zoek was naar een reden om het te kopen, zou Gravity Forms een goede eCommerce-oplossing voor u kunnen zijn.

Wat is zwaartekracht formulieren?

Als u niet bekend bent met Gravity Forms, is het een betaalde plug-in waarmee u ongelofelijk complexe formulieren kunt maken met eenvoudige drag-en-drop-functionaliteit. Er zijn zoveel echt goede gratis plug-ins die ik zelden betaalde plug-ins promoot, maar Gravity Forms is een van de weinigen die naar mijn mening de kosten absoluut waard is, vooral als je verschillende formulieren gaat maken. De tijd die u bespaart, betaalt voor de kosten van de plug-in.

U kunt Gravity Forms kopen op www.gravityforms.com. Er zijn drie niveaus om uit te kiezen, variërend van $ 39 tot $ 199, inclusief een jaar ondersteuning en updates. Uw formulier zal na dat jaar nog steeds op uw site werken, maar als u in de toekomst wijzigingen in uw formulier moet aanbrengen of nieuwe formulieren wilt toevoegen, hebt u mogelijk een nieuwe licentie nodig. Het goede nieuws is dat u uw licentie kunt verlengen met 50% korting op het normale tarief. Ik heb ook veel geluk gehad met het vinden van kortingsbonnen voor Gravity Forms bij RetailMeNot.

Als u online betalingen wilt kunnen accepteren, hebt u de ontwikkelaarslicentie nodig die wordt meegeleverd met de geavanceerde formulier-add-ons.

Is Gravity de juiste e-commerce oplossing voor u?

Gravity Forms is geen vervanging voor een volledige winkelwagenfunctionaliteit, maar het kan de juiste oplossing zijn als u:

verkoop tickets voor een evenement waarvoor registratie vereist is
accepteer online donaties van verschillende bedragen
verkoop iets dat gebruikers nodig heeft om een formulier in te vullen
hebben slechts een of twee items om te verkopen, zelfs als die items verschillende opties hebben

Gravity Forms is geweldig in het creëren van inkoopformulieren. Als u geavanceerd orderbeheer of inventariscontrole nodig heeft, kunt u beter een volledige eCommerce-winkelwagentjeoplossing zoals WooCommerce gebruiken. Gravity Forms werkt ook met Easy Digital Downloads.

Hoe Gravity Forms te gebruiken om producten te maken

Als u het item wilt instellen dat u met Gravity Forms wilt verkopen, moet u een nieuw formulier maken. Samen met de gebruikelijke formuliervelden zoals naam, adres, e-mailadres, telefoonnummer, enz., Heeft Gravity Forms dat ook Prijzen velden, welke u zult gebruiken om uw product te maken. Ik ga over elk veld heen zodat u alle opties kunt zien die elk biedt voor het aanpassen van uw product.

Productveld

Dit veld heeft veel meer opties dan het eerst verschijnt. Wanneer u dit veld kiest, is uw eerste optie a Eén product, die de productnaam en een prijs zal tonen. U kunt ervoor kiezen om het veld voor de hoeveelheid weer te geven of te verbergen. Zo ziet het eruit op uw formulier:

U hebt ook de mogelijkheid om een te kiezen Drop-down product of a Keuzerondje Product. Zoals u kunt zien, kunt u hiermee verschillende prijzen voor hetzelfde product gebruiken. Deze optie is goed voor het opladen van meer voor verschillende itemkeuzes of het aanbieden van verschillende niveaus van een donatie of abonnement.

Merk op dat ik bij deze allemaal de prijs heb geschreven in het naamveld zodat deze zichtbaar wordt. Anders zou alleen de naam verschijnen en niet de prijs. Dit is hoe het er achterin uitziet.

Ten slotte kunt u ook een product instellen met een Door de gebruiker gedefinieerde prijs. Dit kan van pas komen als u wilt dat een ondersteuner de hoogte van hun gift kan kiezen. Het ziet er als volgt uit in uw vorm:

Hoeveelheid veld

Het veld Eén product heeft de mogelijkheid om de hoeveelheid mee te nemen, maar als u een van de andere typen productvelden gaat gebruiken, zoals de vervolgkeuzelijst of het keuzerondje, en u wilt toestaan dat klanten in staat zijn om selecteer een aantal, voeg gewoon dit veld toe. Nadat u dit veld hebt gekozen, selecteert u eenvoudig met welk product u het wilt koppelen in het vervolgkeuzeveld. Dit is hoe de achterkant eruit ziet:

Zodra u het product kiest waaraan het zal worden gekoppeld, ziet u dat de volgende keuze een optie is voor Veld soort. In plaats van de klant toe te staan het aantalaantal in te voeren, kunt u een vervolgkeuzelijst gebruiken om het aantal dat u kunt kopen te beperken, of misschien alleen aankopen doen in veelvouden die u opgeeft.

Optieveld

Vervolgens hebben we de Optieveld die kan worden gebruikt om opties toe te voegen aan uw product. Dit kunnen opties zijn die de kosten niet veranderen, zoals kleur of grootte, of ze kunnen opties zijn die de prijs wijzigen, zoals het toevoegen van een vaas aan de bloemen die u hebt besteld, of misschien een optie voor geschenkverpakking..

Net als het veld voor de hoeveelheid, moet u het optieveld aan een bepaald productveld koppelen.

Verzendgebied

Voor dit veld heeft u de mogelijkheid om een enkele prijs (of vast tarief) verzending aan te bieden. Je kunt het ook gebruiken om te bevestigen dat je gratis verzending hebt door de prijs te laten staan op $ 0. De andere opties zijn keuzelijsten of keuzerondjes, maar dit veronderstelt dat er één verzendprijs per methode is, dus er worden geen extra verzendkosten berekend door standaard extra hoeveelheden of opties toe te voegen.

U kunt de vervolgkeuzelijst of keuzerondjes gebruiken om klanten te laten kiezen tussen verzending op de grond en prioriteit, of welke opties u ook heeft. Als u echter wilt dat de verzending afhankelijk is van de bestelde hoeveelheid of een andere factor, moet u het ene productveld gebruiken dat ik niet eerder heb genoemd: Berekening Productveld.

Berekening Productveld

Dit is een andere optie met het Product Field waar we het in het begin over hadden. Het kan worden gebruikt om totalen en kortingen te berekenen. Dit juweeltje kan je winkelwagen veel robuuster maken. Zodra u berekening kiest als het productveldtype, kunt u de formule gebruiken om toe te voegen, af te trekken, te vermenigvuldigen en te delen om het totaal te krijgen dat u wilt.

Je kunt aan de bovenstaande demonstratie zien dat het veld je de mogelijkheid geeft om elk veld dat je eerder hebt gemaakt in te voegen en toe te voegen, te vermenigvuldigen, etc., met elk ander veld. U kunt verborgen velden toevoegen om de exacte vergelijking te krijgen die u wilt. In het bovenstaande voorbeeld heb ik de verzendkosten vermenigvuldigd met de hoeveelheid, maar de mogelijkheden zijn onbeperkt.

Totaal veld

Eindelijk hebben we de Totaal veld, wat de klant eenvoudig het totaal laat zien van wat hij bestelt. U hoeft hier geen berekeningen te maken - Gravity Forms voegt alles automatisch toe.

Betaling

Gravity Forms heeft betalings-add-ons die bij de ontwikkelaarslicentie horen. Ze omvatten Authorize.net, drie soorten PayPal en Stripe. Als u kiest voor PayPal Payments Standard, heeft u geen SSL-certificaat nodig voor uw site omdat de creditcardinvoer wordt verwerkt op de site van PayPal. Maar als u de betaling rechtstreeks op uw site wilt afhandelen, moet u dat certificaat hebben. Als u de GF-ontwikkelaarslicentie niet hebt, is er ook de mogelijkheid om de gratis Gravity Forms + Stripe-plug-in te gebruiken. In het belang van deze tutorial zal ik de PayPal-integratie gebruiken.

Zodra u de invoegtoepassing hebt geactiveerd, moet u naar het formulier dat u aan het maken bent en naar onder Formulierinstellingen, gebruik de vervolgkeuzelijst om Paypal te kiezen. U moet dan Paypal autoriseren om geld van uw websiteformulieren te accepteren. Klik op de PayPal-instellingen link om te beginnen.

U ziet dan deze pagina:

Kopieer de meldingskoppeling die hier voor u wordt gegenereerd en klik vervolgens op de koppeling voor IPN-instellingenpagina. U wordt vervolgens gevraagd om in te loggen op uw PayPal-rekening en naar deze pagina geleid te worden:

Klik hier op de gele knop om uw IPN-instellingen te selecteren en plak de link die u zojuist hebt gekopieerd van Gravity Forms. Verander vervolgens de knop van "Niet ontvangen" naar "Ontvang" IPN-berichten en klik Opslaan.

Navigeer vervolgens terug naar uw Gravity Forms-instellingen en vink het vakje aan om te bevestigen dat u uw PayPal-rekening hebt geconfigureerd om IPN in te schakelen en klik vervolgens op de grote blauwe Update-instellingen knop.

Zodra deze configuratie is voltooid, moet u teruggaan naar het formulier dat u gebruikt en vindt u PayPal onder de formulierinstellingen, zodat u een PayPal-feed kunt maken. Klik op de creëer er een link.

Als u in het formulier om de naam, het adres, enz. Van de gebruiker hebt gevraagd, kunt u dat toewijzen aan de PayPal-betaling, zodat Paypal deze niet opnieuw hoeft te vragen. U hebt ook de mogelijkheid om het formulier in de testmodus te gebruiken om te zorgen dat alles correct werkt voordat u het formulier live verzendt.

Vervolgens, zodra u teruggaat naar uw formuliereneditor, ziet u dat u nu een nieuwe keuze hebt onder de prijsvelden: Kredietkaart.

Wees hier niet door verward. U hoeft het niet te gebruiken. Zodra u uw PayPal-feed voor dit formulier heeft ingesteld, wordt uw formulierinvoerknop (die automatisch wordt toegevoegd door Gravity Forms) klanten naar de PayPal-pagina geleid waar ze hun betaling kunnen doen..

Zoals ik al zei, gebruik ik de eenvoudige PayPal-add-on, dus ik heb geen SSL-certificaat nodig op mijn site en klanten worden doorverwezen naar de PayPal-pagina wanneer ze op de verzendknop klikken voor veilige betaling. Ik raad aan dat u de voorwaardelijke logica inschakelt, zodat u alleen een melding ontvangt wanneer gebruikers de PayPal-betaling daadwerkelijk uitvoeren. U kunt dit instellen door simpelweg het vakje hieronder aan te vinken Formulierinstellingen> PayPal.

Laten we beoordelen

Gravity Forms kan de juiste eCommerce-oplossing voor u zijn als u een of twee producten heeft, zelfs als deze ingewikkeld zijn.

Het kan een goede oplossing voor u zijn als u informatie van gebruikers nodig heeft, bijvoorbeeld als zij zich aanmelden voor een cursus of evenement. Het kan ook een zeer goede oplossing zijn als u donaties wilt accepteren en meer dan één standaarddonatiebedrag wilt aanbieden of als u wilt dat zij het bedrag dat zij willen geven, kan kiezen.

Hoewel Gravity Forms geen tracking van bestellingen of voorraad heeft, houdt het wel alle vermeldingen bij die u voor elk formulier ontvangt. Om veiligheidsredenen worden door Gravity Forms standaard alleen de laatste vier cijfers van het creditcardnummer op de back-end bewaard, dus plan deze nummers later niet in.

Bent u van plan om Gravity Forms te gebruiken om te verkopen op uw site? Ik zou het leuk vinden om erover te horen.

Code