Du kanske har hört talas om några av de mest populära katalogwebbplatserna på marknaden. eBay, Yahoo, Facebook, Bing, Foursquare och Yelp är bara några av de många webbplatser som listar produkter och tjänster för oss att bläddra igenom. Du kan enkelt skapa en katalogwebbplats för att lista nästan vad som helst. Faktum är att du kan hitta exempel på fastigheter, lokala företag, bilar. Om du kan tänka på det, kan du lista det.

Det här är anledningen till att katalogwebbplatser är en av de mest populära typerna av webbplatser att skapa och försöka tjäna pengar från.

Men som med alla komplexa projekt är det viktigt att se till att du följer rätt väg för att se till att just din sajt blir en framgång. I den här artikeln tar vi dig igenom alla viktiga steg för att skapa en katalogwebbplats:

Välj en Nisch för din Katalogwebbplats

Nu när du har bestämt dig för att skapa en sådan webbplats är den viktigaste frågan denna:

Vad exakt ska du lista på din katalogwebbplats?

Att identifiera din marknad kan vara skillnaden mellan ditt nästa lönsamma företag och ett som helt enkelt kommer att bli ännu ett misslyckat projekt på webben.

Här är de steg du bör vidta för att utvärdera vad din katalogwebbplats ska specialisera sig på.

Tänk på vad du Skulle vara Intresserad av att Sälja:

Först är det viktigt att tänka på vilka typer av produkter, branscher och tjänster du är intresserad av. Om du börjar med detta mål i åtanke kommer du att ha mer passion för ditt projekt och det kommer förhoppningsvis att bli lättare för dig att hitta fyra eller fem typer av branscher, nischer eller vertikaler som du kan använda som grund för resten av din efterforskning.

Till exempel, om du gillar att gå ut för att äta med vänner, har du en bra uppfattning om de mest populära restaurangerna i din stad/ort, vilken typ av mat de serverar och vad deras bästa rätter är.

Detta ger dig rätt typ av kunskap som du kan använda för att börja sikta på specifika restauranger, som du vet är bra, istället för att slösa resurser på andra.

Se vad Folk Söker Efter:

När du är klar med vad du vill sälja, kan du sedan gå vidare till att göra lite djupgående efterforskningar för att hitta de mest populära företagen i din föredragna nisch. Ett av de mest effektiva sätten är att titta på vad folk söker efter online. För att göra det finns det gott om SEO-verktyg du kan använda, till exempel Google Keyword Planner, Ahrefs eller Moz.

Den viktigaste punkten här är att hitta rätt lång svansen-sökord, som har den magiska kombinationen av hög popularitet och relativt låg konkurrens.

Här är vad jag menar: låt oss föreställa oss att du har beslutat att skapa en katalogwebbplats för människor som vill hitta lokala byggare. Jag använde Ahrefs för att hitta söktermer som är populära (över 200 sökningar per månad) och inte alltför konkurrenskraftiga (en sökords-svårighetsgrad på mindre än 50). Här är en lista över dem:

Ahrefs resultatsida för en viss sökfråga
Ahrefs resultatsida för en viss sökfråga
  • Byggare i mitt område
  • Staketbyggare i mitt område
  • Byggare i mitt område
  • Husbyggare nära mig
  • Anpassade husbyggare
  • Husbyggare
  • Garagebyggare
  • Semesterbyggare
  • Poolbyggare nära mig

Från detta ser du vilka sökord du bör sikta på för att öka din webbplats ranking. Men det finns mer: tack vare denna efterforskning kommer du att kunna se vilka typer av byggare som folk letar efter. Som ett exempel är frågan ”poolbyggare nära mig” en populär sökning som du kanske vill skapa en dedikerad sektion för på din katalogwebbplats.

Mer information om att optimera din webbplats SEO finns i Kinstas SEO-checklista.

Kolla om det Finns Några Webbplatser som Redan Tjänar din Nisch:

Att ha en lista över populära långa svansen-sökord är en sak, men det blir mindre användbart om det redan finns katalogwebbplatser som tjänar dem. Du kan använda SEO-verktyg för att utforska vem som rankar högre för sökningarna. Du kan också se hur konkurrenskraftiga var och ett av dina sökord är. Om det finns en brist på konkurrens så har du hittat rätt marknad.

