Kuinka lisätä mukautettu lyhytkoodi/HTML-kanava widgetiin

Tässä oppaassa näytämme, kuinka voit lisätä mukautetun lyhytkoodin/HTML:n My Sticky Elements -widgettiisi. Klikkaa tästä saadaksesi lisätietoja mukautetun linkin tai JavaScript-kanavan luomisesta.

Lisätietoja My Sticky Elements -laajennuksen käytöstä saat napsauttamalla tästä ja tutustumalla koko My Sticky Elements -tietokantaamme, jotta saat siitä kaiken irti.

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öä lyhytkoodeilla, iFramella tai millä tahansa mukautetulla HTML-koodilla.

Vinkki : voit lukea yksityiskohtaiset ohjeet QR-koodin näyttämiseen widgetissäsi täältä: https://premio.io/help/mystickyelements/how-to-add-a-qr-code-to-your-my-sticky-elements-widget/

Sukellaan siis sisään. Avaa ensin My Sticky Elements -laajennusasetukset ja napsauta kohtaa 3: ”Lisää chat ja sosiaalinen media” ja varmista, että aktivoit painikkeen vaihtamalla. Napsauta sitten Mukautettu lyhytkoodi:

 

 

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 My Sticky Elements -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ää linkkisi tähän)” -kohdan tilalle. Voit tietenkin muuttaa leveyttä ja korkeutta mieltymystesi mukaan.

Jos haluat lisätä myös tekstiä, sinun on lisättävä tämä koodi yllä olevan koodin HTML- ja BODY-tunnisteiden väliin. Varmista vain, että lisäät tekstisi tilalle (tekstisi tässä):

(sinun tekstisi tähän)

Loppujen lopuksi sen pitäisi näyttää suunnilleen tältä:

sinun tekstisi tähän

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 " Anna mukautettu iFrame/HTML-koodisi " -kenttään Sticky Floating Contact Form -sovelluksen asetuksissa.

Asetuksistasi ja mukauttamisestasi riippuen widgettisi voi lopulta näyttää tältä: 

Kun olet valmis, muista napsauttaa sivun alareunassa olevaa ” Julkaise ”-painiketta. Siinä kaikki! Helppoa kuin 1, 2, 3 ☺️

Jos haluat oppia käynnistämään QR-koodin Omat tarraelementit -widgetin kautta, napsauta tästä.


Onko sinulla vielä kysyttävää? Lähetä meille sähköpostia Facebook-ryhmässämme , niin autamme mielellämme!