Så här skapar du en webbkatalog i WordPress (Step-by-Step)

Tänk om du kunde skapa en webbplats där människor naturligt vill skicka in sina egna listor?

Under de år vi har arbetat med WordPress har vi stött på många människor som har byggt framgångsrika kataloger som tjänar sina samhällen samtidigt som de genererar stadiga inkomster.

Webbkataloger löser två problem på en gång: de hjälper besökare att hitta exakt vad de behöver samtidigt som de skapar hållbara intäktsströmmar för webbplatsägare.

Oavsett om det handlar om en lokal företagskatalog, en hubb för professionella tjänster eller ett branschspecifikt resurscenter lockar dessa webbplatser naturligtvis både användare och sökmotorer. De kräver också relativt lite underhåll när du väl har satt upp dem på rätt sätt.

Vi har sammanställt den här kompletta guiden för att visa dig hur du bygger en professionell webbkatalog i WordPress från grunden. Vi går igenom allt från att välja rätt plugins till att sätta upp betalningssystem, så att du kan starta en katalog som tjänar ditt samhälle och samtidigt genererar intäkter till ditt företag.

Varför skapa en web directory i WordPress?

En web directory gillar en katalog som listar företag eller enskilda personer.

Varje list innehåller användbar information, till exempel företagets location, email address och vilka tjänster de erbjuder.

Yellow Pages, Angi och Yelp är alla exempel på populära webbkataloger som hjälper människor att hitta en plats eller tjänst.

För att hjälpa besökarna att hitta det de letar efter delar dessa populära kataloger ofta upp sitt innehåll med hjälp av ämnen, kategorier och taggar, intressen och andra egenskaper, som du kan se på följande bild.

Webbkataloger är en populär affärsidé på nätet och ett bra sätt att tjäna pengar på nätet på användargenererat innehåll.

Ofta visar tutorials hur man skapar en directory med hjälp av ett tema för webbkataloger. Detta innebär dock att du måste använda samma theme för alltid.

Istället rekommenderar vi att du installerar ett plugin för webbkataloger som du kan använda med vilket WordPress-tema du vill.

Med detta i åtanke tar vi en titt på hur du skapar en webbkatalog i WordPress. Använd bara snabblänkarna nedan för att hoppa direkt till den metod du vill använda:

Låt oss komma igång!

Metod 1: Skapa en directory med hjälp av tillägget Business Directory (rekommenderas)

Det enklaste sättet att skapa en directory är genom att använda Business Directory plugin. Detta plugin har allt du behöver för att skapa en directory, organisera dina listor och godkänna betalningar med credit card i WordPress.

Det finns också en gratis version av Business Directory tillgänglig, men premiumpluginet har fler funktioner, inklusive stöd för Stripe, PayPal och Authorize.net. Med detta i åtanke kommer vi att använda premiumpluginet i den här guiden.

Först måste du installera och aktivera pluginet. Om du behöver hjälp kan du vänligen läsa vår guide om hur du installerar ett plugin för WordPress.

Konfigurera dina pages i katalogen

När du har aktiverat plugin-programmet kan du gå till Directory ” Inställningar från WordPress instrumentpanel. Du kommer nu att se en popup som ber om din tillåtelse att skapa en ny sida.

Business Directory plugin behöver den här sidan för att fungera korrekt, så fortsätt och klicka på “Skapa obligatoriska pages för mig.

Pluginet kommer nu att skapa en new page som heter “Business Directory”.

Som standard har den här page all den control som visitors behöver för att titta igenom yours olika listningar och submitte sina egna listningar.

Till att börja med är det en bra idé att kontrollera plugin-inställningarna genom att gå till Directory ” Settings.

Här hittar du olika sections:

• Noteringar
• Email
• Payment
• Appearance.

Vi rekommenderar att du väljer varje tab och sedan reviewar settings för att se om du behöver göra några ändringar.

I Listings kan du till exempel ändra hur många listningar pluginet visar på varje page.

När du är slutförd, glöm inte att clicka på “Save Changes” för att store dina inställningar.