Vi fortsätter med vårt byggarkatalog-exempel, dessa är de webbplatser som rankas bra för ”staketbyggare”.

Ahrefs SERP-översikt
Ahrefs SERP-översikt

Som ni kan se finns det inte många byggarkatalogwebbplatser. Dessutom har de som rankar i topp 10 inte en bra Ahrefs-rankning vilket innebär att vi borde kunna överträffa dem om vi är smarta med vår SEO.

Leta Efter Företag som Kommer att vara Angelägna om att Använda din Katalogwebbplats:

Nu när du vet att det finns en efterfrågan på din nisch, måste du prata med företag för att se om de kommer vilja betala för att använda din tjänst. Till exempel, om du skapar en fastighetskatalogwebbplats i New York, kommer fastighetsbolag vara villiga att använda din plattform för att marknadsföra sina egendomar?

Du kommer att behöva kontakta dem senare när katalogwebbplatsen börjar fungera bra, men det är alltid en bra idé för dem att ha dig på sin radar så att de kommer ihåg vem du är när du återvänder till dem.

Så Tjänar du Pengar på din Katalogwebbplats

Det finns två enkla sätt på vilka du kan börja tjäna pengar via din katalogwebbplats på nolltid:

1. Ta Betalt för Listning

När du börjar föra värdefull trafik till din webbplats, vilket leder till konverteringar för listobjekt, kommer företag att börja märka detta och kommer att vilja skicka in mer innehåll för din webbplats.

Det är då du kan börja ta betalt för det privilegiet. Du kan erbjuda premiumlistor som rankas högst upp i sökresultaten (liknande Googles sökresultat) och som aldrig löper ut.

Du kan antingen ta månadsavgifter för återkommande annonsörer, eller en enkel engångsbetalning för dem som inte planerar att skicka in innehåll i stora volymer.

2. Sälj Reklamutrymme

Med tanke på det (förhoppningsvis) stora antalet besökare på din webbplats, kommer du att kunna tjäna ytterligare pengar på den genom att tillhandahålla relevanta annonser.

Du kan använda verktyg som Google Analytics (lär dig hur du kopplar Google Analytics till WordPress) för att förstå vad som leder användare till din webbplats och om det finns relevanta produkter som du kan sälja till dem. Till exempel, om användarna svärmar till din webbplats på jakt efter byggare för sin nya pool kan det finnas andra produkter som de kommer att vara villiga att köpa som baddräkter. Då kan du komma i kontakt med företag och sälja in dem på fördelarna med att annonsera med dig.

Ett annat enkelt sätt är att använda Google Adsense och dess alternativ, som kommer att kunna identifiera de mest relevanta högkvalitativa annonserna för din webbplats och automatiskt placera dem där. Läs vår guide om hur du lägger till Google AdSense på din WordPress-webbplats.

3. Medlemskaps- eller Prenumerationsbaserad Webbplats

När katalogwebbplatsen blir en tillförlitlig källa till listor inom ett visst fält kan du ta betalt både från listannonsörer och användare för att få tillgång till din information.

Listannonsörer vill ha tillgång till det stora antalet potentiella kunder som besöker din webbplats. Därför kommer de att vara villiga att betala för förmåner såsom listobjekt utan ett utgångsdatum eller utvalda listobjekt som visas högst upp i sökningar.

På samma sätt kan kunderna vara benägna att betala för att se de bästa erbjudandena på din webbplats. Alternativt kan du låta användare se alla dina listor men bara ge tillgång till kontaktuppgifter om de är en betald medlem.

Det finns ett antal medlemskapsplugins för WordPress som kan hjälpa dig att ta hand om alla dina åtkomstkontrollsbehov.

Branding

Innan du dyker in i att faktiskt bygga din webbplats är det viktigt att planera din branding-strategi.

Naturligtvis kommer du att hoppas att locka två typer av användare: de som letar efter listobjekt och de som vill sälja listannonser. Därför måste du tänka på vad som fungerar för båda grupperna.

Viktiga aspekter av ditt varumärke måste inkludera:

Ditt namn – ta en titt på dessa tips om hur du väljer ett domännamn

