WooCommerce-tuotevertailun lisääminen

Kauppasivustojen luominen WordPressillä on nykyään erittäin suosittua ja helppoa. WooCommercen, suosituimman kauppojen luomiseen tarkoitetun laajennuksen, ja monien asiakasystävällisten WooCommerce-teemojen ansiosta nykyään melkein jokainen voi tehdä loistavan kaupan erittäin nopeasti.

Se, että tämä tapa luoda myymälä on erittäin suosittu, puhuu uusien lisäosien päivittäisen luomisen puolesta, jotka voivat osaltaan parantaa sivustoasi. Tuotteen esittely ei ole koskaan ollut helpompaa, on olemassa lukemattomia tapoja saada kuluttajien huomio.

Yksi tällainen elementti on varmasti WooCommerce-tuotteiden vertailu. Sitä käytetään valittujen tuotteiden esittelyyn vertaamalla niiden ominaisuuksia. Tämä esittelytapa on hyvä sekä asiakkaille että sinulle. Kun asiakkaat haluavat päättää tietystä tuotteesta, he haluavat saada selkeän vertailun vaihtoehdoistaan. Voit helposti tehdä sen heille mahdolliseksi.

Lisäosa, joka on kiinnittänyt huomiomme ja jonka pidimme hyödylliseksi myymälätuotteiden vertailussa, mutta myös monissa muissa asioissa, on Qi Addons for Elementor. Tällä työkalulla on ilmainen versio, jossa on 60 widgetiä, ja premium-versio, jossa on yli 40 muuta. Kaikki widgetit ovat erittäin hyödyllisiä ja niiden avulla voit lisätä kauniita ja käytännöllisiä elementtejä sivuillesi muutamalla napsautuksella. Myös muokkausvaihtoehdot ovat uskomattomia, joten voit helposti muokata kaikki widgetit vastaamaan verkkosivustosi suunnittelua moitteettomasti.

Tuotevertailu-widgetillä tuodaan tuotteet esille niiden oleelliset ominaisuudet yhdessä paikassa ja tarjotaan asiakkaille selkeää tietoa yhdessä paikassa.

Miten tuotevertailuwidget toimii

Tämän widgetin käyttäminen on erittäin helppoa. Taulukon tiedot haetaan suoraan itse tuotteesta, manuaaliseen syöttämiseen ei liity tavanomaisia ​​komplikaatioita. Sinun tarvitsee vain valita taulukossa olevat tuotteet ja niiden mukana tulevat tiedot.

Myös taulukon tyyli on tärkeää ja WooCommerce-tuotevertailuwidget antaa siihen monia vaihtoehtoja. On varmasti oletusulkoasu, jonka saat heti, kun asetat widgetin sivulle, ja näet heti, kuinka jotkin asiat, kuten kirjasimet, vastaavat teemasi ulkoasua. Joten vain pienellä mukauttamisella pöytäsi voi näyttää upealta.

Kun olet lisännyt tuotteesi ja niihin liittyvät tiedot, voit aloittaa tuotevertailutaulukon luomisen. Tämä on esikatselu yhdestä tuotteesta, joka on tehty WooCommerce-laajennuksella.

Valittujen tuotteiden vertailu

Kun olet siirtynyt muokkaamaan haluttua sivua Elementorilla, löydät tuotevertailu-widgetin käytettävissä olevien widgetien joukosta. Kaikilla Qi-widgeteillä on erottuva ulkoasu ja punaiset kuvakkeet.

Kun vedät widgetin sivuun, huomaat, että pöytää ei ole – vain ilmoitus "Valitse haluamasi tuotteet ". Tietenkin sinun on lisättävä tuotteet ensin. Löydät kaikki tämän elementin asetukset Sisältö- ja Tyyli-välilehdistä. Lisäasetukset-välilehti tarjoaa myös erilaisia ​​asetuksia, mutta ne kuuluvat Elementorille ja tiedät ne jo, koska jokaisella elementillä on ne, ne eivät ole ominaisia ​​tälle.

Joten aloitetaan. Sisältö-välilehdessä voit määrittää, mitä tietoja tuotevertailutaulukossasi on. Aluksi lisäämme yksinkertaisesti tuotteita.

Lisäksi voimme valita järjestyksen, jossa valitut tuotteet sijoitetaan taulukkoon, joko tunnuksen, päivämäärän, satunnaisen…

Näytettävät suodattimet on vaihtoehto, joka määrittää, mitä tietoja vertailutaulukossa käytetään. Tällä hetkellä tuotteita on 4: kuva, otsikko, hinta ja varasto, ts. saatavuus.

Voit kuitenkin valita listasta mitä tahansa sinulle sopivassa järjestyksessä. Olemme tehneet tämän valinnan pöytäämme:

Huomaat, että jotkin osat ovat napsautettavia, kuten tuotteen nimi, joka johtaa tuotteen sivulle ja tietysti "lisää ostoskoriin", jonka avulla voit lisätä tuotteen ostoskoriin paikan päällä. Ostoskoriin lisäyksen ei tietenkään tarvitse olla osa pöytääsi, mutta useimmissa tapauksissa se on erittäin hyödyllinen.

