Gevorderde gids vir Shopify: Hoe om in 2023 aanlyn te verkoop

As u Shopify aan die hand gelê het – lees dit dan nie ons Shopify-beginnersgids nie – dan het u waarskynlik ‘n fout of ‘n probleem gehad waarmee die gewone kanale u nie kan help nie. Dit kan ‘n app wees wat snaaks optree, of ‘n soort funksionaliteit waaraan niemand voorheen gedink het nie. Dit kan ‘n ernstige pyn wees om Shopify in hierdie gevalle reg te laat werk.

Daardie scenario’s is frustrerend, maar ongelukkig is dit die seerste waarheid as u in die Shopify-omgewing werk. Moenie bekommerd wees nie, Cloudwards.net is hier om te help.

In hierdie gevorderde handleiding vir Shopify gaan ons u deur meer gevorderde dinge rakende Shopify. Ons sal verduidelik hoe u die regte tema kies en hoe om die struktuur en ontwerp daarvan aan te pas. Boonop wys ons jou hoe om produkte op die regte manier te hanteer en watter programme u moet oorweeg om te installeer. Laat ons begin.

Hoe om die regte tema vir Shopify te kies

Eerstens gaan ons aan u verduidelik wat ‘n tema is. Dink daaraan as die fasade van u winkel. U sal nie besluit hoe u winkel sal lyk op grond van u tema nie, maar u sal dit in ‘n sekere rigting lei.

Dit is belangrik dat u nadink oor die tema wat u gaan gebruik voordat u met u winkel begin bou, want dit sal u later tyd en geld bespaar. As ‘n tema byvoorbeeld ‘n ingeboude sidebalk-funksie het, hoef u dit nie later aan te pas nie, want u kan dit sonder moeite by u winkel voeg..

Op Cloudwards.net het ons ‘n handige kontrolelys opgestel wat dit vir u maklik maak om die regte tema te kies.

Shopify-tema-winkel

Temakriterium 1: Besigheidsvereistes

So banaal soos dit klink, is die vereistes van u onderneming belangrik wanneer u ‘n tema kies. Soos ons in ons artikel oor die bou van ‘n webwerf vantevore gesê het, begin alles met ‘n konsep.

Dink eers aan u vereistes en maak ‘n lys van dinge wat u dink nodig is vir u winkel. Hier is ‘n kort lys vrae wat ons wil stel wanneer u Shopify-temas oorweeg:

  • Hoe wil u hê dat u kliënte deur u winkel moet navigeer?
  • Sou daar ‘n soekfunksie wees
  • Wil u ‘n sybalk hê met navigasie?
  • Benodig u ‘n mega-spyskaart
  • Hoe groot is u produkportefeulje
  • Hoe sal u u winkel later wil bevorder?
  • Benodig u ‘n skuifbalk na bo
  • Sou die winkel met ‘n blog toegerus wees

Die produkportefeulje is veral belangrik. Afhangend van hoeveel produkte u in u winkel wil vertoon, moet u tema u ondersteun en u nie blokkeer of belemmer nie. Daar is basies drie winkelgroottes in die Shopify-wêreld: enkelprodukte, klein katalogusse en groot katalogusse.

U kan temas in die Shopify Theme Store vind, en as u kyk, kan u hul onderskeie kenmerke, insluitend die produkportefeulje, in die beskrywing van elke tema vind..

Shopify-tema-debuut-kenmerke

Prioritiseer as u van ‘n tema hou wat nie aan al u vereistes voldoen nie. Dit is onwaarskynlik dat een tema in al u behoeftes sal voorsien.

Tema-kriterium 2: Optimalisering van die soekenjin

Aangesien u moontlik nie die heeltyd betaalde advertensies wil plaas nie, moet u ook langtermyn nadink oor organiese bemarking. Dit is sinvol om vooraf die belangrikste kriteria vir die optimalisering van tegniese soekenjins na te gaan, soos:

  • Laai tyd vir die eerste oog
  • Bladsnel mobiele
  • Bladspoed-tafelblad
  • Kruisblaaier-verenigbaarheid

U kan die snelheid van die bladsy met PageSpeedInsights vanaf Google toets. Dit gesê, omdat dit tydrowend is en miskien nie vir alle temas moontlik is nie – u moet sommige daarvan koop – u kan vooraf op die internet navorsing doen.

Google-Page-Speed-indeks

Tema-kriterium 3: prys