Utseendet på din webbplats – Fundera på temat, färger, typsnitt och andra designalternativ. Med WordPress finns det ett antal gratis och betalda teman att välja mellan.

Din bloggstil – Vilket innehåll kommer att fungera för dig? Vad kommer din ton att vara? Hur kommer du att kommunicera med dina läsare? Kolla in Kinstas bloggtips för mer information om detta och mycket mer.

Andra sätt du kommer att främja din webbplats – Förutom bra SEO finns det andra sätt för dig att driva trafik till din webbplats. För betald reklam, överväg att utforska Google Ads för att se vilka annonser som är mest effektiva för din webbplats. Dessutom är sociala medier som Facebook en annan uppenbar väg till framgång. Följ vår guide för att utnyttja Facebook för marknadsföringsframgång för mer information.

Konfigurera din Katalogwebbplats

Innan du börjar lägga till funktioner och innehåll på din katalogwebbplats finns det fyra element du behöver konfigurera.

1. Välj din Webbplatsplattform

Det finns ett antal gratis plattformar som WordPress.com som kan verka tilltalande om du hoppas kunna hålla nere kostnaderna. Men om du verkligen vill ha en avancerad katalogwebbplats som du kan tjäna pengar då behöver du något mycket mer robust.

Den bästa lösningen är WordPress.org vilket ger dig fullständig frihet att anpassa din katalogwebbplats och kommer att kunna stödja tusentals (förhoppningsvis!) besökare till din webbplats. Ta en titt på skillnaderna mellan WordPress.com och WordPress.org för mer information.

Här är några anledningar till att välja WordPress.org vore smart för din katalogwebbplats:

  • Runt en tredjedel av alla webbplatser drivs av WordPress
  • Några av de mest populära webbplatserna, inklusive CNN, använder WordPress
  • Tack vare dess popularitet kan du lita på en av de största öppen källkods -gemenskaperna av utvecklare, designers, redaktörer och innehållsförfattare
  • Det är billigare att skapa en webbplats på WordPress än på tjänster som Drupal
  • WordPress erbjuder tusentals teman och plugins för dig att anpassa din katalogwebbplats
  • Du kan lägga till komplexa funktioner utan PHP-kodning (vi kommer till detta lite senare)

2. Välj en Pålitlig Hostingleverantör

Med tanke på att du driver en katalogwebbplats som du hoppas tjäna pengar på och kommer att uppleva konsekvent tillväxt i trafiken behöver du en pålitlig hostingleverantör.

Hostingleverantören är som ett hus som din webbplats pekar till. Inom detta ”hus,” kommer din värd att hålla alla dina webbplatsfiler.

När du väljer en värd för en katalogwebbplats behöver du ett alternativ som kan hantera spikar i trafiken, förbättra webbplatsens prestanda och har en meritlista av tillförlitlighet när det gäller att undvika driftstopp.

Det bästa alternativet för din katalogwebbplats är Kinsta som ger dig den säkerhet du behöver för din växande verksamhet. Förutom fördelarna ovan sticker Kinsta ut från konkurrensen tack vare ett antal andra funktioner:

  • WordPress-specifika funktioner och verktyg som andra värdar inte tillhandahåller som MyKinsta
MyKinsta-panelen
MyKinsta-panelen
  • Kundsupport dygnet runt med en genomsnittlig svarstid på mindre än fem minuter
  • Snabbare sidladdningstider
Kinsta laddningstid jämförelse
Kinsta laddningstid jämförelse

3. Anpassa din Webbplats Utseende med ett bra Tema

När du har installerat din WordPress-webbplats måste du nu bestämma hur den ska se ut. Det viktigaste steget är att välja din webbplats tema.

WordPress erbjuder ett antal jättebra gratis och betalda alternativ, varav många kommer att passa bra för katalogwebbplatser. Förutom utseendet på ditt tema finns det några andra frågor som är värda att fundera på innan du bestämmer dig för det bästa temat för dig:

  • Hur ofta underhålls temat?
  • Hur är recensionerna?
  • Är dess layouter responsiva för olika skärmstorlekar?
  • Är det redo för flerspråkighet?
  • Hjälper det dig att visas högst upp i Googles sökresultat?
  • Kommer det att stödja dina plugins?
WordPress-plugins kataloghemsida
WordPress-plugins kataloghemsida