Painikkeiden asetukset liittyvät Lisää ostoskoriin -painikkeeseen. Nämä asetukset ovat tärkeitä, jos päätät lisätä ne taulukkoon. Saatavilla on useita asetteluja ja painiketyyppejä. Voit myös lisätä painikkeeseen kuvakkeen ja tehdä siitä entistä mielenkiintoisemman. Kaikki riippuu tarpeistasi, ja neuvomme on tutkia kaikki vaihtoehdot. Emme käy läpi jokaista erikseen, koska ne ovat intuitiivisia ja näet myös kaikki tekemäsi muutokset livenä ruudun oikealla puolella, ja ymmärrät kaiken helposti itse.

Luokitusvaihtoehdot on loogisesti linkitetty näytön arvioihin, jos olet valinnut olla olennainen osa näyttöäsi. Vaikka tähdet ovat yleisin tapa näyttää arvio, se ei tarkoita, että et voi valita muita kuvakkeita. Ikonikirjasto on käytettävissäsi, mutta voit myös lisätä haluamasi SVG:n itse.

Kuten sanoimme, Sisältö-välilehteä käytetään näytettävien tietojen valitsemiseen, ja nyt siirrymme Tyyli-välilehteen, jossa voimme muokata jokaista valittua elementtiä.

Asetukset on ryhmitelty ja ensi silmäyksellä on selvää, missä asetukset ovat. Tietenkin käy jokaisen ryhmän läpi nähdäksesi, mitä siellä on. Värien, marginaalien, typografian ja koon valintavaihtoehdot hämmästyttävät sinua, kun huomaat kuinka monia yksityiskohtia voit säätää.

Emme halua käydä läpi kaikkia vaihtoehtoja, koska olemme varmoja, että sinun on mielenkiintoista tutkia ja pelata, käymme vain läpi muutaman tärkeän.

Kuvatyyli on mielenkiintoinen ja merkittävä vaihtoehto. Tiedämme kokemuksesta, että usein kaikilla tuotteilla ei ole samankokoista esittelykuvaa (kuva, joka edustaa tuotetta ja joka on myös taulukossamme). Sitten syntyy ongelma, että taulukon kuvat näkyvät eri mitoissa. Siksi neliö-, maisema-, muotokuva- ja mukautetut vaihtoehdot ovat meille tärkeitä, koska niiden avulla voimme asettaa kuvat samankokoisiksi. Myös muut vaihtoehdot ovat mielenkiintoisia ja käytämme niitä useimmiten silloin, kun esillä olevien kuvien koossa ei ole suuria poikkeamia.

Painikkeiden tyylivaihtoehdot ovat myös asioita, joita tarvitsemme useimmissa tapauksissa mukauttaaksemme painiketta teeman ulkoasun mukaan. Vaikka sillä on oletusulkonäkönsä ja se voi pysyä muuttumattomana, haluat todennäköisesti säätää sitä hieman enemmän.

Voit vaihtaa taustaa, koko tekstityksen typografiaa, järjestää täyttöjä… Ja voit myös määrittää, miltä hover-painike näyttää.

Rating Style sisältää muun muassa vaihtoehdot käytettävien kuvakkeiden koon muuttamiseen, mikä voi olla sinulle tärkeitä, mutta myös niiden välisen tilan ja luokituksen merkittyjen ja merkitsemättömien osien tyylittelyyn.

Ja tältä se näyttää, kun annamme mielikuvituksen vapaaksi… Näet, että viimeisellä tuotteella ei ole luokitusta, syy – kukaan ei arvostellut sitä ja kuten näet, kenttä on tyhjä. Jos pidät tyhjästä kentästä, voit helposti korvata luokituskentän jollain muulla elementillä. Tietysti, kun taulukko on asetettu, sen tietoja voidaan muuttaa…

Tiivistettynä

Ostajatyyppejä on monia, mutta yleensä kaikki pitävät siististä tuotevertailutaulukosta. Kuten näette, Qi Addonsilla tuotteiden vertailu on niin helppoa kuin mahdollista, joten sinun ei tarvitse epäröidä, vaikka olisit täysin WordPress-aloittelija – voit lisätä kauniita, räätälöityjä tuotevertailutaulukoita vaivattomasti ja investoimatta liikaa. aikaa siihen. Kun olet ymmärtänyt Qi-lisäosien yksinkertaisuuden, olet varmasti kiinnostunut lisäämään verkkokauppaasi hyödyllisiä elementtejä, kuten aukioloaikoja, Elementor-prosessiwidgetin tai ehkä haluat tutkia, miten voit korostaa tiettyä sisältöä korostamalla teksti. On varmasti monia erilaisia ​​tapoja tehdä verkkosivustostasi houkuttelevampi ja houkuttelevampi, puhumattakaan tuottoisasta.