Wordpress

13 klassz elem, amelyet beágyazhat a My Sticky Elements widgetbe

Ha a My Sticky Elements beépülő modult használja a WordPresshez, akkor valószínűleg tudja, hogy egyéni kapcsolatfelvételi űrlapot és közösségi csatornákat is hozzáadhat a widgethez, hogy egyszerű, minden egyben kommunikációs megoldást tegyen lehetővé.

Tudta azonban, hogy szinte bármit beágyazhat a beépülő egyedi rövidkód-csatornába, így tovább személyre szabhatja a widgetet, és megfelelőbbé teheti a közönség számára?

Az iFrames használata nagyszerű módja annak, hogy vizuálisan gazdag környezetet hozzon létre, és különféle módokon további kapcsolatot teremtsen közönségével. Például megoszthat egy szép Spotify lejátszási listát, amely illeszkedik webhelye hangvételéhez, népszerűsítheti legutóbbi közösségi médiás bejegyzéseit, hogy megszerettesse azt, nyelvváltót nyomhat be, vagy megjeleníthet egy naptárt, hogy az ügyfelek időpontot foglalhassanak a kapcsolattartásra. te és még sok más.

Ebben a blogbejegyzésben megindítjuk kreativitását 13 remek ötlettel olyan elemekről, amelyeket beágyazhat a My Sticky Elements widgetbe, hogy növelje annak teljesítményét.

#1. YouTube-videó beágyazása 

A digitális korszakban a videók hatékony kommunikációs módnak bizonyultak, amely növelheti a marketinget és a webhely általános forgalmát, és ha beágyaz egyet a My Sticky Elements widgetbe, csak egy pillanatig tart. Csak annyit kell tennie, hogy nyissa meg a beágyazni kívánt YouTube-videót, kattintson a "Megosztás" nyíl gombot, majd válassza a "beágyaz”. Kiválaszthatja, hogy a videó melyik másodpercétől vagy percétől kezdje a beágyazott videót, és tovább módosíthatja a beágyazási beállításokat. Ezután egyszerűen másolja ki a kódot, és illessze be a My Sticky Elements egyéni rövidkód-csatorna beállításaiba. Az alábbiakban bemutatjuk, hogyan nézhet ki a végeredmény. Nagyon lenyűgöző, mondhatnánk.

Beágyazott YouTube-videó a My Sticky Elements-ben
Példa arra, hogyan nézhet ki egy beágyazott YouTube-videó a My Sticky Elements widgetben

#2. Közösségi média bejegyzés beágyazása

Ha megosztja legújabb vagy legkedveltebb közösségimédia-bejegyzését a webhelyén, akkor az extra láthatóságot szerezhet. Ez egy mindenki számára előnyös helyzet, mivel így a webhely látogatóit is a közösségi média fiókjaira irányíthatja, és több csatornára bővítheti közönségét. Beágyazhat bejegyzést vagy videót különböző jól ismert közösségi médiacsatornákról, például az Instagramról vagy a Facebookról. Facebook-bejegyzés beágyazásához navigáljon a kívánt bejegyzéshez, kattintson a jobb oldalon lévő három pontra, majd válassza a "beágyaz” a beállítások közül, és válassza ki, hogy bele kívánja-e adni a teljes bejegyzést (értsd: megjegyzéseket és reakciókat), majd illessze be a kódot a My Sticky Elements egyéni rövidkód-csatorna beállításaiba. Az Instagram-bejegyzés beágyazása hasonló – kattintson a beágyazni kívánt bejegyzés jobb oldalán található három pontra, majd válassza a "beágyaz”, válassza ki, hogy a bejegyzés feliratát is bele kívánja-e adni, és másolja be a kódot a My Sticky Elements egyéni rövidkód-csatorna beállításaiba. A végeredmény valahogy így fog kinézni:

Beágyazott Instagram vagy közösségi média bejegyzés a My Sticky Elementsben
Példa arra, hogyan nézhet ki egy beágyazott közösségimédia-bejegyzés a My Sticky Elements widgetben

