Tässä oppaassa näytämme, kuinka voit mukauttaa Coupon X -widgetiäsi sisäänrakennetulla ”Custom CSS” -vaihtoehdolla. Klikkaa tästä lukeaksesi lisää Coupon X:n käytöstä Shopifyssa tai Wixissä.
Voit lisätä mukautetun CSS-koodin muokataksesi widgetin ulkoasua, esimerkiksi lisätä reunuksen avoimeen widgetiin tai tehdä widgetistä pyöristetyn.
Avaa ensin Coupon X -sovellus Shopify- tai Wix-hallintapaneelissasi ja napsauta widgetin vieressä olevaa ” Muokkaa ”-vaihtoehtoa avataksesi widgetin asetukset.
Nyt näet vaiheiden määrän Määritä tavoite -välilehdellä valitsemistasi tavoitteista riippuen.
Jos olet valinnut "Kyllä" tavoitteeksi "Haluatko tarjota kupongin?", siirry "Kuponginäytön suunnittelu" -vaiheeseen tai jos olet valinnut "Kyllä" kohdassa "Haluatko kerätä sähköpostia?" tai molemmat vaihtoehdot, siirry "Sähköpostinäytön suunnittelu" -vaiheeseen.
Kun olet valitsemiesi tavoitteidesi mukaisessa vaiheessa, vieritä alas ja napsauta Lisäasetukset -painiketta löytääksesi Mukautettu CSS-kentän, johon voit sijoittaa CSS-koodin.
Yllä olevan esimerkin mukaisesti voit lisätä widgetisi pisteviivan käyttämällä tätä mukautettua CSS-koodia ja napsauttamalla ” Julkaise ”.
#tab-box-front-0 .tab-box-content.tab-box-couponcode-content{
border-style: dotted;
}Tältä sen pitäisi loppujen lopuksi näyttää:
Voit muuttaa widgetin sädettä ja tehdä siitä pyöreämmän ja reunuksen käyttämällä tätä CSS-koodia:
#tab-box-front-0 .tab-box-content.tab-box-couponcode-content{
border-radius: 25px;
border: 2px solid #000000;
padding: 20px;
}Ja tältä sen pitäisi loppujen lopuksi näyttää:
Siinä se, helppoa kuin 1,2,3! ☺️ Tarjolla on loputtomasti mahdollisuuksia muokata ja muokata widgettiäsi vastaamaan ainutlaatuista tyyliäsi.
Onko sinulla vielä kysyttävää? Lähetä meille sähköpostia Facebook-ryhmässämme , niin autamme mielellämme!