Customize formuläret för Directory Listing

Business Directory har ett standardformulär som visas för besökare, men du kanske vill anpassa formuläret genom att lägga till din egen logotyp, ditt varumärke eller ditt eget innehåll.

För att customize formuläret går du till Directory ” Directory Content och väljer sedan “Form Fields”.

På den här vyn visas alla fält som ingår i standardformuläret.

För att ändra var ett fält visas i formuläret klickar du bara på de små pilarna uppåt och nedåt i kolumnen “Order”.

Om du vill ta bort ett fält klickar du på länken “Delete”.

Slutligen, om du vill göra några ändringar i ett visst fält, klicka på dess “Edit” länk.

Detta öppnar en page där you kan ändra fältetiketten, markera fältet som obligatoriskt, add to en valfri description med mera.

När du är slutförd, glöm inte att clicka på knappen “Update Field” för att save your changes.

Skapa några kategorier för företag

Därefter är det en bra idé att skapa några kategorier som människor kan använda när de skickar in sina listor. Dessa kategorier kommer också att hjälpa besökare att browsa your directory och hitta det de letar efter, på samma sätt som kategorier och tags fungerar i WordPress.

Som standard har insticksprogrammet en enda kategori “Allmänt”, men du kan lägga till fler genom att klicka på fliken “Kategorier”.

Gå sedan vidare och välj “Lägg till ny kategori”.

I popupen som visas skriver du in ett namn för kategorin.

Du kan också organisera kategorierna i barn-föräldrarelationer, på samma sätt som barnsidor i WordPress.

Om du vill göra en kategori till en underkategori öppnar du bara rullgardinsmenyn “Föräldrakategori” och väljer en förälder.

För att skapa kategorin går du vidare och klickar på “Add New Category”.

Du kan add to fler kategorier till din business directory genom att upprepa samma process som beskrivs ovan.

Börja godkänna listningar i directory

Nu kan besökare skapa en new listning genom att heada till din Business Directory page och click the “Add Listing” button.

De kommer då till en vy där de kan skriva in all information om annonsen.

Sedan behöver de bara klicka på knappen “Complete Listing” längst ner på sidan för att skicka in sin annons.

Varje gång en besökare skickar in en annons på det här sättet måste du godkänna den manuellt.

För att göra detta, gå till Directory ” Directory Content i ditt WordPress-adminområde.

You will now see a list of inväntar granskningar.

För att titta närmare på en annons klickar du bara på länken “Preview”.

Detta kommer att öppna listan i en new tab.

För att göra ändringar i annonsen klickar du på “Edit”.

När du är nöjd med hur annonsen ser ut klickar du på “Publicera”.

Som WordPress-administratör kan du också skapa listor i dashpanelen. Du kanske till exempel vill skapa listor för dina affiliate-marknadsföringspartners så att de inte behöver göra allt det hårda arbetet själva.

För att skapa en listning går du till Directory “ Directory Content och klickar sedan på “Add New Listing”.

Då öppnas en vy där du kan skriva in all information.

När du har slutfört klickar du på “Publicera” för att göra annonsen Live.

Godkänna Payments för Directory Listings

Det finns många sätt att tjäna pengar online med WordPress, inklusive att ta emot betalningar för att publicera en annons.

Som standard stöder Business Directory endast Authorize.net betalningslösning, men du kan godkänna betalningar med PayPal, Stripe och Payfast genom att uppgradera till plugin premium.

För att ställa in Authorize.net, gå till Directory ” Settings och klicka sedan på tabben “Payment”.

Du kan sedan gå vidare och välja “Authorize.net”.

Här klickar du på knappen “Enable Authorize.net” så att den blir blå.

This adds some new settings where you can type in the login ID and transaction key for your Authorize.net account.

När du har gjort det klickar du på tabben “General Settings”.

Om du inte är redo att börja godkänna betalningar ännu, se till att aktivera “Put payment gateways in test mode”.