#3. Illessze be Twitter-idővonalát

A legtöbb egyéb közösségimédia-csatornától eltérően, amelyek csak egyetlen bejegyzés beágyazását teszik lehetővé, ha a Twitteren tartózkodik, a teljes idővonalat beágyazhatja a My Sticky Elements widgetbe. Ehhez nyissa meg ezt az oldalt, és adja meg a beágyazni kívánt fiók URL-jét ebben a formátumban: https://twitter.com/felhasználónév, ügyelve arra, hogy a nevet úgy módosítsa, hogy az megegyezzen a Twitter-felhasználónevével. Ezután válassza ki a "Beágyazott idővonal” opciót, és másolja be a kódot, amely megjelenik a My Sticky Elements egyéni rövidkód-csatorna beállításaiban. A végeredmény valahogy így fog kinézni – egy jól strukturált, görgethető idővonal nézet:

Beágyazott Twitter-idővonal a My Sticky Elements-ben
Példa arra, hogyan nézhet ki egy beágyazott Twitter-idővonal a My Sticky Elements widgetben

#4. Spotify lejátszási lista beágyazása 

Ebben a legjobban az tetszik, hogy amellett, hogy lejátssza kedvenc zenei lejátszási listáját vagy albumát, hogy hangulatot teremtsen a weboldaladon görgető látogatóknak, beágyazhat Spotify podcastokat is – így érdekes témákat vagy fontos információkat oszt meg közönségével. Bármilyen Spotify-tartalom beágyazása egyszerű – csak meg kell nyitnia a Spotify-t, ki kell választania a kívánt lejátszási listát, kattintson a három pontra, és válassza a "Megosztás" és akkor "A beágyazott kód másolása”, állítsa be az elemet igényei szerint, és végül illessze be a kódot a My Sticky Elements egyéni rövidkód-csatorna beállításaiba. A végeredmény meglehetősen kompakt és jó megjelenésű.

Beágyazott Shopify lejátszási lista a My Sticky Elementsben
Példa arra, hogyan nézhet ki egy beágyazott Shopify lejátszási lista a My Sticky Elements widgetben

#5. A legfrissebb hírek vagy időjárás-előrejelzés beágyazása

Hasznos lehet, ha a közönséget naprakészen tartja a témával kapcsolatos legfrissebb hírekről vagy a helyi időjárás-előrejelzésről, és ezt néhány gyors kattintással megteheti. Csak annyit kell tennie, hogy illessze be annak a híroldalnak vagy előrejelzésnek az URL-címét, amelyet be szeretne ágyazni erre az oldalra, és másolja be a kódot, amelyet a My Sticky Elements egyéni rövidkód-csatorna beállításaiban kap. Bennfentes tipp: a levegőminőségi információkat tartalmazó, valós idejű interaktív időjárás-előrejelzési térképet ezen a weboldalon tekintheti meg, és így nézhet ki a végeredmény:

Beágyazott időjárás-előrejelzés a My Sticky Elements-ben
Példa arra, hogy hogyan nézhet ki egy beágyazott időjárás-előrejelzési térkép a My Sticky Elements widgetben

#6. Naptár beágyazása

Megoszthatja Google-naptárát, hogy megjelenítse ütemtervét vagy eseményét, vagy beágyazhat egy interaktív naptárat, amely lehetővé teszi webhelyének látogatói számára, hogy időpontot foglaljanak egy rövid találkozóra Önnel harmadik féltől származó termékek, például a Calendly vagy a ME Calendar használatával. Ebben a bejegyzésben azonban bemutatjuk, hogyan ágyazhatunk be egy Google-naptárt. Meg kell nyitnia a Google naptárát a számítógépen (nem tudja letölteni a beágyazási kódot a Google Naptár alkalmazásból), kattintson a "beállítások” az oldal jobb felső sarkában válassza ki a beágyazni kívánt naptárat annak az oldalnak az oldalsávjából, amelyre átirányít, kattintson a „Naptár integrálása", másolja ki a beágyazási kódot, és illessze be a My Sticky Elements egyéni rövidkód-csatorna beállításaiba. Fontos megjegyezni, hogy a beágyazott naptárat csak azok láthatják, akikkel megosztotta Google-naptárát, ezért ha azt szeretné, hogy minden látogató hozzáférhessen, nyilvánossá kell tennie. Ha azt szeretné, hogy a webhely látogatói elmentsenek egy naptári eseményt, létre kell hoznia vagy szerkesztenie kell egy eseményt egy nyilvános naptárban, és másolja ki a „Rendezvény közzététele” ablak. A végeredmény valahogy így nézhet ki:

