Belajar cara menambah a Twitter suapan kepada anda Shopify tapak web membolehkan jenama anda mempamerkan kehadiran sosialnya pada halaman seperti halaman utama, blog dan juga halaman produk anda.
Bahagian yang hebat tentang membenamkan a Twitter suapan di tapak web anda ialah ia mengemas kini secara automatik Twitter kandungan di tapak web anda, bermakna anda tidak perlu menyalin siaran daripada anda Twitter .
Di samping itu, a Twitter suapan ialah cara terbaik untuk menyuntik sejumlah besar imejan di tapak web anda; banyak jenama guna Twitter galeri atau suapan untuk dijadikan sebagai galeri imej halaman utama mereka.
Terdapat dua cara untuk menambah a Twitter suapan kepada anda Shopify laman web:
- Dengan aplikasi
- Dengan membenamkan kod untuk a Twitter Widget
Dalam panduan ini, kami akan membimbing anda melalui kedua-dua kaedah, membolehkan anda membuat keputusan yang mana satu yang paling sesuai untuk anda. Kami mengesyorkan mencuba setiap pilihan, kerana anda mungkin mendapati bahawa satu kelihatan atau berfungsi lebih baik daripada yang lain, bergantung pada reka letak tapak dan aliran kerja anda.
Teruskan membaca untuk mengetahui semua tentang cara menambah a Twitter suapan kepada a Shopify laman web!
Cara Menambah Twitter Suap ke Shopify tapak web
Untuk memulakan, kami akan meneroka cara menambah a Twitter suapan kepada Shopify dengan aplikasi. Terdapat beberapa Twitter aplikasi dalam Shopify App Store, semuanya menyediakan fungsi unik. Ada yang memberi anda butang media sosial, Twitter pengiraan pengikut, atau siaran automatik. Walau bagaimanapun, apa yang kami cari ialah apl untuk menyegerakkan semasa anda Twitter suapan, memaparkan beberapa siaran terbaharu daripada akaun anda (atau akaun awam lain).
Kaedah 1: Tambah Twitter Suap ke Shopify dengan App
Ada yang percuma, ada yang berbayar, Twitter aplikasi suapan tersedia untuk dimuat turun melalui Shopify Stor aplikasi. Dalam tutorial ini, kami akan menggunakan Zestard Twitter Apl suapan, kerana ia menyediakan fungsi yang diperlukan, dan ia percuma. Jika anda membuat keputusan tentang apl lain, kami cadangkan mencuba semua apl percuma dahulu, kerana ini bukan ciri yang anda perlu bayar.
Untuk memulakan, pasangkan Zestard Twitter Apl suapan anda Shopify kedai. Jika anda masih bermula dengan Shopify, belajar bagaimana untuk membuat kedai anda di sini. Anda boleh mencari apl dengan log masuk ke aplikasi anda Shopify akaun, dan pergi ke Tambah Apl, Atau menavigasi terus ke App Store.
Klik Tambah App dalam Shopify App Store, kemudian Pasang App sebaik sahaja ia membawa anda kembali ke skrin papan pemuka dengan maklumat tentang kebenaran dan privasi.
Setelah dipasang, anda akan melihat tab baharu untuk Twitter Memberi makan di bawah Apps Tab dalam Shopify. Terdapat juga bahagian mengenai Bagaimana untuk Menggunakan apl, yang boleh anda ikuti untuk menyediakannya dengan betul.
Beberapa konfigurasi diperlukan sebelum melihat sebarang Twitter suapan pada bahagian hadapan. Pergi ke Tetapan Garis Masa untuk mula.
Halaman ini menyediakan beberapa medan untuk menyesuaikan penampilan keseluruhan dan kandungan suapan.
Medan yang paling penting untuk diisi ialah Nama Suapan; taip atau tampal dalam Twitter pemegang yang anda ingin tarik. Anda boleh memaparkan suapan daripada mana-mana orang awam Twitter profil.
Tetapan lain termasuk:
- Lebar Kotak Suapan
- Ketinggian Kotak Suapan
- Tema Suapan (Terang atau Gelap)
- Had Suapan (hanya memaparkan sejumlah tweet baru-baru ini)
- Warna Pautan Data
- Warna Latar Belakang Suapan
Setelah anda selesai menyesuaikan, pastikan anda mengklik pada Simpan Perubahan butang untuk memberikan pratonton.
Selepas mengklik Simpan Perubahan, apl menjana pratonton bagi Twitter suapan. Jangan ragu untuk menatal suapan dan kembali untuk melaraskan tetapan berdasarkan perkara yang anda ingin capai.
Betul-betul di atas pratonton, anda akan melihat bahawa apl itu turut menghasilkan kod pendek untuk suapan. Ini ialah kod yang unik untuk anda tampal di mana-mana sahaja pada anda Shopify laman web. Klik untuk Salinan kod ke papan keratan anda.
. Twitter Apl suapan mendedahkan pop timbul untuk anda menyalin kod dengan mudah. Apa yang anda perlu lakukan ialah menggunakan kod pendek papan kekunci CTRL + C (Command + C untuk Mac) untuk menyalin kod pendek ke papan keratan komputer anda.
Anda mungkin mahu meletakkan Twitter makan pada a Shopify halaman web, seperti pada halaman Perihal Kami, Kenalan atau Sokongan anda. Untuk berbuat demikian, pergi ke Kedai Dalam Talian > Halaman in Shopify. Buka halaman baharu yang anda ingin tambahkan suapan. Klik pada <> (Tunjukkan HTML) butang untuk bertukar daripada Editor Visual kepada Editor Kod HTML.
Tampal kod pendek yang disalin sebelum ini ke dalam editor HTML. Jika terdapat kandungan lain pada halaman, cuma pilih ke mana anda mahu suapan itu pergi dan masukkan kod di sana. Pastikan anda menyimpan halaman tersebut.
Navigasi ke bahagian hadapan halaman itu dengan melihat atau pergi ke alamat webnya. Anda kini akan melihat Twitter suapan dipaparkan tepat di mana anda memasukkan kod pendek.
Ramai pemilik kedai dalam talian lebih suka belajar cara menambah Twitter suapan kepada a Shopify laman utama. Kalau macam itu, Shopify menyediakan penyesuai visual untuk halaman utama, menjadikannya lebih mudah untuk memasukkan Twitter kod pendek suapan.
Untuk itu, pergi ke Kedai Dalam Talian > Tema > Sesuaikan.
Seterusnya, cari kawasan yang anda ingin letakkan Twitter suapan. Klik pada Tambah Bahagian butang di kawasan ini. Cari untuk Cecair Tersuai bahagian tema dan masukkan ke dalam Shopify.
. Cecair Tersuai bahagian tema membentangkan beberapa tetapan di sebelah kiri. Yang paling penting ialah Cecair Tersuai padang. Tampal dalam kod pendek yang disalin sebelum ini daripada Twitter Apl suapan.
Selepas mengklik Jimat, anda akan melihat Twitter suapan yang diberikan dalam Shopify pratonton halaman utama ke kanan.
Anda mungkin menyesuaikan sedikit bahagian dengan pilihan untuk:
- Skim Warna
- Bahagian Padding
- CSS peribadi
Cara terakhir untuk memasukkan kod pendek daripada Twitter Apl suapan adalah dengan menambahkannya pada kod sumber tema sebenar. Ini biasanya hanya disyorkan jika anda mahukan Twitter suapan untuk dipaparkan secara global dalam bahagian atau halaman tertentu.
Untuk berbuat demikian, pergi ke Kedai Dalam Talian > Tema in Shopify. Klik pada Elipsis (โฆ) butang untuk mendedahkan lebih banyak pilihan. Klik pada Edit Kod dari menu lungsur turun.
Pilih theme.liquid fail dan tampal kod di mana-mana yang anda mahu dalam pengekodan tema. Sebagai alternatif, anda boleh memilih untuk mengubah suai Templates or seksyen untuk lebih kawalan ke atas di mana Twitter suapan muncul.
Tetapan lain yang boleh anda temui dalam Twitter Apl suapan termasuk:
- Pilihan untuk membenamkan Tweet tunggal (atau Tweet Semula)
- Alat untuk menjana a Twitter butang perkongsian
- Pilihan untuk menunjukkan suapan hashtag
Kaedah 2: Tambah Twitter Suap ke Shopify dengan Embedded Twitter widget
Twitter menawarkan cara untuk menerbitkan sebarang garis masa awam ke tapak web anda. Ini bermakna anda mempunyai keupayaan untuk menunjukkan suapan jenama anda atau siaran daripada akaun lain.
Untuk bermula, pergi ke Menerbitkan.Twitter.com.
Tampal atau taipkan URL bagi Twitter profil yang anda ingin paparkan sebagai suapan pada anda Shopify kedai. Klik pada butang anak panah untuk meneruskan.
Di sini, anda mempunyai dua pilihan:
- Garis Masa Terbenam
- Twitter Butang
. Twitter Butang berguna untuk menambah butang Ikut atau Sebut di suatu tempat di tapak web anda. Tetapi untuk artikel ini, kami lebih fokus untuk mendapatkan a Twitter suapan untuk muncul. Jadi, pilih Garis Masa Terbenam pilihan.
Twitter secara automatik menjana Twitter kod widget suapan. Walau bagaimanapun, kami cadangkan mengklik pada Tetapkan Pilihan Penyesuaian pautan untuk memformat suapan sepenuhnya sebelum diterbitkan ke tapak web anda.
Ini mendedahkan beberapa tetapan untuk menukar rupa widget suapan anda:
- Tinggi
- Lebar
- Lihat (Gelap atau Terang)
- Bahasa (Anda biasanya boleh menggunakan Automatik)
Klik Butang kemas kini untuk melihat pengubahsuaian anda dalam pratonton di bawah. Seperti yang anda lihat, perubahan mudah kami daripada Cahaya kepada gelap sudah dipaparkan dalam pratonton.
Sebaik sahaja anda berpuas hati dengan cara anda Twitter suapan kelihatan, klik pada Salin Kod butang untuk menyalin kod widget ke papan keratan komputer anda.
Kini tiba masanya untuk belajar cara menambah Twitter suapan kepada anda Shopify laman web. Pilihan paling mudah ialah meletakkan suapan pada anda Shopify laman utama, melalui a Shopify bawah seksyen ini.
Pergi ke Kedai Dalam Talian > Tema > Sesuaikan untuk membuka Shopify penyesuai visual. Cari kawasan halaman utama yang anda ingin masukkan Twitter suapan. Klik salah satu daripada Tambah Bahagian butang untuk mendedahkan Shopifykoleksi bahagian. Tatal senarai atau cari Cecair Tersuai bahagian. Klik untuk menambahkannya pada halaman.
Menggunakan Cecair Tersuai medan untuk menampal kod yang disalin sebelum ini (daripada Twitter laman web). Jangan ragu untuk melaraskan tetapan bahagian lain seperti Skim Warna, Bahagian Padding, Atau CSS peribadi.
Anda akan perasan bahawa, pada mulanya, semua yang ditunjukkan ialah pautan ke Tweet anda Twitter akaun.
Anda hanya perlu klik pada Jimat butang untuk Shopify untuk membuat Twitter suapan dalam pratonton penyesuai.
Cara tambahan untuk menambah a Twitter suapan melalui kod benam adalah dengan meletakkannya ke dalam halaman tertentu Shopify. Pergi ke Kedai Dalam Talian > Halaman untuk mencapai ini. Buka halaman yang anda ingin edit.
Sekali dalam editor halaman, klik pada Tunjukkan HTML (<>) butang. Ini bertukar daripada Editor Visual kepada Editor HTML Tersuai, yang diperlukan untuk menambah kod.
Tampal dalam kod yang asalnya anda salin Twitter. Klik pada Jimat or Publish butang untuk perubahan berkuat kuasa.
Sama ada pratonton halaman atau pergi ke paparan bahagian hadapannya. Di sini, anda akan melihat Twitter suapan dipaparkan bersama mana-mana kandungan lain yang mungkin anda ada pada halaman itu.
Cara terakhir untuk membenamkan a Twitter widget dengan kod adalah dengan menggunakan Shopify fail tema. Pergi ke Kedai Dalam Talian > Tema untuk memulakan. Pilih yang Elipsis (โฆ) butang, kemudian pilih Edit Kod.
. theme.liquid fail memberi anda kawalan sepenuhnya ke atas tema yang anda pasangkan pada masa ini Shopify. Tampalkan Twitter kod suapan di mana sahaja anda mahu suapan dipaparkan dalam tema. Jika tidak, ia boleh digunakan Templat and seksyen fail sekiranya anda lebih suka Twitter suapan hanya muncul di bahagian tertentu tapak web anda, seperti dalam bar sisi.
Itulah Cara Menambah a Twitter Suap kepada a Shopify laman web!
Anda mungkin perasan bahawa menggunakan a Shopify aplikasi masih mencipta kod pendek untuk anda letakkan di mana-mana sahaja di tapak web anda. Itu mungkin membuatkan anda bertanya, "apa gunanya menggunakan apl?" Terdapat tiga sebab:
- Menggunakan apl bermakna semua kerja anda terkandung dalam satu papan pemuka: Shopify.
- Terdapat lebih banyak tetapan penyesuaian yang tersedia dalam Twitter Apl suapan jika dibandingkan dengan apa yang ditawarkan melalui Twitter widget boleh dibenamkan.
- Kod pendek sekurang-kurangnya kurang menakutkan daripada kod yang disediakan oleh Twitter.
Dan itu sahaja! Kami berharap panduan lengkap kami tentang cara menambah Twitter suapan kepada Shopify telah membantu anda mengetahui jika a plugin atau widget kod sesuai untuk kedai e-dagang anda. Kami menggalakkan anda untuk melihat ke dalam apl lain untuk membenamkan suapan media sosial alternatif, seperti suapan Instagram, atau bahkan untuk menunjukkan sesuatu seperti bukti sosial atau video TikTok. Beritahu kami dalam ulasan jika anda mempunyai sebarang pertanyaan!
Komen-komen Responses 0