Hoe om by te voeg Twitter Voer aan Shopify Webwerf

As jy inteken op 'n diens vanaf 'n skakel op hierdie bladsy, kan Reeves and Sons Beperk 'n kommissie verdien. Sien ons etiese verklaring.

Leer hoe om 'n by te voeg Twitter voer aan jou Shopify webwerf stel jou handelsmerk in staat om sy sosiale teenwoordigheid op bladsye soos jou tuisblad, blog en selfs produkbladsye ten toon te stel.

Die groot deel van die inbedding van 'n Twitter voer op jou webwerf is dat dit outomaties bywerk Twitter inhoud op jou webwerf, wat beteken dat jy nie plasings van jou af hoef te kopieer nie Twitter bladsy.

Daarbenewens het a Twitter voer is 'n uitstekende manier om 'n aansienlike hoeveelheid beelde op jou webwerf in te spuit; baie handelsmerke gebruik Twitter galerye of feeds om as hul tuisblad-beeldgalerye te dien.

Daar is twee maniere om 'n by te voeg Twitter voer aan jou Shopify webwerf:

  1. Met 'n app
  2. Deur kode in te sluit vir 'n Twitter widget

In hierdie gids sal ons jou deur albei metodes lei, sodat jy kan besluit watter een die beste vir jou werk. Ons beveel aan dat u elke opsie probeer, aangesien u dalk vind dat die een beter lyk of funksioneer as die ander, afhangende van u werfuitleg en werkvloei.

Hou aan lees om alles te leer oor hoe om 'n by te voeg Twitter voer aan a Shopify webwerf!

Hoe om by te voeg Twitter Voer aan Shopify Webwerf