Beágyazott Google-naptár a My Sticky Elements-ben
Példa arra, hogy hogyan nézhet ki egy beágyazott naptár a My Sticky Elements widgetben

#7. Google Térkép-hely beágyazása

Ez alternatíva lehet a tartózkodási hely írásban történő feltüntetése, vagy megoldás azok számára, akiknek nincs helyük egy teljes térképelemhez a webhelyükön. A Google Maps hely beágyazásához mindössze annyit kell tennie, hogy beírja a címet, amelyet be szeretne ágyazni a Google Térképbe, majd kattintson a "Megosztás” gombot, válassza a ”Térkép beágyazása” (akár a beágyazott térkép méretét is kiválaszthatja), és másolja be a kódot a My Sticky Elements egyéni rövidkód-csatorna beállításaiba. A végeredmény valahogy így fog kinézni:

Beágyazott Google Térkép-helyszín a My Sticky Elements alkalmazásban
Példa arra, hogyan nézhet ki egy beágyazott Google Térkép-hely a My Sticky Elements modulban

#8. Kép vagy QR-kód beágyazása

Különféle okok miatt érdemes egyéni képet vagy QR-kódot beágyazni a widgetbe, például azért, hogy a beolvasás során további információkat adjon egy termékről vagy szolgáltatásról. Először meg kell győződnie arról, hogy a beágyazni kívánt kép vagy QR-kód fel van töltve a WordPress Media könyvtárába. Ezután egyszerűen kattintson a képre a megnyitáshoz, és másolja azt Fájl URL-je. Ezzel a hivatkozással módosíthatja az elemet egyéni szélességgel és magassággal, ügyelve arra, hogy az URL-címet illessze be a bemutató URL helyére. Ezután másolja és illessze be a My Sticky Elements egyéni rövidkód-csatorna beállításaiban generált iFrame kódot. A végeredmény valahogy így fog kinézni:

Beágyazott kép vagy QR-kód a My Sticky Elements alkalmazásban
Példa arra, hogyan nézhet ki egy beágyazott kép a My Sticky Elements widgetben

#9. Poptin űrlap beágyazása

A webhelyén található klasszikus statikus feliratkozási űrlapok alternatívája egy „ragadós”, kibontható űrlap, amely a My Sticky Elements all-in-one widgetbe van ágyazva. A beállítás egyszerű módja a Poptin, egy gyönyörű forma- és előugró ablak készítő termék, amelyet ingyenesen letölthet a WordPress tárhelyéről. Fontos azonban szem előtt tartani, hogy csak a forma, és nem egy felugró ablak. Miután létrehozta a Poptin űrlaptervét, egyedi megjelenést fog látni telepítési kód amellyel beágyazhatja az űrlapot a My Sticky Elements egyéni rövidkód-csatorna beállításaiba. A Poptin-űrlap webhelyébe való beágyazásával kapcsolatos teljes útmutatásért kattintson ide. Egyszerűen másolja be a Poptin űrlap telepítési kódját a My Sticky Elements beállításaiba, és már mehet is – a beágyazott űrlap így fog kinézni:

Beágyazott Poptin feliratkozási űrlap a My Sticky Elements-ben
Példa arra, hogyan nézhet ki egy beágyazott űrlap a Saját ragadós elemek widgetben