4. Välj plugin för att Bygga din Katalogwebbplats

En snabb sökning efter katalogplugins kommer att ge en mängd alternativ. Men vilka är bäst? Oavsett vilket plugin du väljer måste det kunna hjälpa dig att skapa de funktioner du behöver snabbt och enkelt för att hjälpa din webbplats att sticka ut.

Jag använde Toolset Directory för att skapa min katalogwebbplats för klassiska bilar som jag kommer att använda som ett exempel för resten av den här artikeln. Jag använde Astra som tema.

Exempel på en katalogwebbplats byggd på WordPress
Exempel på en katalogwebbplats byggd på WordPress

Jag använde Toolset eftersom:

  • Det ger alla funktioner jag behöver för en katalogwebbplats utan att använda andra plugins
  • Det finns ingen anledning att använda PHP för att lägga till dessa funktioner
  • Det är kompatibelt med andra plugins som WooCommerce, Elementor, och WPML
  • Det fungerar med vanliga teman

Innan vi börjar gå igenom funktionerna, se till att följa guiden för att installera Toolset-pluginet för att skapa en katalogwebbplats.

Skapa Funktioner för en Katalogwebbplats

Dessa är de funktioner jag kommer att gå igenom som jag skapade för min klassiska bilar-katalogwebbplats:

  • Anpassade inläggstyper
  • Anpassade fält
  • Anpassade taxonomier
  • En mall för att visa var och ett av dina objekt (klassiska bilar i vårt fall)
  • En sökning för användare att leta efter våra bilar
  • Ett frontend-formulär för användare att skicka in sina listannonser

Det finns andra funktioner som du kan lägga till en katalogwebbplats men enligt andra utvecklare jag har talat med är dessa de viktigaste för att komma igång.

Nu sätter vi igång!

Lästips: Avancerad Anpassade Fält-handledning: Din Ultimata Guide

Skapa Anpassade Inläggstyper

Med en anpassad inläggstyp kan du skapa olika sektioner för din webbplats. WordPress levereras med två standardavsnitt – inlägg och sidor. Naturligtvis behöver vi en sektion för våra klassiska bilar som vi kommer att lägga till nu.

Jag lade till en anpassad inläggstyp som heter Listobjekt som är där jag visar alla mina klassiska bilar.

Anpassade inläggstyper i Toolset
Anpassade inläggstyper i Toolset

1. På din WordPress-admin, bege dig till Toolset-panelen och klicka på Lägg till ny inläggstyp.

2. Ange följande i avsnittet Namn och beskrivning:

Lägga till ny inläggstyp i Toolset

3. Klicka på Spara inläggstyp och din inläggstyp är klar.

Skapa Anpassade Fält

Vi använder anpassade fält för att spara all information om våra listobjekt. I vårt exempel på klassiska bilar vill vi ge våra användare den information de vill ha om var och en av dem.

Detta inkluderar att veta produktionsåret, priset, modell, hur många mil den har gått, och massor av annan information. För varje bit av information måste vi skapa ett eget fält. På så sätt är allt vi behöver göra att fylla i varje avsnitt när vi redigerar vårt listobjekt och det kommer att visas på frontenden (när vi har skapat vår mall naturligtvis, som vi kommer till senare).

Här är stegen för att skapa ett anpassat fält för produktionsår:

Produktionsår som ett exempel på anpassad fält i Toolset
Produktionsår som ett exempel på anpassad fält i Toolset

1. Klicka på Skapa fältgrupp bredvid din anpassade inläggstyp för ListobjektToolset-panelen.

2. På nästa sida anger du ett namn på ditt fält och en beskrivning om du känner att det är nödvändigt. Jag döpte min till Fältgrupp för listobjekt.

Så redigerar du fältgrupp i Toolset
Så redigerar du fältgrupp i Toolset

3. Klicka på Lägg till nytt fält. Du kan nu se en lista över de olika typer av fält som du kan lägga till. Om du till exempel vill lägga till en webbplats skulle du välja URL, för en adress skulle du använda Adress eller Telefon för ett telefonnummer. Produktionsåret kommer vi alltid att visa som ett år så vi väljer Nummer.

Så här lägger du till ett nytt fält i Toolset
Så här lägger du till ett nytt fält i Toolset

