Bygg en Elementor WooCommerce-webbplats med Cerato-tema

Funderar du på att skapa din onlinebutik och försöker ta reda på det enklaste sättet att skapa en e-handelsbutik online? Då har du hamnat på rätt sida.

Nu kan du enkelt skapa din egen online WooCommerce-webbplats själv utan kostnad med den här guiden.

Att skapa en e-handelsbutik online med hjälp av information online kan vara en överväldigande uppgift. Men om du följer vår steg-för-steg-procedur kommer du att få en snygg e-handelsbutik på nolltid.

Du behöver bara tre verktyg för att skapa din egen butik.

1. Elementor plugin för sidbyggare för WordPress som hjälper dig att skapa din butiks sidor som hemsida, om oss, produktkatalog, kassa och många andra sidor.

2. WooCommerce : detta är CMS som kommer att driva din butik

3. Cerato-tema : Cerato är ett mycket funktionellt WordPress-tema som kommer med djupt anpassningsbara alternativ och inbyggd WooCommerce-integration och demosidor för att skapa onlinebutik direkt.

Installera först och främst WooCommerce från WordPress-katalogen och följ sedan den här steg-för-steg-handledningen för att få din e-handelsbutik online med ett imponerande utseende.

Hur man bygger en Elementor WooCommerce-webbplats med Cerato-tema

Cerato är Premium Elementor WordPress-tema som kommer med perfekta funktioner för att bygga en onlinebutik. Cerato-tema är kompatibelt med WooCommerce- plugin och innehåller kraftfulla och avancerade funktioner som är viktiga för att skapa en e-handelsbutik online.

Cerato erbjuder obegränsade möjligheter att använda din kreativitet genom att använda fantastiska temaalternativ. Dess mycket mobiloptimerade layouter anpassas snabbt med alla skärmstorlekar.

Med Cerato-tema och Elementor sidbyggare kan du anpassa vad som helst med flera anpassningsbara alternativpaneler.

Skapa snabbt din onlinebutik med en-klicks demoimportern och spara mycket tid. Alternativet för en demoimportering med ett klick kommer snabbt att återskapa din egen butik på en minut utan någon kodning.

Cerato har också obegränsade sidhuvuds- och sidfotsalternativ, och du kan skapa kraftfulla och fantastiska sidfots- och sidhuvudsstilar med visuella Drag'n Drop-alternativ. På samma sätt kan du anlita dina produkter genom att använda obegränsade kategorilayouter.

Steg 1: Ladda ner Cerato-tema från sidan för ThemeForest-nedladdningar 

Starta installationsproceduren genom att köpa Cerato-temat från ThemeForest Downloads.

När du klickar på Ladda ner. Tre alternativ kommer att dyka upp

1. Alla filer och dokumentation

2. Endast installationsbar WordPress-fil

3. Licenscertifikat och köpkod (PDF)

4. Licenscertifikat och köpkod (text)

Du kan använda det första alternativet för att ladda ner ett komplett paket inklusive dokumentation medan det andra alternativet "endast installerbar WordPress-fil" är att installera WordPress-temat direkt.

Packa upp mappen och den kommer att innehålla tre mappar inuti.

  • Readme.txt
  • Dokumentation
  • Cerato.zip

Steg 2: Cerato-temainstallation       

För att installera Cerato-temat bör du ha en aktuell WordPress-version. När du har aktiverat WordPress, följ sedan dessa steg för temainstallation.

  1. Först av allt, ladda upp temafilerna och aktivera sedan temat.
  2. Temafilerna kan laddas upp på två sätt;

FTP-uppladdning : om du använder FTP-program, gå till din servermapp "/wp-content/themes/". Och ladda upp den icke-zippade temamappen.

WordPress-uppladdning: Gå till> Utseende> Lägg till nya teman> ladda upp.

Gå till> bläddra> välj den zippade temamappen> klicka på "Installera nu".

Du kan se den här videohandledningen för att snabbt installera temat.

När du är klar med installationsprocessen, skapa gärna din webbplats och spela med fantastiska temaalternativ för att skapa en fantastisk webbplats.

