Shoppingtrender endres i raskt tempo, og folk har en tendens til å kjøpe online mer enn noen gang.
Det er grunnen til at de trenger for en e-handelsbutikk øker for å tilfredsstille online shoppingvaner fordi folk synes det er mer praktisk å kjøpe på nettet i stedet for å gå ut for å handle.
Du kan også starte nettbutikken din med en gang, ved å bruke riktige verktøy og oppsett. Og du vil merke en drastisk økning i salget innen en kort periode.
Hvis du har planlagt å starte en e-butikk og lete etter en WordPress-ekspert som skal gjøre jobben for deg, la meg si deg det, du trenger ikke noe.
Ja! Du kan gjøre det selv fordi du ikke trenger å være WordPress-utvikler eller kodingsekspert, og du kan gjøre det uten å ha kunnskap om koding med riktige verktøy og oppsett.
Bare følg trinnvis veiledning for å opprette en WooCommerce-butikkside ved hjelp av Elementor- sidebygger .
La oss grave dypere ut for å komme til poenget!
- Hva du trenger for å lage en produktside ved hjelp av Elementor?
- Hvordan installerer du Elementor-sidebyggeren?
- Lag et Elementor WooCommerce-produkt trinn for trinn
- Mobil optimaliser WooCommerce-produktsiden
- Elementor Pro Prising
- Innpakking
Hva du trenger for å lage en produktside ved hjelp av Elementor?
Installer WooCommerce- plugin på WordPress-siden din fra WordPress.org-depotet, og på toppen av det må du installere Elementor-sidebyggeren . Gratisversjonen kan lastes ned fra WordPress.org, men gratisversjonen kommer med begrensede tilpasningsmuligheter. Derfor, hvis du liker å få ubegrensede tilpasningsmuligheter, kan du gå for Pro Elementor og laste den ned fra den offisielle Elementor.org.
Hvordan installerer du Elementor-sidebyggeren?
- For gratis versjon av Elementor:
Gå til Plugin s> Legg til ny> skriv inn Elementor sidebygger> klikk installer og aktiver.
- For Elementor Pro:
Kjøp Pro-versjonen fra Elementor.com og last deretter opp zip-filen, og klikk deretter på installer og aktiver.
Lag et Elementor WooCommerce-produkt trinn for trinn
Standarden WooCommerce produktside ser ut som en hvilken som helst grunnleggende WooCommerce produktside uten noe skarpt.
Imidlertid, hvis du ønsker å legge til merkevaren din stemme, enn du må tilpasse den unikt.
Trinn 1: Gå til Mal-delen fra Dashboard-menyen og klikk på “Legg til ny”.
Nå velger du elementet “Enkelt produkt” fra rullegardinmenyen.
Det beste er at Elementor kommer med noen ferdiglagde produktsidemaler, så hvis du ønsker å starte raskt, kan du velge noen fra alternativene som ser nærmest den ønskede.
Det er mye lettere å lage en produktside fra den ferdiglagde malen i stedet for å lage fra bunnen av. Endre derfor alle eksisterende maler og spar tid og krefter.
Vi har valgt denne malen for vår produktside.
Når du har valgt favorittmalen din, vil den føre deg til Elementor-redigeringsprogrammet, der du kan tilpasse malen etter din smak.
Her kan du se forskjellige blokker på venstre meny. Dra og slipp blokken du liker å jobbe med.
Klikk på "+" Legg til-knappen og velg hvilken kolonnestørrelse du vil legge til.
Vi har valgt to kolonnestørrelser for vår produktmal.
Nå, legg til en produkttittelwidget i høyre kolonne og legg til tittelen på produktet ditt.
Når du har lagt til produkttittelen, er neste trinn å legge til “Woo-brødsmuler” over den.
Nå legger du til produktbildet i venstre kolonne, og drar produktbilde-widgeten fra venstre kolonne.
Du kan legge polstring i begge kolonnene for å holde dem litt fra hverandre.
Etter å ha lagt til bildet og justert polstring i henhold til de nødvendige dimensjonene, legger du til produktvurderingswidget under produkttittelen.
Legg til en kort beskrivelse av produktwidget under produktgjennomgangsblokken. Du kan også justere mellomrommet mellom de to blokkene.
Når du er ferdig med produktbeskrivelsen og alle detaljer, er vårt neste trinn å legge til prisen på produktet, og for dette må du dra og slippe priswidgeten under beskrivelsen av produktet.
Når du har lagt til prisfanen under produktbeskrivelsen, kan du tilpasse priswidgeten ved å velge alternativene fra menyen til venstre. Du kan forstørre ikonet, endre skriftstil og også skriftfarge fra svart til hvilken som helst annen farge du ønsker.
Nå legger du til widgeten "legg til i handlekurven" og tilpasser farge, skrift eller stil fra menyen hvis du vil.
Nå kan du legge til produktmeta under prismodulen som viser produktkategori og produkt serienummer.
Trinn 2: Legg til ytterligere informasjon om produktet i neste avsnitt.
Opprett en ny to-spaltseksjon og legg deretter til produktdatafaner, inkludert beskrivelse, tilleggsinformasjon og anmeldelser. Og til høyre side av kolonnen legger du til relaterte produktseksjoner.
For å beholde det samme formatet for hver kolonne kan du klikke på venstre hjørne av hver kolonne og kopiere og lime inn kolonneformatet for hver kolonne.
Trinn 3: legg til en annen del av legg til "oppsalgseksjonen."
Slik ser du ut-salgsseksjonen ut etter tillegg. Legg til litt polstring for å justere seksjonen.
Og til slutt er du ferdig med å designe din produktside. Nå er det siste trinnet der du vil publisere produktet ditt? Du kan klikke på publiser eller gå til øyeseksjonen i nederste hjørne av venstre meny og klikke på innstillingene for å velge kategorien på produktet.
Klikk på menyen for å legge til betingelser, og velg deretter kategorien til produktet, og klikk på publiser.
Mobil optimaliser WooCommerce-produktsiden
Siden det kommer mye trafikk gjennom smarttelefonene, så du må optimalisere butikken din for smarttelefonvisning, ellers kan du miste salget.
Selv om WooCommerce allerede er mobiloptimalisert, men for å forsikre deg om om produktsidemalene dine ser helt bra ut på mobilskjermen, følg fremgangsmåten.
Du finner et alternativ Responsiv modus nederst i venstre hjørne av Elementor-grensesnittet.
Når du klikker på Mobile responsive-alternativet, kan du veksle mellom Mobile, Desktop og tabulatorvisningsalternativer.
Klikk på et av alternativene du vil vise og finpusse designet hvis du finner noen komplikasjoner.
Lagre og fortsett å publisere produktsiden din.
Elementor Pro Prising
Elementors grunnleggende versjon er tilgjengelig gratis mens pro-versjonen kommer med tre lisenser. Hvis du leter etter din personlige blogg eller et enkelt nettsted, er den personlige lisensen best egnet for deg hvor du kan få en WooCommerce-byggherre sammen med 90+ pro-widgets.
Mens pluss- og ekspertlisenser er egnet for voksne bedrifter eller byråer med støtte fra henholdsvis 3 nettsteder og 1000 nettsteder.
Innpakking
Det eneste formålet med Elementor sidebygger er å gjøre det mulig for brukerne å slippe kreativiteten løs uten å stole på kodingen. Elementor kommer med en rekke widgets som lar deg lage alle slags produktsider basert på attraktive layouter. De grunnleggende WooCommerce-elementene er mer enn 10 som gjør det mulig for brukerne å tilpasse hver kink og kurve på butikksiden. Og hvis du ikke finner ønsket element i Elementor-menyen, ikke bekymre deg! Det er mange andre avanserte innstillinger som kan oppgradere arsenalet ditt og legge til flere elementer i biblioteket ditt. En av dem er Essential Add-ons som kommer med dedikerte elementer kun for WooCommerce.