Som standard godkänner pluginet betalningar i dollar, men du kan välja en annan valuta med hjälp av “Currency” dropdown.

Du kan också skriva in ett annat tack-meddelande som visas för användarna när de skickar en Payment till You.

När du har slutfört att konfigurera inställningarna för Payment, glöm inte att clicka på “Save Changes” för att store your settings.

Skapa planer för Payment

Innan du kan ta emot betalningar måste du skapa minst en betalningsplan.

Börja med att gå till Directory “ Directory Content och klicka sedan på “Plans” i menyn till vänster.

Tillägget kommer med en gratis plan och en standard plan, som är $1.00 för 365 dagar.

Om du vill ändra någon av planerna klickar du bara på länken “Edit”.

Då kommer du till en vy där du kan göra alla möjliga ändringar i planen.

Detta inkluderar att ändra priset eller till och med skapa olika priser för specifika kategorier.

När du är nöjd med de ändringar du har gjort, glöm inte att klicka på knappen “Save Changes” för att göra din plan live.

Upprepa bara dessa steg för att skapa ytterligare planer för Payment.

Metod 2: Skapa en WordPress-katalog med Formidable Forms

Du kan också skapa en företagskatalog med hjälp av Formidable Forms.

Formidable Forms är det mest avancerade WordPress-formulärbyggarpluginet på marknaden och hjälper dig att skapa massor av olika formulär, inklusive enkäter, betalningsformulär, bokningsformulär och mycket mer.

Vi har testat detta plugin själva, och vi rekommenderar det starkt. Kolla in vår fullständiga Formidable Forms-recension för mer information!

Formidable Forms levereras också med en kraftfull “Visual Views” -funktion som du kan använda för att visa data som användare har skickat in på din website. Med hjälp av denna utvalda funktion kan du enkelt skapa kataloger, fastighetsannonser, jobbsajter, kalendrar för händelser och mycket mer.

Med detta i åtanke, låt oss skapa en företagskatalog med hjälp av Formidable Forms plugin.

Skapa ett formulär för att samla in data till Your Directory

Det första du behöver göra är att installera och aktivera Formidable Forms plugin. Detaljerade instruktioner finns i vår guide om hur du installerar ett plugin för WordPress.

Du måste också installera Formidable Forms Lite. Detta gratis plugin ger core-grunden för premium-pluginets mer avancerade funktioner.

När du har gjort det, gå till Formidable Forms ” Global Settings page och välj ‘Click to enter a license key manually’.

License key hittar du under ditt account på Formidable Forms website.

När du har enter denna information klickar du på knappen “Save License”.

Add to en betalningslösning

Många ägare av websites tar betalt av besökarna för att submitte en listning. Om du vill skapa en premium web directory och godkänna betalningar med credit card måste du installera ett addon och konfigurera en betalningslösning.

Formidable Forms kan samla in betalningar med Stripe, PayPal eller Authorize.net.

I den här guiden kommer vi att visa dig hur du godkänner betalningar med PayPal, men stegen kommer att likna andra betalningslösningar.

I din WordPress dashboard, gå till Formidable ” Utökningar. I sektionen “PayPal Standard” klickar du på “Install”.

Senare i den här guiden kommer du att använda “Visual Views” för att visa all information som besökarna enter i ditt formulär.

Med detta i åtanke, hitta addon ‘Visual Views’ och klicka på knappen ‘Install’, eftersom du kommer att behöva detta addon senare.

När du har gjort det, heada till Formidable ” Global Settings.

Välj sedan “PayPal” i menyn till vänster.

På den här skärmen skriver du in den e-postadress som är kopplad till ditt PayPal-konto.

Du kan också ändra valuta och de webbadresser som laddas efter att en besökare har slutfört sin betalning eller avbrutit sin order.

När du har enter informationen klickar du på knappen “Update” för att save your changes.

Skapa ett formulär

Nu är du redo att skapa ett formulär genom att heada över till Formidable ” Forms page.

Här klickar du på “Add New”.

Då visas en lista över alla templates för formulär som du kan använda.