4. Lägg till detaljerna för ditt anpassade fält, inklusive Fältnamnet och Fältsluggen. Jag kallade min för Produktionsår. För detta fält kan du ignorera resten.

Så här lägger du till detaljer i anpassade fält
Så här lägger du till detaljer i anpassade fält

5. Klicka på Spara fältgrupp och det anpassade fältet visas nu när du redigerar dina inlägg för din anpassade inläggstyp.

Hur anpassade fält visas på backenden
Hur anpassade fält visas på backenden

Skapa Anpassade Taxonomier

Vi använder anpassade taxonomier för att kategorisera vårt innehåll. För att illustrera, om vi listar restauranger kan vi använda taxonomier för att skilja våra listobjekt åt baserat på vilket kök de serverar. Därför kan vi ha taxonomier för indiska, italienska, kinesiska köken, hamburgare och många andra typer av restauranger.

I min klassiska bilkatalog exempel har jag skapat taxonomier för olika typer av bilar som jag listar. Här är de kategorier som visas när jag redigerar ett av mina listinlägg:

Anpassade taxonomier
Anpassade taxonomier

Så här gjorde jag det:

1. Klicka på Lägg till anpassad taxonomi Toolset-panelen.

2. Ange namnet på din taxonomi under Namn och beskrivning:

Så här lägger du till anpassad taxonomi
Så här lägger du till anpassad taxonomi

3. I nästa avsnitt som kallas Taxonomityp kan du välja om du vill ha en hierarkisk eller platt taxonomi. En hierarkisk taxonomi kommer att innehålla en överordnat taxonomi (som italiensk mat) och en serie underordnade taxonomier relaterade till det (som pizza, pasta, glass). En platt taxonomi är å andra sidan helt enkelt en uppsättning kategorier.

4. Välj för vilken inläggstyp du vill tilldela dessa taxonomier. I mitt exempel har jag tilldelat dem till den anpassade inläggstypen Listobjekt.

Taxonomi-inställningar
Taxonomi-inställningar

5. Klicka på Spara taxonomi

6. Återgå till din inläggstyp för Listobjekt och när du redigerar en av dina inläggstyper eller skapar en ny kan du börja lägga till dina taxonomivillkor.

7. Under [taxonominamn]-kategorierna klicka på Lägg till nya [taxonominamn]-kategori.

8. Skriv in namnet på den nya kategorin. Här kan du också välja om du vill att det ska vara en överordnad kategori om dina taxonomier är hierarkiska.

Taxonomivillkor som tilldelats listobjekt
Taxonomivillkor som tilldelats listobjekt

Du kan nu använda kryssrutorna för att tilldela taxonomivillkor till var och ett av dina listobjekt.

En Mall för att Visa Våra Objekt

Nu när vi har lagt till våra egna typer är nästa fråga; hur visar vi det på frontenden? För att göra detta kan vi skapa en mall för var och en av våra listobjekt.

Så här ser min mall ut på frontenden för var och en av mina klassiska bilar-poster:

Mallexempel för webbplatslistor
Mallexempel för webbplatslistor

1. Gå till Toolset-panelen och klicka på Skapa mall bredvid din anpassade inläggstyp. Detta kommer att öppna Toolsets dra och släpp-layoutredigerare, där vi kan arrangera var vi vill visa innehållet.

Innan vi fortsätter, en snabb avstickare för att förklara hur layouter fungerar och vilka celler vi behöver använda.

Toolset Layout är baserad på Bootstrap-rutnätet som visar din sida i rader med 12 kolumner. Det betyder till exempel att om du vill visa en bild på vänster sida av sidan väljer du de första sex kolumnerna till vänster.

Så här ställer du in layouter
Så här ställer du in layouter

Du kan använda knappen + för att lägga till fler rader i din mall.

När du väljer de celler där du vill visa innehåll finns det två typer av celler som är relevanta för den här uppgiften.

  • Den visuella redigeraren – för att lägga till helt ny text eller infoga kortkoder för våra anpassade fält och taxonomier. Detta är den vi skulle använda för att infoga de anpassade typer vi redan har gjort.
  • Inläggsinnehåll – att lägga till innehåll som kommer från ditt inläggs brödtext. Till exempel, i min inläggstyp för mina klassiska bilar, kommer jag att infoga den här cellen för att visa beskrivningen av varje bil som jag har listat på redigeringssidan.