Nu ska vi diskutera hur vi kan använda sidhuvuds- och sidfotsbyggare med obegränsade alternativ för att pigga upp sidhuvuds- och sidfotssektionen.

Hur man använder Header Builder

Cerato-tema tillåter anpassning av all designs relaterade inställningar genom att använda WordPress Live Customizer där du kan ändra vad som helst och se liveresultaten.

Gå till> WordPress Admin > Utseende > Anpassare > hur man använder header Builder.

Med header builder kan du ändra teckensnittsstil, färger och höjd och även lägga till eller ta bort element som språk, ikoner för sociala medier eller något annat element enligt ditt val.  

Se videohandledningen här " hur man använder Header Builder ".

Sidfotsbyggaren innehåller olika stilar av sidfotswidgets som du kan använda på flera sidor eller välja och anpassa på en enda sida. Lägg dessutom till flera widgets, byt ut dem eller ordna om widgets på ett ögonblick med kraftfulla sidfotsbyggare.

Ta en titt på videohandledning om " hur man använder Footer Builder" .

Hur man använder olika temaalternativ

Cerato-tema tillåter också olika konfigurationer av temastilar och om du vill ändra standardinställningarna för temat

Gå till > WordPress Admin > Utseende > anpassa > Stil.

Anpassningssektionen gör det möjligt att ändra teckensnittsfärg, storlek och bakgrundsfärg.

Anpassa WooCommerce-temastilen

Det här avsnittet styr färgalternativ för WooCommerce-element som titel, pris, reapris, kundvagnsknapp, slut i lager, snabbvisningsknapp och många andra element.

Anpassa startsidans inställningar

Du kan också anpassa startsidans inställningar. Du kan välja i vilken ordning du vill visa dina inlägg om du gillar den traditionella kronologiska ordningen för inläggsvisning eller en fast eller statisk sida. Om du vill visa en statisk sida som din hemsida måste du välja två sidor; en kommer att bli din statiska hemsida och den andra sidan kommer att visa dina inlägg.

Du har gått igenom hur du installerar Cerato-temat och hur du kan anpassa olika temaalternativ.

Låt oss nu diskutera hur Elementors visuella sidbyggare hjälper dig att skapa din onlinebutik och hur du kan skapa fantastiska sidlayouter med ett enkelt dra och släpp-alternativ.

Vad är Elementor och hur fungerar det med Cerato Theme

Elementor är en visuell sidbyggare för WordPress-webbplatser som låter användare skapa webbsidor i live-läge, där de kan visualisera alla förändringar livligt.

Elementor är en live-gränssnittsredigerare som ersätter den grundläggande WordPress-redigeraren, så att användarna enkelt kan visualisera ändringar i layouter utan att svänga fram och tillbaka mellan redigerare och förhandsgranskningsläge. Denna övertygande sidbyggare gör det möjligt för användarna att skapa intrikat design visuellt utan att använda någon kodning eller CSS. Kolla in den här handledningen för mer information.

Elementor-inställningar

Flytta till Elementor > Inställningar i WordPress och markerade två rutor Inaktivera standardfärger och Inaktivera standardteckensnitt.

Skapa en WooCommerce-butik med Cerato-tema

Steg 1: skapa en butikshemsida

Om du vill ställa in din hemsida som din butiksframsida, gör sedan några grundläggande ändringar och ändra standard WooCommerce-bassidan till din WordPress-butikshemsida.

I området för startsidans inställningar: Gå till > framsidans visning > klicka på Statisk sida > välj önskad sida från rullgardinsmenyn > spara ändringar .

Följ dessa steg för att visa din butik på framsidan;

Gå till> WooCommerce>inställningar> produkter> Display> ändra nuvarande WordPress-hemsidainställningar till Shop> spara ändringar.    

Det är allt. Nu har du din butiks hemsida utställd.

Sidan Butiksmeddelande

Om du vill visa någon form av meddelande på din webbplats, skapa sedan en butiksmeddelandesida som kommer att visas på alla sidor på din webbplats. Du kan visa meddelanden om gratis frakt eller meddelanden om begränsat lager.

Anpassa produktkatalogen så att den visas på butikssidan