Ongelukkig groei geld nie op bome nie, en as ‘n entrepreneur moet u die koste in ag neem. Daarom ontstaan ​​die ou vraag: gratis of koop?

Ons kan u aanraai om met betaalde temas te werk, maar dit sal net die helfte van die waarheid wees. Die meeste betaalde temas is beter in terme van funksionaliteit. Tydperk. U moet self besluit of dit die moeite werd is om ‘n betaalde tema te koop op grond van wat u van plan is om met u winkel te doen.

As u na ‘n gratis ontwerp leun, is dit ook goed. Dit gesê, u moet uself afvra hoeveel apps, soortgelyk aan plugins in WordPress, u daarna moet installeer, omdat die meeste geld kos en die laaityd van u winkel vererger. Miskien is dit meer sinvol om met ‘n betaalde tema te begin as met ‘n gratis tema wat u met toerusting moet toerus.

Die beste praktyk, veral vir beginners, is om by gratis temas te hou, want dit is makliker om ondersteuning van Shopify te kry as van derde partye. Ons sal verduidelik wat dit vooruit beteken.

Temakriterium 4: Ondersteuning

Ondersteuning en dokumentasie is ‘n belangrike maatstaf vir die keuse van die optimale Shopify-tema. Shopify bied ondersteuning vir die volgende temas:

  • oneindige
  • minimale
  • Jump Start
  • Verskaf
  • pop
  • debuut
  • eenvoudige
  • Venture
  • Brooklyn
  • verhaal

As u ‘n ander tema kies as die lys wat gelys is, sal u afhanklik wees van derdeparty-ontwikkelaars. Dit beteken dat Shopify nie veel ondersteuning kan bied as dit kom by die besonderhede van die tema nie.

Dit gesê, moet u kyk hoeveel steun Shopify in die algemeen bied. Gewoonlik, as dit kom by tegniese probleme en diepgaande aanpassing, wat vinnig die geval is met Shopify, sal die diens, soos derdepartyverskaffers, u hef, of u aan ‘n derdepartyverskaffer stuur, wat u weer sal laat betaal vir sy werk.

Dokumentasie is ook belangrik. Kyk hoe gedokumenteerd die temas is. U sal verbaas wees hoe divers die kwaliteit van temadokumentasie is. Veral met betaalde temas verskil kwaliteit baie. U kan die skakel na die dokumentasie van elke tema in die Shopify Theme Store vind.

Shopify-tema-Verskaf-Dokumentasie

Tema-kriterium 5: Resensies

Laaste maar nie die minste nie: vertrou die skare. U is nie die eerste om ‘n Shopify-winkel te open nie. Neem u tyd en lees die resensies.

Moet egter nie toelaat dat slegte resensies u te veel ontmoedig om ‘n sekere tema te gebruik nie. In baie gevalle is kommentaar van gebruikers onkundig of ‘n uitdrukking van frustrasie wat in die beoordelingsafdeling neergedaal word, soos ons kan sien in die skermkiekie hieronder.

Shopify-tema-debuut-Review

“Swagger Boutique” kla oor die debuut-tema. Die stelling dat die foto’s nie op die telefoon aanpas nie, is nonsens. Alle Shopify-temas reageer op die huidige standaarde. Daarom moet u ons advies volg en die resensies van nader bekyk voordat u u besluit neem.

Aanpassing: Druk Pixels met vloeistof

Noudat u die tema kies wat u wil hê, gaan ons u vertel hoe u Liquid kan gebruik om dit aan te pas om u behoeftes te pas. Dit is belangrik om daarop te let dat as u begin om aan te pas, u by u tema moet hou, want alle veranderings, aanpassings en ontwerpwerk wat u gedoen het, sal verlore gaan wanneer u van temas verander.

Eenvoudig gestel, u sal weer die ontwikkelingswerk moet doen. Probeer om slegs een tema van die begin af te gebruik en dit met ‘n wagwoordbeskerming te maak.

Belangrike advies: maak seker dat u veelvuldige kopieë van u tema maak. Ideaal gesproke moet u gereelde rugsteun maak en dit dienooreenkomstig noem, veral as u programme installeer.

Om u van ‘n moontlike ramp te red, gaan ons u wys hoe u in Shopify met Liquid kan ontwikkel. In die volgende paar afdelings sal ons die belangrikste komponente van die Shopify-ontwikkelingsomgewing van nader bekyk.

As u meer inligting oor vloeistofkodering benodig, kyk na die amptelike vloeistofverwysing of kontak ‘n ontwikkelaar.