#10. Keresősáv beágyazása

Ha minimalisztikusabb és egyszerűbb megjelenést keres a fejléc vagy lábléc területén, fontolja meg néhány egyébként fontos elem – például egy keresősáv – elhelyezését a My Sticky Elements oldalsáv widgetjében. Kövesse az ebben a cikkben található lépéseket, hogy keresősáv-rövid kódot generáljon webhelyéhez. Ha a keresősáv rövid kódja készen áll, a keresősáv beágyazásához egyszerűen adja hozzá ezt a kódrészletet (a linkelt cikkben szereplő keresősáv nevének megfelelően) a Saját ragadós elemek egyéni rövidkód-csatorna beállításaihoz:[wpbsearch]és a végeredmény valahogy így fog kinézni:

Beágyazott keresősáv a My Sticky Elementsben
Példa arra, hogy hogyan nézhet ki egy beágyazott keresősáv a My Sticky Elements widgetben

#11. Nyelvváltó beágyazása

A beágyazott keresősáv használatához hasonlóan webhelye szebb megjelenése érdekében felmerülhet a kérdés, hogy hol helyezheti el webhelyén a nyelvváltót. Remek alternatíva az, ha beágyazná a kapcsolót a My Sticky Elements widgetbe. A folyamat nagyon egyszerű – a használt többnyelvű beépülő modultól függően le kell kérnie a váltó rövid kódját, és be kell illesztenie a My Sticky Elements egyéni rövidkód-csatorna beállításaiba. Az eredmény valahogy így fog kinézni:

Beágyazott nyelvváltó a My Sticky Elements szolgáltatásban
Példa arra, hogy hogyan nézhet ki egy beágyazott nyelvváltó a My Sticky Elements widgetben

#12. Szociális megosztási ikonok beágyazása

Alapvetően a My Sticky Elements beépülő modul arra való átirányítás közösségi média csatornára, ahelyett, hogy módot kínálna rá részvény tartalmat a közösségi média csatornákon keresztül. Ennek azonban van megoldása harmadik fél használatával ingyenes az úgynevezett termék AddToAny. Mindössze annyit kell tennie, hogy beilleszti az itt található kódot a My Sticky Elements egyéni rövidkód-csatornába. Ezután adja hozzá az alábbi CSS-kódot a WordPress irányítópultjához > Megjelenés > Testreszabás > CSS (vagy további CSS):

.a2a_kit{
width: auto !important;
}

A végeredmény egy klasszikus közösségi megosztás stílusú gombokat kínál, de ha szeretnéd feldobni a megjelenésed, itt vess egy pillantást a többi AddToAny opcióra.

Beágyazott közösségi megosztás gombelrendezés a My Sticky Elements widgetben
Példa arra, hogy hogyan nézhet ki egy beágyazott közösségi megosztás gomb elrendezése a My Sticky Elements widgetben

#13. .pdf dokumentum beágyazása

Beágyazhat egy .pdf dokumentumot a My Sticky Elements widgetbe, hogy webhelye látogatói ne maradjanak le egy fontos dokumentumról vagy információról, például a szerződési feltételekről. Dokumentum beágyazásához használja az alábbi kódrészletet, ügyelve arra, hogy módosítsa a a linked.pdf például a .pdf dokumentum tényleges URL-jével.

A végeredmény így nézhet ki:

Beágyazott pdf dokumentum a My Sticky Elements-ben
Példa arra, hogy hogyan nézhet ki egy beágyazott .pdf dokumentum a Saját ragadós elemek widgetben

És ez az. Reméljük, hogy ezt a blogbejegyzést informatívnak és hasznosnak találtad, és ha legközelebb WordPress-projekten dolgozol, ügyelj arra, hogy figyelembe vegyen néhány példát a szokatlan végeredmény érdekében, amelyet ügyfelei imádni fognak!

Kapcsolódó cikkek

0 Hozzászólások
Inline visszajelzések
Az összes hozzászólás megtekintése
Vissza a lap tetejére gombra