I det här avsnittet väljer du vilka produkter du vill visa på huvudbutiken sidan. Välj kategori och hur produkterna ska sorteras ut och hur mycket produkter du vill visa per rad.

Inställningar för kassasidan

Du kan också ändra inställningarna för kassasidan och skapa villkor enligt ditt företags policy.

Anpassa butikssidan

I den här inställningssektionen kan du styra flera produktvisningsalternativ;

  • Hur många produkter som ska visas på hemsidan
  • Aktivera eller inaktivera hovringseffekt på produkter
  • Aktivera/inaktivera produktkatalog
  • Aktivera meddelande om gratis frakt på din webbplats
  • Aktivera produktkant
  • Kontrollera vitt utrymme mellan produktens display
  • Varukorg ikoner
  • Aktivera markerade produkter överst med ett bildspel
  • Handla sidofältet

Anpassa produktsidans inställningar

I det här avsnittet kan du ange inställningar för en produktsida och du kommer att kunna kontrollera följande alternativ

  • Aktivera/inaktivera produktdelningsalternativ
  • Aktivera Köp nu ett val; det här alternativet låter användarna omdirigera till varukorgssidan när de väljer en produkt att köpa.
  • Aktivera nästa eller föregående produktnavigering
  • Aktivera produktzoomalternativ
  • Aktivera nyligen visade produkter av andra tittare
  • Aktivera relaterade produkter tillgängliga

Hur man lägger till och hanterar nya produkter

I den vänstra fältet finns produktmenyalternativet tillgängligt och du kan lägga till nya produkter. När du klickar på lägg till produkt kommer ett fönster upp där du kan ange alla dess attribut, titel, pris och lagerinformation.

Skapa flera kategorier

Skapa obegränsade klasser för att organisera dina produkter. Kunderna kommer enkelt att navigera mellan olika kategorier och sortera ut produkter de vill ha utan krångel.

Skapa orderspårningssida

Cerato-tema låter sina användare skapa en spårningssida för kunderna. Följ dessa steg

  • Lägg till ny sida från sidmenyn
  • Skapa en sidtitel
  • Klistra in denna kortkod i textredigeraren; [woocommerce_order_tracking]
  • Klicka på publicera

Skapa en önskelista och jämför sida

Följ denna procedur för att skapa en önskelista och jämföra sidor.

Steg 1 : skapa nya sidor för önskelistan och jämför sidor.

Steg 2 : Gå till> anpassa> önskelista/jämför

Efter att ha ställt in dessa två områden kommer den slutliga visningen av önskelistan och jämföra sidor att se ut så här;

Avslutande

Cerato är utan tvekan ett av de perfekta WordPress-teman som kommer med Elementors sidbyggare. Cerato-temats rika funktioner ger ett perfekt val för att skapa en fantastisk e-handelsbutik online med massor av anpassningsbara alternativ. Du kan skapa fantastiska sidhuvuds- och sidfotslayouter, produkt- och katalogdetaljer och så många andra alternativ. Så prova vilken typ av hemsida som helst som passar perfekt för att skapa din onlinebutik.

Holderkhu

live:.cid.e495888558d5265f

Senaste inlägg

Hur man använder sidhuvud och sidfot med Elementor

En webbplats sidhuvuden och sidfötter är viktiga element. I de flesta fall ger rubriken navigering...

6 januari 2022

WordPress-temajämförelse: Astra vs OceanWP

Två av de mest populära WordPress-temanen på marknaden är Astra och OceanWP. Professionell…

2 januari 2022

Jämförelse av WordPress-nyhetstema: Newspaper vs. Astra

Att skapa en utmärkt nyhetswebbplats kräver inte att du blir webbdesigner. Vi…

25 oktober 2021

Skapa en nyhetsrelaterad webbplats med tidningstema

The Newspaper-temat är ett av de viktigaste WordPress-teman som designats av tagDiv, en...

18 oktober 2021

Hur man bygger en e-handel med Avada WooCommerce Builder

När det gäller att skapa en onlinebutik är WooCommerce det bästa plugin . Det…

4 oktober 2021

Hur man använder sticky header och rullningseffekter med Elementor

En rubrik är i allmänhet det första en person ser när de besöker din webbplats,...

21 september 2021