Die basiese beginsels van aanpassing

Kom ons begin dit met ‘n paar basiese beginsels.

Klik op “aanlynwinkel.” Om toegang tot die pasmaakmenu van u winkel te kry. Daar moet ‘n menu verskyn met die volgende items: “temas,” “blogplasings,” “bladsye,” “navigasie,” “domeine” en “voorkeure.” Klik op “temas” om voort te gaan.

Aan die regterkant van die skerm sien u twee groot gebiede: ‘huidige tema’ en ‘meer temas’. In die “huidige tema” -gebied, vind u die aktiewe tema, wel. Die ander gebied wys die temas wat jy afgelaai het uit die temawinkel.

Shopify-tema-aanpas-Basics

Regs van die tema is “pas aan.” Klik op dit om toegang tot die pasmaakmenu te kry.

Shopify-tema-aanpas-Basics-Aanpassing

U is nou in die pasmaakmenu, waar u die gewenste wysigings aan u tema kan aanbring. Aan die linkerkant sien u u kontrolepaneel waarmee u die afsonderlike dele van die aktiewe bladsy kan redigeer.

Shopify-tema-aanpas-Basics-Aanpassing-beheer-paneel

Langs “gedeeltes”, sal u die gebied “tema-instellings” vind, waar u die algemene instellings vir die tema kan aanpas, soos lettertipe, kleure en ikone..

Shopify-tema-aanpas-Basics-Aanpassing-beheer-paneel-tema-instellings

Dit is ook waar u die dokumentasie vir u tema en die kontakbesonderhede vir ondersteuning sal vind.

Shopify-tema-aanpas-Basics-Aanpassing-Dokumentasie

U kan ook onder die tema-aksies in die Liquid-kode van die tema duik. > “Wysig kode” vir dieper aanpassing. Ons sal later meer hieroor praat.

Shopify-tema-aanpas-Basics-Edit-kode

In die boonste balk kan u die naam sien van die tema wat u redigeer. U sal ‘n spyskaart sien waar u kan spring tussen die bladsye wat u wil aanpas.

Shopify-tema-aanpas-Basics-Aanpassing-Change-Page

Langs die menu kan u kies tussen die tafelbladweergawe en die mobiele weergawe.

Shopify-tema-aanpas-Basics-Aanpassing-Mobile-weergawe

Dit is belangrik om daarop te let dat as u besig is om aan te pas, deur die dokumentasie te grawe en te besef dat u alles reg gedoen het, maar die funksie steeds nie werk nie, dit kan wees omdat sommige funksies in Shopify, veral apps, slegs werk as die tema word gepubliseer.

Afdelings: Stuk vir stukkie in ‘n pragtige winkel

‘Afdelings’ is herbruikbare boustene wat u kan gebruik om u Shopify-tuisblad te bou en te ontwerp. Daar is egter geen manier om dit op ander bladsye as die bestemmingsblad te gebruik nie. Om te leer hoe belangrik ‘n bestemmingsblad is, lees ons handleiding oor hoe u Instapage kan gebruik.

Shopify onderskei basies tussen statiese en dinamiese afdelings. Statiese gedeeltes is, soos die naam aandui, staties ingebou in die tema. Die kop- en voetskrif is goeie voorbeelde van statiese afdelings. Dit kan nie bygevoeg word in die pasmaakmenu nie. U kan dit slegs deur programmering invoeg.

Shopify-tema-aanpas-Basics-Aanpassing-Static-Artikels

Aan die ander kant is dinamiese afdelings die boustene wat u dinamies in die pasgemaakte redakteur kan voeg. U doen dit deur ‘voeg afdeling by te voeg’.

Shopify-tema-aanpas-Basics-Aanpassing-Dynamic-Artikels

Daarna moet u ‘n lys sien van die beskikbare gedeeltes vir u tema.

Shopify-tema-aanpas-Basics-Aanpassing-Dynamic-afdelings-List

Moenie verbaas wees as u lys anders lyk as ons s’n nie. Daar is gedeeltes wat die meeste temas gemeen het, maar baie het ook hul eie spesiale afdelings.

Kies die regte gedeelte en kies dit. ‘N’ Voeg ‘-knoppie moet langs die naam verskyn. Die gedeelte word ook in die voorskoufunksie vertoon.

Shopify-tema-aanpas-Basics-Aanpassing-Add-afdeling