Typer av layoutceller
Typer av layoutceller

Nu kan vi fortsätta. Låt oss fortsätta genom att visa hur jag visade det anpassade fältet för Produktionsår som du kan se i bilden nedan i min mall:

Så här visar du anpassade fält med den Visuella redigeraren
Så här visar du anpassade fält med den Visuella redigeraren

2. Välj antalet kolumner du vill att cellen ska ta upp – i mitt fall valde jag fyra.

3. Du kommer nu att se listan över Layoutcelltyper som du redan är bekant med. Välj den visuella redigeraren.

4. Klicka på Fält och vyer där du kommer att tas till listan över kortkoder som vi kan lägga till. Bläddra tills du hittar namnet på din lista över anpassade fält (i mitt fall, Fältgrupp för listobjekt) och välj Produktionsår.

Fält och vyer-kortkoder
Fält och vyer-kortkoder

5. Klicka på Infoga kortkod.

6. Vi kan nu se kortkoden i vår redigeringscell. Det betyder att användarna nu kommer att se produktionsåret för den bil de har valt. Men nu måste vi lägga till en titel bredvid den så användaren vet vad året betyder. Jag skrev Produktionsår och lite HTML för styling. Jag har lagt kortkoden i en ruta i bilden nedan så att du kan se hur det ser ut:

Produktionsår tillagt med kortkod och lite HTML
Produktionsår tillagt med kortkod och lite HTML

7. Klicka på Verkställ och cellen är klar.

Så här ser det anpassade fältet ut på frontenden efter lite CSS-styling:

Hur det anpassade fältet visas på frontenden
Hur det anpassade fältet visas på frontenden

Lägg till en Sökning

Vi kan skapa ett sökverktyg med flera filter som låter användarna hitta exakt det listobjekt de vill ha.

Här är sökningen jag lagt till på min klassiska bil-katalogwebbplats. Jag har sex filter som du kan se högst upp i sökfältet:

Sökfunktion med filter
Sökfunktion med filter

För det första, var vill du att din anpassade sökning ska vara? Du kan visa den på din hemsida, på sin egen sida, i en widget eller i ett arkiv.

Jag lade till min anpassade sökning på hemsidan. Så här gjorde jag det:

1. Under Toolset > layouter, skapa en ny mall och klicka för att lägga till en cell.

2. Välj Visningscell

Sökresultatssidans layout
Sökresultatssidans layout

3. På Nästa sida väljer du Visa resultaten som anpassad sökning-alternativet och klickar på Skapa.

4. Under Innehållsval väljer du vilket innehåll du vill söka igenom. I mitt exempel kommer jag att välja inläggstypen Lisannonser.

5. Under Anpassade Sökinställningar väljer du hur din sökning ska uppdatera resultaten. Du kan till exempel välja AJAX-uppdateringar (uppdatera dina resultat utan att ladda om sidan) bland andra alternativ.

Anpassade sökinställningar
Anpassade sökinställningar

6. Under Sök och sidnumrering kan du lägga till filter för din sökning som användare kommer att använda för att begränsa sina resultat. Dessa kan inkludera anpassade fält, taxonomier och inläggsrelationer. Till exempel använde jag mitt anpassade fält för Pris för att lägga till ett Lägsta pris och Högsta pris-filter till min sökning. Klicka på Nytt filter och Sök efter det anpassade fältet du vill filtrera (i mitt fall är det Priset).

Lägg till nya anpassade sökfilter som kortkoder
Lägg till nya anpassade sökfilter som kortkoder

7. På Nästa sida ändra alternativen för att se ut som bilden nedan och klicka sedan på Infoga kortkod. Så här ser Sök och sidnumreringen ut efter att jag har lagt till in mina filter. Filtren ser bra ut från början men jag lade till lite HTML och CSS för styling.

Sök och sidnumrering med filter och HTML
Sök och sidnumrering med filter och HTML

8. Klicka på Skicka-knappen för att lägga till knappen som användare kommer att klicka på för att se resultaten.

9. Klicka på Återställ-knappen för att lägga till en knapp som låter användare återställa sina filter.

