Naučte se, jak přidat a Twitter krmit do svého Shopify webové stránky umožňují vaší značce předvést svou sociální přítomnost na stránkách, jako je vaše domovská stránka, blog a dokonce i stránky produktů.
Velká část o vkládání a Twitter feed na vašem webu je, že se automaticky aktualizuje Twitter obsahu na vašem webu, což znamená, že nemusíte kopírovat příspěvky z vašeho webu Twitter stránky.
Navíc, a Twitter feed je skvělý způsob, jak na váš web vložit značné množství snímků; používá mnoho značek Twitter galerie nebo zdroje, které budou sloužit jako galerie obrázků na domovské stránce.
Existují dva způsoby, jak přidat a Twitter krmit do svého Shopify web:
- S aplikací
- Vložením kódu pro a Twitter Widget
V této příručce vás provedeme oběma metodami a umožníme vám rozhodnout se, která z nich je pro vás nejlepší. Doporučujeme vyzkoušet každou možnost, protože možná zjistíte, že jedna vypadá nebo funguje lépe než druhá, v závislosti na rozložení a pracovním postupu vašeho webu.
Pokračujte ve čtení a dozvíte se vše o tom, jak přidat a Twitter krmit a Shopify webová stránka!
Jak přidat Twitter Nakrmit Shopify webová stránka
Nejprve prozkoumáme, jak přidat a Twitter krmit se Shopify s aplikací. Je jich několik Twitter aplikace v aplikaci Google Shopify App Store, z nichž všechny poskytují jedinečné funkce. Někteří vám dávají tlačítka sociálních sítí, Twitter počet sledujících nebo dokonce automatické zveřejňování. To, co však hledáme, je aplikace pro synchronizaci vašeho aktuálního Twitter zdroj, zobrazující určitý počet nejnovějších příspěvků z vašeho účtu (nebo jiného veřejného účtu).
Metoda 1: Přidat Twitter Nakrmit Shopify s aplikací
Některé jsou zdarma a některé placené, Twitter aplikace feed dostupné ke stažení prostřednictvím Shopify Obchod s aplikacemi. V tomto tutoriálu použijeme Zestard Twitter Aplikace Feed, protože poskytuje požadované funkce a je zdarma. Pokud se rozhodnete pro jinou aplikaci, doporučujeme nejprve vyzkoušet všechny bezplatné aplikace, protože to není přesně funkce, za kterou byste měli platit.
Chcete-li začít, nainstalujte Zestard Twitter Aplikace krmiva na tvé Shopify obchod. Pokud stále začínáte Shopify, Učit se jak zde vytvořit svůj obchod. Aplikace najdete po přihlášení do svého Shopify účet a jít do Přidat aplikacenebo přejděte přímo do App Store.
klikněte Přidat aplikaci v Shopify Tedy App Store Nainstalovat aplikaci jakmile vás vrátí na obrazovku řídicího panelu s informacemi o oprávněních a soukromí.
Po instalaci se zobrazí nová karta pro Twitter Krmení pod aplikace záložka Shopify. Je tam také sekce o Jak používat aplikaci, podle které ji můžete správně nastavit.
Před zobrazením jakékoli je vyžadována určitá konfigurace Twitter krmí na frontendu. Jít do Nastavení časové osy začít.
Tato stránka nabízí několik polí pro přizpůsobení celkového vzhledu a obsahu zdroje.
Nejdůležitější pole, které je třeba vyplnit, je Název zdroje; zadejte nebo vložte do Twitter rukojeť, ze které chcete vytáhnout. Je možné zobrazit zdroj od jakékoli veřejnosti Twitter profil.
Mezi další nastavení patří:
- Šířka podavače
- Výška přihrádky na krmivo
- Motiv zdroje (světlý nebo tmavý)
- Feed Limit (zobrazuje se pouze určitý počet posledních tweetů)
- Barva datového spoje
- Barva pozadí zdroje
Až budete s přizpůsobením hotovi, nezapomeňte kliknout na Uložit změny tlačítko pro vykreslení náhledu.
po kliknutí Uložit změny, aplikace vygeneruje náhled Twitter krmit. Neváhejte a procházejte kanál a vraťte se a upravte nastavení podle toho, čeho byste chtěli dosáhnout.
Přímo nad náhledem uvidíte, že aplikace také vygenerovala krátký kód pro zdroj. Jedná se o jedinečný kousek kódu, který můžete vložit kamkoli do sebe Shopify webová stránka. Klikněte na Zkopírujte kód do vaší schránky.
Jedno Twitter Aplikace Feed zobrazí vyskakovací okno, abyste mohli kód snadno zkopírovat. Jediné, co musíte udělat, je použít zkratku CTRL + C (Command + C pro Mac) a zkopírovat zkratku do schránky vašeho počítače.
Možná budete chtít umístit Twitter živit se a Shopify webové stránky, například na stránkách O nás, Kontakt nebo Podpora. Chcete-li tak učinit, přejděte na Internetový obchod > Stránky in Shopify. Otevřete novou stránku, pro kterou chcete přidat zdroj. Klikněte na <> (Zobrazit HTML) pro přepnutí z vizuálního editoru do editoru kódu HTML.
Vložte dříve zkopírovaný krátký kód do editoru HTML. Pokud je na stránce další obsah, jednoduše vyberte, kam chcete zdroj umístit, a vložte tam kód. Nezapomeňte si stránku uložit.
Přejděte na frontend této stránky zobrazením náhledu nebo přechodem na její webovou adresu. Nyní uvidíte Twitter zdroj se zobrazí přesně tam, kde jste vložili krátký kód.
Mnoho majitelů internetových obchodů by se raději naučilo přidávat Twitter krmit a Shopify domovská stránka. V tom případě, Shopify poskytuje vizuální přizpůsobení pro domovskou stránku, což ještě usnadňuje vkládání Twitter krátký kód zdroje.
Za tímto účelem přejděte na Online obchod > Motivy > Přizpůsobit.
Dále najděte oblast, do které chcete umístit Twitter krmit. Klikněte na Přidat sekci tlačítko v této oblasti. Hledejte Vlastní kapalina tématické sekce a vložte ji do Shopify.
Jedno Vlastní kapalina sekce téma obsahuje na levé straně několik nastavení. Nejdůležitější z nich je Vlastní kapalina pole. Vložte krátký kód dříve zkopírovaný z Twitter Aplikace Feeds.
po kliknutí Uložit, uvidíte Twitter krmivo poskytnuté v Shopify náhled domovské stránky vpravo.
Sekci můžete dokonce trochu přizpůsobit pomocí možností pro:
- Barevné schéma
- Výplň sekce
- Vlastní CSS
Poslední způsob, jak vložit krátký kód z Twitter Aplikace Feeds je přidáním do skutečného zdrojového kódu motivu. To se obecně doporučuje pouze v případě, že chcete Twitter zdroj se globálně zobrazí v určitých sekcích nebo stránkách.
Chcete-li tak učinit, přejděte na Internetový obchod > Motivy in Shopify, Klikněte na Elipsa (…) tlačítko pro zobrazení dalších možností. Klikněte na Upravit kód z rozbalovací nabídky.
Vyberte si theme.liquid soubor a vložte kód kamkoli chcete v rámci kódování motivu. Alternativně můžete zvolit úpravu Šablony or Sekce pro větší kontrolu nad tím, kde Twitter objeví se feed.
Další nastavení najdete v Twitter Aplikace Feed zahrnuje:
- Možnosti pro vložení jednoho tweetu (nebo retweetu)
- Nástroj pro generování a Twitter tlačítko sdílení
- Možnosti zobrazení zdrojů hashtag
Metoda 2: Přidat Twitter Nakrmit Shopify s vestavěným Twitter Widget
Twitter nabízí způsob, jak publikovat jakoukoli veřejnou časovou osu na vašem webu. To znamená, že máte možnost zobrazit zdroj vaší značky nebo příspěvky z jiného účtu.
Chcete-li začít, jděte Publikovat.Twitter.com.
Vložte nebo zadejte adresu URL souboru Twitter profilu, který chcete zobrazit jako zdroj na svém Shopify obchod. Pokračujte kliknutím na tlačítko se šipkou.
Zde máte dvě možnosti:
- Vložená časová osa
- Twitter Tlačítka
Jedno Twitter Tlačítka jsou užitečné pro přidání tlačítka Sledovat nebo Zmínit někam na váš web. Ale v tomto článku se více zaměřujeme na získání a Twitter feed se objeví. Vyberte tedy Vložená časová osa volba.
Twitter automaticky generuje Twitter kód widgetu zdroje. Doporučujeme však kliknout na Nastavte možnosti přizpůsobení odkaz pro plné formátování zdroje před publikováním na váš web.
Zobrazí se několik nastavení pro změnu vzhledu widgetu zdroje:
- Výška
- Šířka
- Podívejte se (tmavé nebo světlé)
- Jazyk (Většinou stačí použít automatické)
Klepněte na tlačítko Tlačítko Aktualizovat abyste viděli své úpravy v náhledu níže. Jak můžete vidět, naše jednoduchá změna z Světlo na tmavý již vykreslený v náhledu.
Jakmile budete spokojeni se svým způsobem Twitter zdroj vypadá, klikněte na Kopírovat kód tlačítko pro zkopírování kódu widgetu do schránky vašeho počítače.
Nyní je čas naučit se přidat Twitter krmit do svého Shopify webová stránka. Nejjednodušší možností je umístit krmivo na váš Shopify domovskou stránku, prostřednictvím a Shopify sekce.
Jít do Online obchod > Motivy > Přizpůsobit k otevření Shopify vizuální přizpůsobení. Najděte oblast domovské stránky, kterou chcete vložit Twitter krmit. Klepněte na jeden z Přidat sekci tlačítka k odhalení Shopifysbírka sekcí. Procházejte seznam nebo vyhledejte Vlastní kapalina sekce. Kliknutím to přidáte na stránku.
Použití Vlastní kapalina pole pro vložení dříve zkopírovaného kódu (z Twitter webová stránka). Neváhejte upravit další nastavení sekce, např Barevné schéma, Výplň sekcenebo Vlastní CSS.
Všimnete si, že zpočátku je zobrazen pouze odkaz na vaše tweety Twitter účtu.
Jednoduše musíte kliknout na Uložit tlačítko pro Shopify vykreslit Twitter zdroj v náhledu personalizátoru.
Další způsob, jak přidat a Twitter zdroj prostřednictvím vkládacího kódu je umístěním na konkrétní stránku v Shopify. Jít do Internetový obchod > Stránky abychom toho dosáhli. Otevřete stránku, kterou chcete upravit.
V editoru stránky klikněte na Zobrazit HTML (<>) knoflík. Tím se přepne z vizuálního editoru do vlastního editoru HTML, který je nutný pro přidávání kódu.
Vložte kód, ze kterého jste původně zkopírovali Twitter, Klikněte na Uložit or Publikovat aby se změny projevily.
Buď zobrazte náhled stránky, nebo přejděte na její frontendové zobrazení. Zde uvidíte Twitter zdroj zobrazený vedle jakéhokoli jiného obsahu, který jste na této stránce mohli mít.
Poslední způsob, jak vložit a Twitter widget s kódem je pomocí Shopify soubory motivů. Jít do Internetový obchod > Motivy začít. Vyber Elipsa (…) a poté vyberte Upravit kód.
Jedno theme.liquid vám dává úplnou kontrolu nad motivem, který máte aktuálně nainstalovaný Shopify. Vložte Twitter kód zdroje všude tam, kde chcete, aby se zdroj v motivu objevil. Jinak je možné využít Šablona a Sekce soubory v případě, že byste raději Twitter zdroj se zobrazí pouze v určitých částech vašeho webu, například na postranním panelu.
Takto přidat a Twitter Krmivo do a Shopify Webová stránka!
Možná jste si všimli, že pomocí a Shopify aplikace stále vytváří krátký kód, který můžete umístit kamkoli na svůj web. Možná vás to přiměje zeptat se: „Jaký má smysl používat aplikaci?“ Existují tři důvody:
- Používání aplikace znamená, že veškerá vaše práce je obsažena na jednom řídicím panelu: Shopify.
- K dispozici je mnohem více nastavení přizpůsobení Twitter Aplikace krmiva ve srovnání s tím, co nabízí Twitter vložitelný widget.
- Krátký kód je alespoň o něco méně zastrašující než kód, který poskytuje Twitter.
A to je všechno! Doufáme, že náš úplný průvodce, jak přidat Twitter krmit se Shopify vám pomohl zjistit, zda a plugin nebo kódový widget je vhodný pro váš e-shop. Doporučujeme vám, abyste se podívali do jiných aplikací pro vkládání alternativních zdrojů sociálních médií, jako je zdroj Instagramu, nebo dokonce pro zobrazování něčeho jako sociální důkaz nebo videa TikTok. Pokud máte nějaké dotazy, dejte nám vědět v komentářích!
Komentáře 0 Odpovědi