As u die gedeelte wil invoeg, klik dan op die “voeg” -knoppie.

Die vraag is waarom Shopify onderskei tussen statiese en dinamiese afdelings as ons slegs gedeeltes op die tuisblad kan gebruik. Ons vermoed dat Shopify ook werk aan die gebruik van die seksie-funksionaliteit op ander bladsye.

Theme.scss.liquid: Die hart van jou voorkoms en gevoel

Noudat u weet hoe om die struktuur van u bestemmingsblad te verander, gaan ons u wys hoe u die voorkoms daarvan kan verander. Om dit te doen, klik op “tema-aksies” en kies dan “wysig kode.”

Daarna sal u die volgende koppelvlak moet sien:

Shopify-Ontwikkeling-IDE

Daar kan u baie lêers sien wat in sewe groot dopgehou word:

  • uitleg
  • templates
  • artikels
  • brokkies
  • bates
  • config
  • locales

Die “bates” -gids is veral vir ons interessant.

Shopify-Ontwikkeling-gids

Maak die lêer “tema.scss.liquid” oop.

Shopify-Ontwikkeling-SCSS

In die meeste gevalle is die lêer ‘n paar duisend reëls kode lank. In ons voorbeeld is daar 7.098 reëls kode. Dit is omdat al die stilwerk daarin gedoen word. As u CSS-veranderinge wil aanbring, doen uself ‘n guns en doen dit daar.

Shopify-produkte: Hanteer produkte soos ‘n pro

Noudat jy weet hoe om die voorkoms van jou winkel te verander, gaan ons praat oor wat daarin is: produkte. Ons het in ons beginnersgids verduidelik hoe om produkte te skep. Nou gaan ons dieper gaan en oor variante en opsies praat.

Alle produkte kan variante hê, hoewel dit nie hoef nie. Elke variant het verskillende opsies, anders sou die variante nie sin maak nie. ‘N Algemene voorbeeld is die kleurvariant:

Shopify-produkte-Variante

Soos u op die skermkiekie hierbo kan sien, kan u dieselfde produk met verskillende kleure toerus sonder om ‘n nuwe produk vir elkeen te skep, wat handig is.

Hoe om produkte in Shopify in te voer

As u ‘n winkel met ‘n groot aantal produkte het, wil u moontlik nie die produk afsonderlik by u winkel voeg nie. Daarom bied Shopify ‘n grootmaat-invoerfunksie aan.

Klik in die hoofmenu van Shopify op die tabblad “produkte” aan die linkerkant om die produksmenu te open.

Shopify-Main-Menu-produkte

Klik op “invoer.”

Shopify-produkte-invoer

U moet ‘n venster sien waar u ‘n .csv-lêersjabloon vir die invoer kan aflaai. Vul dit met u produkte en laai dit weer op. Aangesien die velde in die sjabloon verwarrend is, beveel ons aan dat u die amptelike Shopify-uitleg gebruik terwyl u dit invul.

Shopify-produkte-invoer Popup

Hier is meer kundige wenke om u invoerwerk te vergemaklik:

  • As u baie produkte invoer, laai die produkprente eers na Shopify. Dit sal verseker dat die prente reeds ‘n Shopify-URL het, wat u in die oplaai-lêer moet inskryf. Andersins, moet u alle prente handmatig toewys aan die produkte en variante.
  • Vir produkte met variante moet u sekere velde leeg laat, sodat Shopify dit as variante en nie as alleenstaande produkte kan skep nie..
  • Pasop vir die Excel-lokval. Excel gebruik standaard semikolonies as skeiding vir CSV-lêers, maar Shopify doen dit nie. Maak seker dat die oplaaibestand deur kommas geskei word en nie deur semikolone nie.
  • Dit is ook belangrik dat u lyste en opsommings in aanhalingstekens plaas en dat u periodes eerder as kommas gebruik om groottes en pryse aan te dui..

Apps: nuttige verbeterings vir Shopify

Soos plugins in WordPress, is apps in Shopify funksionele uitbreidings wat u apart moet installeer. Sommige is gratis, en ander nie. As WordPress vir jou alles Grieks is, het ons ‘n paar WordPress-gidse opgestel:

  1. Beginnersgids vir die gebruik van WordPress
  2. Intermediêre gids vir die gebruik van WordPress
  3. Gevorderde handleiding vir die gebruik van WordPress

Hier is ons top Shopify-programme:

Kit: Beter Facebook-advertensies uit te voer