Vår sökning är nu redo att användas. Allt vi behöver göra nu är att utforma våra resultat.

Utforma Sökresultaten

Vi kanske har utformat vår anpassade sökning men vi måste fortfarande bestämma hur våra resultat kommer att visas. Vi kan göra detta på samma sida som vi skapade vår sökfunktion.

Under Sök och sidnumrering kan vi hitta ett annat avsnitt som heter Loop Editor där vi kan designa hur resultaten ska se ut.

Loop Editor
Loop Editor

1. Klicka på Loop Wizard och välj hur du vill visa loopen. För min klassiska bil-katalogwebbplats, använde jag Bootstrap-rutnätet med fyra kolumner för resultaten.

Loop wizard-fönstret
Loop wizard-fönstret

2. På nästa sida kan vi lägga till de filter som kommer att visas som en del av resultaten. Nedan är de filter jag lagt till för min klassiska bil-katalogwebbplats.

Ställa in filter för sökresultaten
Ställa in filter för sökresultaten

3. Klicka på Slutför. Du bör nu se dina fält i Loop Editor.

Hur Loop editor ser ut med fält
Hur Loop editor ser ut med fält

4. Klicka på Spara vy längst ner på sidan.

5. Klicka på Spara på din Layout och den r nu redo för frontenden.

Så här ser min ut:

Exempel på söklayout
Exempel på söklayout

Skapa ett Frontend-formulär

Frontend-formulär är ett bra sätt för dina användare att lägga till sina listobjekt i den stil och format du vill. Allt de behöver göra är att fylla i och skicka in formuläret och den kan visas på frontenden.

Här är ett exempel på ett formulär jag skapade för min klassiska bil-katalogwebbplats:

Exempel på frontend-formulär
Exempel på frontend-formulär

När en användare fyller i det, kommer listobjektet se ut så här på frontenden:

Bilar listobjekt mallexempel
Bilar listobjekt mallexempel

Så här gjorde jag det:

1. Gå till Toolset > Inläggsformulär och klicka på Lägg till nytt.

2. Toolset-guiden visas. Klicka på Fortsätt och ange en titel för formuläret.

3. I avsnittet Inställningar fyller du i detaljerna som fungerar för ditt formulär. Här kan du bestämma vilken sida användare ser när de skickar in formuläret, om listobjektet publiceras omedelbart eller som ett utkast och om inlägget löper ut. Här är vad jag ställde in för min:

Visningsalternativ för ditt frontend-formulär
Visningsalternativ för ditt frontend-formulär

4. Använd Toolsets dra och släpp-formulärredigerare för att bestämma vilka fält du vill att användarna ska fylla i. Du kan också lägga till extra element och stil med hjälp av CSS. Så här ser min ut:

Formulärredigeringsfält
Formulärredigeringsfält

5. Det sista steget gör att du kan redigera e-postmeddelanden som användare och managers på katalogwebbplatsen får när ett formulär lämnas in. Nedan är ett exempel på ett som jag skapade som kommer att informera postaren när deras listinlägg har granskats och är live.

Sidan Inställningar för e-postmeddelanden
Sidan Inställningar för e-postmeddelanden

Naturligtvis kan du lägga till ytterligare e-postmeddelanden till andra personer om det behövs.

6. Nu är det dags att visa formuläret på frontenden. Precis som med det andra innehållet lägger jag till det som en cell i en av mina layouter. Gå till Toolset > layouter, skapa en ny Layout och klicka för att infoga en cell.

7. Klicka på Inläggsformulär-cellen och klicka för att Skapa Cell.

Spara din Layout och du kan nu se ditt formulär på frontenden.

Sammanfattning

Som jag nämnde tidigare finns det många fler funktioner som kartor, en medlemsavdelning och relaterade listobjekt som du kan lägga till på en katalogwebbplats. Men det här är kärnan du behöver för att komma igång på så kort tid som möjligt.

Vilka är dina tips för att skapa en katalogwebbplats? Tweeta @Kinsta_SE så delar vi de bästa insikterna! Eller skriv dem nedan i kommentarerna.

Joseph Lobo

Joe is a content creator for Toolset who enjoys exploring WordPress online and countries around the world offline. You can follow him on Twitter: @joeclobo