Som ett exempel skapar vi en fastighetskatalog genom att clicka på kategorin “Real Estate”.

Du kan nu se alla de olika templates som finns i denna Category, inklusive flera templates för bolånekalkylatorer.

För att previewa en template håller du bara musen över den och clickar sedan på den lilla iconen som gillar ett öga.

För att använda en template hoverar du över den och klickar sedan på ikonen “+”. Vi använder templaten “Real Estate Listings” i alla våra images.

När du har gjort det skriver du en Rubrik i fältet “Form Name” och enter en valfri description. Denna information är bara för din referens, så du kan använda vad du vill.

Klicka sedan på knappen “Skapa”.

Detta öppnar mallen i Formidable Forms editor.

Härifrån kan du helt enkelt peka och klicka för att anpassa alla fält i formuläret. Du kan till exempel klicka på fältet “Kortfattad text” och sedan skriva in en ny text i fältet “Fältetikett”.

You can also add more fields by select ‘Add Fields’ in the left-hand menu.

Dra sedan något av fälten till formulärets layout. Du kanske till exempel vill add to ett fält där besökaren kan skriva in sitt namn.

För att fortsätta customize templaten upprepar du bara dessa steg.

När du är nöjd med hur formuläret är utformat klickar du på knappen “Update” högst upp till höger på vyn.

Add to en Payment Action (valfritt)

Om du vill ta emot betalningar måste du lägga till en åtgärd i formuläret.

För att göra detta klickar du på fliken “Inställningar” och väljer “Åtgärder och aviseringar”.

Efter det klickar du på “PayPal” för att add to the action to your form.

Därefter rullar du till sektionen “PayPal”.

Om du vill ta ut en fast avgift av visitorerna för att skapa en new listning klickar du på “Set Amount”.

Du kan nu skriva in hur mycket du vill ta betalt.

Du kan också välja om det ska vara en engångsbetalning, en donation eller en återkommande betalning med hjälp av dropdown-listen “Payment Type”.

Om du väljer “Prenumeration” kan du använda kontrollerna för att ange hur ofta personen ska debiteras.

På så sätt kan du tjäna pengar på dina annonser på lång sikt. Du kan också erbjuda kunderna en gratis prenumeration.

När du har slutfört att konfigurera PayPal, glöm inte att klicka på “Update” för att save your changes. Nu måste besökarna göra en Payment innan de kan submita formuläret.

2. Publicera ditt formulär i WordPress

När du är nöjd med hur formuläret ser ut är det dags att lägga till det på din WordPress-webbplats.

Som ett exempel kommer vi att lägga till formuläret på en ny sida genom att gå till Sidor ” Lägg till ny i WordPress instrumentpanel.

Du kan nu ge sidan ett namn, ladda upp en utvald bild och lägga till annat innehåll som du vill visa på sidan.

Därefter klickar du på ikonen “+” och skriver in “Formidable Forms”.

När det rätta blocket visas, ge det ett click för att add to the page.

Därefter öppnar du bara dropdown “Select a form” och väljer formuläret för fastighetsannonser.

Formidable Forms kommer sedan att lägga till formuläret i inlägget och visa en förhandsgranskning i blockredigeraren.

När du är redo att göra formuläret Live går du vidare och publicerar sidan.

Efter det är det en bra idé att lägga till den här sidan i din navigationsmeny i WordPress så att folk lätt kan hitta den. Du kanske också vill skicka ett meddelande till din lista mailingowa så att din publik vet att de nu kan skicka in listor till din webbplats.

3. Bygg din webbkatalog med Formidable Views

Därefter vill du skapa en web directory så att det content som användare skickar in visas på din WordPress website.

Du kan göra detta med hjälp av funktionen Visual Views, så head to Formidable ” Views och klicka sedan på ‘Add New’.

En popup visar nu de olika layouts som du kan använda för din directory.

Gå vidare och klicka på “Classic”, eftersom du då kan skapa en ny layout från början.