Om te begin, sal ons ondersoek hoe om 'n Twitter voer aan Shopify met 'n toepassing. Daar is verskeie Twitter programme in die Shopify App Store, wat almal unieke funksionaliteit bied. Sommige gee jou sosiale media-knoppies, Twitter volgelingetellings, of selfs outomatiese plasing. Wat ons egter soek, is 'n toepassing om jou stroom te sinkroniseer Twitter voer, wat 'n sekere aantal van die mees onlangse plasings vanaf jou rekening (of 'n ander publieke rekening) vertoon.

Metode 1: Voeg by Twitter Voer aan Shopify met 'n App

Daar is sommige gratis, en sommige betaal, Twitter voerprogramme beskikbaar vir aflaai deur die Shopify App Store. In hierdie handleiding sal ons die Zestard gebruik Twitter Voer-app, aangesien dit die vereiste funksionaliteit bied, en dit is gratis. As jy op 'n ander toepassing besluit, stel ons voor dat u eers al die gratis toepassings probeer, aangesien dit nie juis 'n kenmerk is waarvoor u moet betaal nie.

Om te begin, installeer die Zestard Twitter Voer app op jou Shopify winkel. As jy nog begin met Shopify, leer hoe om jou winkel hier te skep. Jy kan programme vind deur by jou aan te meld Shopify rekening, en gaan na Voeg toepassings by, of navigeer direk na die App Store.

Klik Voeg program by in die Shopify App Store, dan Installeer toep sodra dit jou terugbring na die paneelbordskerm met informatioon oor toestemmings en privaatheid.

die installering van die toepassing - hoe om by te voeg Twitter voer aan Shopify webwerf

Sodra dit geรฏnstalleer is, sal jy 'n nuwe oortjie sien vir Twitter Voer onder die Apps blad in Shopify. Daar is ook 'n afdeling oor Hoe om te gebruik die toepassing, wat u kan volg om dit behoorlik op te stel.

Sommige konfigurasie word vereis voordat u enige bekyk Twitter voed op die voorkant. Gaan na Tydlyninstellings om te begin.

na die Twitter Voer app

Hierdie bladsy verskaf verskeie velde om die algehele voorkoms en inhoud van die voer aan te pas.

Die belangrikste veld om te vul is die Voer naam; tik of plak die in Twitter handvatsel waaruit jy wil trek. Dit is moontlik om die voer van enige publiek te vertoon Twitter profiel.

Ander instellings sluit in:

  • Breedte van voerboks
  • Voerbokshoogte
  • Voertema (lig of donker)
  • Voerlimiet (wys net 'n sekere aantal onlangse twiets)
  • Dataskakelkleur
  • Voer agtergrondkleur

Sodra jy klaar aangepas is, maak seker dat jy op die Stoor Veranderinge knoppie om 'n voorskou weer te gee.

plasing in die voernaam

Nadat jy geklik het Stoor Veranderinge, genereer die toepassing 'n voorskou van die Twitter voer. Blaai gerus deur die stroom en gaan terug om instellings aan te pas op grond van wat jy wil bereik.

'n voorskou van die Twitter voer in Shopify

Reg bokant die voorskou sal jy sien dat die toepassing ook 'n kortkode vir die voer gegenereer het. Dit is 'n unieke stukkie kode vir jou om enige plek op jou te plak Shopify webwerf. Klik om Kopieer die kode na jou knipbord.

die kortkode

Die Twitter Voer-app onthul 'n opspringer sodat u die kode maklik kan kopieer. Al wat jy hoef te doen is om die sleutelbordkortkode CTRL + C (Command + C vir Mac) te gebruik om die kortkode na jou rekenaar se knipbord te kopieer.

kopieer die kortkode vir hoe om by te voeg Twitter voer aan Shopify webwerf

Jy wil dalk die plaas Twitter voed op 'n Shopify webblad, soos op jou Oor Ons-, Kontak- of Ondersteuningsbladsye. Om dit te doen, gaan na Aanlynwinkel > Bladsye in Shopify. Maak die nuwe bladsy oop waarvoor jy die stroom wil byvoeg. Klik op die <> (Wys HTML) knoppie om van die visuele redigeerder na die HTML-kode-redigeerder oor te skakel.

die HTML-redigeerder te kies

Plak die voorheen gekopieerde kortkode in die HTML-redigeerder. As daar ander inhoud op die bladsy is, kies eenvoudig waarheen jy wil hรช die stroom moet gaan, en voeg die kode daar in. Maak seker dat jy die bladsy stoor.

kode in plak Shopify bladsy

Navigeer na die voorkant van daardie bladsy deur voorbeskou of na sy webadres te gaan. Jy sal nou die Twitter voer vertoon presies waar jy die kortkode ingevoeg het.

die resultate op die voorkant

Baie aanlynwinkeleienaars sal eerder leer hoe om by te voeg Twitter voer aan a Shopify tuisblad. In daardie geval, Shopify bied 'n visuele pasmaakster vir die tuisblad, wat dit selfs makliker maak om die in te voeg Twitter voer kortkode.

Daarvoor, gaan na Aanlynwinkel > Temas > Pasmaak.

Vind dan die area waarin jy die Twitter voer. Klik op die Voeg afdeling by knoppie in hierdie area. Soek vir die Pasgemaakte vloeistof tema-afdeling en voeg dit in Shopify.

'n afdeling by te voeg

Die Pasgemaakte vloeistof tema-afdeling bied verskeie instellings aan die linkerkant. Die belangrikste daarvan is die Pasgemaakte vloeistof veld. Plak die kortkode wat voorheen gekopieer is vanaf die Twitter Voed app.

Nadat jy geklik het Stoor, jy sal die Twitter voer gelewer in die Shopify tuisbladvoorskou aan die regterkant.

Jy kan selfs die afdeling 'n bietjie aanpas met opsies vir:

  • Kleurskema
  • Afdeling Vulling
  • Pasgemaakte CSS
hoe om by te voeg Twitter voer aan Shopify webwerf met behulp van die persoonlike vloeistof afdeling

Die laaste manier om 'n kortkode in te voeg vanaf die Twitter Feeds-app is deur dit by die werklike tema-bronkode te voeg. Dit word oor die algemeen slegs aanbeveel as jy die Twitter voer om wรชreldwyd in sekere afdelings of bladsye te verskyn.

Om dit te doen, gaan na Aanlynwinkel > Temas in Shopify. Klik op die Ellipsis (โ€ฆ) knoppie om meer opsies te openbaar. Klik op Wysig kode in die keuselys.

redigering kode

Kies die theme.liquid lรชer en plak die kode waar jy wil binne die temakodering. As alternatief kan jy kies om te wysig Templates or Artikels vir meer beheer oor waar die Twitter voer verskyn.

hoe om by te voeg Twitter voer aan Shopify webwerf deur die temalรชers

Ander instellings wat jy kan vind in die Twitter Voer app sluit in:

  • Opsies om 'n enkele Tweet (of Retweet) in te bed
  • 'n Gereedskap om 'n Twitter deelknoppie
  • Opsies om hutsmerk-feeds te wys

Metode 2: Voeg by Twitter Voer aan Shopify met 'n Embedded Twitter widget

Twitter bied 'n manier om enige publieke tydlyn op jou webwerf te publiseer. Dit beteken dat jy die vermoรซ het om jou handelsmerk se voer, of die plasings van 'n ander rekening te wys.

Om te begin, gaan na Publiseer.Twitter. Met.

Plak of tik die URL van die Twitter profiel wat jy as 'n stroom op jou wil wys Shopify winkel. Klik op die pyltjie-knoppie om voort te gaan.

plak in 'n Twitter URL

Hier het u twee opsies:

  1. Ingebedde tydlyn
  2. Twitter Knoppies

Die Twitter Knoppies is nuttig om 'n Volg of Noem-knoppie iewers op jou webwerf by te voeg. Maar vir hierdie artikel is ons meer gefokus daarop om 'n Twitter voer om te verskyn. Dus, kies die Ingebedde tydlyn opsie.

die keuse van 'n ingebedde tydlyn op Twitter

Twitter genereer outomaties die Twitter voer widget kode. Ons stel egter voor dat u op die klik Stel aanpassingsopsies Skakel na format die voer volledig voordat dit op jou webwerf gepubliseer word.

stel aanpassingsopsies in

Dit openbaar verskeie instellings om die voorkoms van jou stroomlegstuk te verander:

  • Hoogte
  • Breedte
  • Kyk (donker of lig)
  • Taal (Jy kan gewoonlik net met outomaties gaan)

Klik op die Dateer knoppie om jou wysigings in die voorskou hieronder te sien. Soos jy kan sien, ons eenvoudige verandering van Lig om Donker reeds in die voorskou gelewer.

pasmaak van die Twitter widget

Sodra jy tevrede is met die manier waarop jy Twitter voer lyk, klik op die Kopieer Kode knoppie om die legstukkode na jou rekenaar se knipbord te kopieer.

kopieer die Twitter kode

Nou is dit tyd om te leer hoe om die by te voeg Twitter voer aan jou Shopify webwerf. Die maklikste opsie is om die voer op jou Shopify tuisblad, via 'n Shopify afdeling.

Gaan na Aanlynwinkel > Temas > Pasmaak om die Shopify visuele pasmaakster. Vind die area van die tuisblad wat jy wil invoeg Twitter voer. Klik op een van die Voeg afdeling by knoppies om te openbaar Shopifyse versameling afdelings. Blaai deur die lys of soek die Pasgemaakte vloeistof afdeling. Klik om dit by die bladsy te voeg.

'n afdeling by te voeg

Gebruik die Pasgemaakte vloeistof veld om die voorheen gekopieerde kode te plak (van die Twitter webwerf). Voel vry om ander afdeling instellings aan te pas soos die Kleurskema, Afdeling Vulling, of Pasgemaakte CSS.

Jy sal opmerk dat, aanvanklik, al wat gewys word, is 'n skakel na die tweets van jou Twitter rekening.

plak die kode in

Jy hoef eenvoudig op die te klik Stoor knoppie vir Shopify om die te lewer Twitter voer in die pasmaakvoorskou.

hoe om by te voeg Twitter voer aan Shopify webwerf in die pasmaakster

'n Bykomende manier om 'n by te voeg Twitter voer via inbedkode is deur dit in 'n spesifieke bladsy in te plaas Shopify. Gaan na Aanlynwinkel > Bladsye om dit te bereik. Maak die bladsy oop waarin jy wil wysig.

Sodra in die bladsyredigeerder, klik op die Wys HTML (<>) knoppie. Dit skakel van die visuele redigeerder na die pasgemaakte HTML-redigeerder, wat nodig is om kode by te voeg.

gaan na 'n bladsy

Plak die kode in waarvan jy oorspronklik gekopieer het Twitter. Klik op die Stoor or Publiseer knoppie vir die veranderinge om in werking te tree.

plak kode in 'n bladsy

Beskou รณf die bladsy รณf gaan na sy voorkantaansig. Hier sal jy die Twitter voer vertoon saam met enige ander inhoud wat jy dalk op daardie bladsy gehad het.

twitter voed op die voorkant

Die laaste manier om 'n in te sluit Twitter widget met kode is deur gebruik te maak van die Shopify tema lรชers. Gaan na Aanlynwinkel > Temas om te begin. Kies die Ellipsis (โ€ฆ) knoppie, kies dan Wysig kode.

wysig kode in Shopify

Die theme.liquid lรชer gee jou volledige beheer oor die tema waarop jy tans geรฏnstalleer het Shopify. Plak die Twitter voerkode waar jy ook al wil hรช die voer moet in die tema verskyn. Anderwise, is dit moontlik om te gebruik Sjabloon en Artikel lรชers ingeval jy eerder die Twitter voer verskyn slegs in sekere dele van jou webwerf, soos in die sybalk.

hoe om by te voeg Twitter voer aan Shopify webwerf deur die temalรชers te gebruik

Dit is hoe om 'n by te voeg Twitter Voer na 'n Shopify Webwerf!

Jy het dalk opgemerk dat die gebruik van a Shopify artikels skep steeds 'n kortkode vir jou om op enige plek op jou webwerf te plaas. Dit kan jou laat vra, "wat is die punt daarvan om 'n toepassing te gebruik?" Daar is drie redes:

  1. As u 'n toepassing gebruik, beteken dit dat al u werk in een kontroleskerm vervat is: Shopify.
  2. Daar is baie meer aanpassingsinstellings beskikbaar in Twitter Voer programme in vergelyking met wat aangebied word deur die Twitter insluitbare legstuk.
  3. 'n Kortkode is ten minste 'n bietjie minder intimiderend as die kode wat deur verskaf word Twitter.

En dit is al wat daar is! Ons hoop ons volledige gids oor hoe om by te voeg Twitter voer aan Shopify het jou gehelp om uit te vind of a plugin of kode-legstuk is reg vir jou e-handelswinkel. Ons moedig jou aan om na ander programme te kyk om alternatiewe sosiale media-feeds in te sluit, soos 'n Instagram-stroom, of selfs om iets soos sosiale bewys of TikTok-video's te wys. Laat weet ons in die kommentaar as jy enige vrae het!

Joe Warnimont

Joe Warnimont is 'n in Chicago gevestigde skrywer wat fokus op e-handelsinstrumente, WordPress en sosiale media. As hy nie visvang of joga beoefen nie, versamel hy seรซls op nasionale parke (alhoewel dit veral vir kinders is). Kyk na Joe se portefeulje om hom te kontak en vorige werk te sien.

Kommentaar Kommentaar

Lewer Kommentaar

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk *

Gradering *

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.

Probeer Shopify vir 3 maande met $1/maand!