Tässä oppaassa näytämme, kuinka voit lisätä mukautetun IFrame/HTML-koodin Sticky Floting Contact Form -widgettiisi. Lisätietoja sovelluksen käytöstä saat napsauttamalla tästä . Ja täältä voit selvittää, kuinka voit lisätä mukautetun chat-/sosiaalisen verkoston kanavan widgettiisi.
Voit tehdä tämän näyttääksesi upotetun YouTube-videon tai mukautetun kuvan, esimerkiksi Google Maps iFramen tai QR-koodin, widgetissäsi. Voit käyttää tätä mukautettua kanavaa näyttääksesi mitä tahansa upotettua sisältöä IFramen tai mukautetun HTML-koodin avulla.
Vinkki : voit lukea yksityiskohtaisesti, miten QR-koodi näytetään widgetissäsi täältä: https://premio.io/help/mystickyelements/how-to-add-a-qr-code-to-your-my-sticky-elements-widget/ – opas on tarkoitettu sovelluksen WordPress-versiolle, mutta se on täysin relevantti myös Shopifyn käyttäjille.
Sukelletaanpa siis asiaan. Avaa ensin Sticky Floating Contact Form -sovellus Shopify-hallintapaneelissasi. Sovelluksen asetusvalikko avautuu. Napsauta Vaihe 2: Lisää chat ja sosiaalinen media :
Napsauta sitten ”Mukautettu iFrame +” -painiketta lisätäksesi mukautetun HTML/iFrame-kanavan :
Kirjoita muokattu iFrame-/HTML-koodisi avautuvaan kenttään.
Voit muokata uutta mukautettua kanavaasi entisestään valitsemalla, haluatko sen näkyvän pöytätietokoneissa vai mobiililaitteissa vai molemmissa. Voit sitten muokata kanavan ulkoasua lataamalla mukautetun kuvakkeen tai valitsemalla sen Font Awesome -hakemistosta. Jos valitset kuvakkeen Font Awesome -hakemistosta, voit muuttaa sen taustaväriä ja väriä. Voit myös lisätä kuvakkeen tekstin (teksti, joka näkyy kuvakkeen alla Sticky Floating Contact Form -widgetissä) sekä kuvakkeen tekstin koon.
Jos haluat upottaa YouTube-videon, avaa video YouTubessa ja napsauta ”Jaa” > ”Upota” . Voit jopa valita, mistä sekunnista/minuutista haluat upotettavan videon alkavan. Kopioi sitten koodi ja liitä se Sticky Floating Contact Form -sovelluksen asetuksissa olevaan ”Anna mukautettu iFrame/HTML-koodisi” -kenttään.
Asetuksistasi ja mukauttamisestasi riippuen widgettisi voi lopulta näyttää tältä:
Jos haluat upottaa Google Maps -sijainnin, esimerkiksi yrityksesi sijainnin, siirry osoitteeseesi Google Mapsissa ja napsauta ” Jaa ” > ” Upota kartta ” (voit jopa valita upotetun kartan koon). Kopioi sitten koodi ja liitä se ” Anna mukautettu iFrame/HTML-koodisi ” -kenttään Sticky Floating Contact Form -sovelluksen asetuksissa.
Asetuksistasi ja mukauttamisestasi riippuen widgettisi voi lopulta näyttää tältä:
Jos haluat upottaa mukautetun kuvan, esimerkiksi valokuvan tai QR-koodin, liitä tämä koodi Sticky Floating Contact Form -sovelluksen asetuksissa olevaan ” Anna mukautettu iFrame/HTML-koodisi ” -kenttään ja varmista, että lisäät linkkiosoitteesi (lisää kuvalinkkisi tähän) -kohdan tilalle. Voit tietenkin muuttaa leveyttä ja korkeutta mieltymystesi mukaan.
<img src=”add your image link here” style=”width:300px;height:200px;”>Asetuksistasi ja mukauttamisestasi riippuen widgettisi voi lopulta näyttää tältä:
Voit myös upottaa mediaa, esimerkiksi aiheen uusimmat uutiset. Voit tehdä sen kopioimalla linkin upotettavaan artikkeliin/uutiseen ja liittämällä sen tähän: https://iframely.com/embed . Kopioi sitten saamasi koodi ja liitä se Sticky Floating Contact Form -sovelluksen asetuksissa olevaan ” Anna mukautettu iFrame/HTML-koodisi ” -kenttään.
Asetuksistasi ja mukauttamisestasi riippuen widgettisi voi lopulta näyttää tältä:
Kun olet valmis, älä unohda klikata ”Julkaise” sivun alalaidasta. Se siitä! Helppoa kuin 1,2,3 ☺️