Kit is ‘n app wat deur Shopify ontwikkel is om u te help om u Facebook-bemarking te verbeter. Nie net is dit gratis om te gebruik nie, maar dit dien ook as ‘n virtuele assistent en maak gereeld voorstelle van Facebook Messenger vir meer verkeer na u aanlynwinkel. Dit is ‘n moet vir almal wat Facebook-bemarking vir hul winkel doen.

Oberlo: Vind produkte om te verkoop op Shopify

Oberlo is die perfekte metgesel vir diegene wat dropshipping wil doen met hul aanlynwinkel. Die app is gekoppel aan verskillende dropshipping-markplekke, soos AliExpress, en maak dit maklik om in u Shopify-winkel in te voer.

Al wat u hoef te doen is om die app te installeer om duisende en duisende produkte te blaai en met ‘n enkele klik na u aanlynwinkel in te voer. Nadat klante ‘n bestelling by u aanlynwinkel geplaas het, hoef u slegs ‘n bestelling in Oberlo te plaas om die produkte direk vanaf die verskaffer aan die kliënt te stuur.

Shopify-programme-Oberlo

Hotjar: Verstaan ​​regtig hoe u besoekers op u webwerf skakel

Hotjar is ‘n nuttige instrument wat u kan gebruik om hittekaarte vir u aanlynwinkel te skep. Dit gee jou ook die vermoë om opnames van besoekers wat in jou winkel navigeer, te besigtig.

Die app maak baie sin, want dit stel u in staat om die dele van die webwerf wat goed werk te identifiseer en diegene wat deur die meeste besoekers geïgnoreer word. Dit is veral belangrik vir u aanlynwinkel omdat u wil uitvind watter produkte byvoorbeeld gekyk word, maar nie gekoop word nie. Dit maak Hotjar een van die beste loodgenerasie-instrumente op die mark.

U kan leer hoe dit in detail werk en hoe u dit in u winkel kan integreer op die Hotjar-webwerf.

Gewaagde aangepaste pryse: Optimalisering van verkope en omskakeling

Bold Custom Pricing is ontwikkel deur Bold Commerce, wat ‘n groot speler in die Shopify-omgewing is en baie nuttige programme ontwikkel het. Ons is veral geïnteresseerd in vetgedrukte pryse, want dit stel u in staat om volume-afslag en ander prikkels aan te bied. U kan bowenal klante groepe skep en lojale klante beloon met die toepaslike afslag.

Een groot nadeel van die app is dat Bold Commerce baie van u tema verander om vetgedrukte prysvasstelling te laat werk. Baie. Liquid-lêers, soos produk-template.liquid, sal anders lyk en moeilik wees om te onderhou. U sal afhanklik wees van die vetgedrukte handel.

Meer wenke oor programme

Elke app verander die kode van u tema. Maak seker dat u ‘n rugsteun maak voordat u ‘n app installeer. As u nie weet waar om na ‘n goeie rugsteundiens te soek nie, lees ons aanlyn-rugsteunoorsigte.

As u verskeie programme in u winkel geïnstalleer het, kan dit probleme ondervind om ekstra programme te installeer. In die meeste gevalle is dit omdat die temas en moontlik die programme wat reeds geïnstalleer is, van winkel tot winkel verskil en die kode sodanig verander dat daar geen gestandaardiseerde manier is om addisionele programme te installeer nie.

Dit is ook die rede waarom u nie moet probeer om veelvuldige programme tegelyk te installeer nie. U sal vinnig die wysigings verloor. Neem u tyd en installeer een app op ‘n slag.

U moet ook vermy dat ondersteuningspanne ook onmiddellik toegang tot u winkel gee. Anders sal u nie weet watter app geïnstalleer en geïntegreer is nie en watter nie.

Finale gedagtes

Ons hoop ons het nuttige wenke en truuks gegee met hierdie in-diepte Shopify-gids. Shopify is ‘n nuttige en goeie platform om ‘n aanlynwinkel met die oog te begin, veral as u nie weet hoe om te kodeer nie.

Dit gesê, as u gevorderde tegniese vaardighede het, word Shopify ‘n kragtige en aanpasbare bondgenoot wat ontwerp kan word vir byna enige aanlynonderneming..

As u meer basiese vrae het, is ons beginnersgids wat aan die bokant van hierdie artikel gekoppel is, die beste vir u. As u nog vrae het, kan u dit in die kommentaar vra. Dankie dat u gelees het.