På nästa vy öppnar du dropdown ‘Use Entries from Form’ och väljer det fastighetsformulär som vi skapade tidigare.

Formidable Forms kommer att ge din view ett namn baserat på det formulär du använder som datakälla. Du kan dock ändra detta om du vill.

När du är nöjd med den information du har enter klickar du på “Create a view”.

Du kan nu skriva in all information som du vill visa ovan och under annonsen. Till exempel kanske du vill add to din kontaktinformation längst ner på sidan.

För att göra detta klickar du helt enkelt på “Add Before Content” eller “Add After Content”.

Detta öppnar en popup där du kan skriva in den text som du vill visa ovan eller under listans content.

Till höger finns det också några parametrar som du kan använda.

Formidable Forms kommer att ersätta dessa parametrar med verkliga värden på din webbplats. Till exempel kommer [siteurl] att ersättas med din webbplats URL.

När du är nöjd med den information du har enter, klicka på “Update” för att save dina ändringar och återgå till huvudvyn för view editor.

När du har gjort det är du redo att skapa layouten för de olika listorna på katalogsidan.

För att komma igång klickar du på den mittersta “+”-ikonen.

Du kan nu skriva in text i textredigeraren och välja olika parametrar i menyn till vänster.

I den Följer image, vi skapar en enkel layout som visar varje fastighets korta text, följt av listans price och typ.

Slutligen visar vi hela beskrivningen.

I följande image kan du se ett exempel på hur denna enkla layout kommer att se ut på din WordPress website.

Om du vill förstora denna mycket enkla layout lägger du bara till fler parametrar och plain text genom att följa samma process som beskrivs ovan.

Du kommer sannolikt att vilja visa ett foto av varje fastighet.

Detta gör du genom att klicka på fliken “Advanced” i rutan “Customization”.

Klicka sedan på “Show Image”, som visar alla images som visitorerna submittar.

Medan du arbetar med din layout kan du få en preview på hur den kommer att se ut för besökarna genom att clicka på knappen “Update”.

Då kommer du tillbaka till huvudeditorn, som visar en preview av den layout du håller på att skapa.

När du är nöjd med hur din directory ser ut kan du add to den på vilken page eller post som helst med hjälp av shortcode i vänstermenyn under “View Name”.

Hitta bara den här koden och klicka sedan på knappen “Kopiera”.

För mer details om hur du placerar shortcode kan du se vår guide om hur du lägger till en shortcode i WordPress.

När du har gjort det är det bara att besöka sidan eller posten för att se den slutförda webbkatalogen.

Bonus Tips 🌟: Lägg till ett recensionsflöde i din företagskatalog

För vissa företagskataloger kan det vara vettigt att visa kundrecensioner bredvid listorna.

Om du till exempel har skapat en katalog över lokala restauranger eller hotell kan du förbättra besökarnas upplevelse genom att visa Yelp-recensioner för dessa platser.

Smash Balloon’s Reviews Feed Pro är det bästa pluginet för kundrecensioner för WordPress.

Detta enda plugin allow you to show reviews from Yelp, Facebook, Google, WordPress.org, Trustpilot, and TripAdvisor, so you don’t need to install multiple plugins.

Om du vill utforska plugin-funktionerna kan du gå vidare och se vår fullständiga Smash Balloon-recension!

Reviews Feed Pro kopierar också automatiskt designen på din website.

Det innebär att reviews kommer att passa perfekt till ditt WordPress theme och gillar en naturlig del av din företagskatalog snarare än content embed från en annan plattform.

Ännu bättre är att Smash Balloon hämtar new content automatiskt, så att din företagskatalog alltid visar de senaste reviews.

För Step-by-Step instruktioner, vänligen se vår guide om hur du visar dina Google, Facebook och Yelp reviews i WordPress.

Vi hoppas att den här artikeln hjälpte dig att skapa en webbkatalog med WordPress. Du kanske också vill se våra expertval av de bästa plugins för onlinebeställningsformulär för WordPress och vår ultimata guide till att använda WordPress-formulär.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.