单击“保存更改”后,应用会生成 Twitter 消息的预览。您可以随意滚动浏览消息,然后返回以根据想要实现的目标调整设置。
在预览上方,您会看到该应用还为 feed 生成了一个短代码。这是一段独特的代码,您可以将其粘贴到 Shopify 网站的任何位置。单击即可将代码复制到剪贴板。
Twitter Feed 应用程序会弹出一个窗口,。您只需使用键盘快捷键 将快捷键复制到计算机的剪贴板即可。
您可能希望将 Twitter 信息流放在 Shopify 网页上,例如 “关于我们”、“联系方式”或“支持”页面。为此,请转到Shopify 中的“在线商店”>“页面”。打开您要添加信息流的新页面。单击<>(显示 HTML)按钮从可视化编辑器切换到 HTML 代码编辑器。
将之前复制的短代码粘贴到 HTML 编辑器中。如果页面上还有其他内容,只需选择 WhatsApp 数据 要将提要发送到的位置,然后在那里插入代码即可。请务必保存页面。
通过预览或访问其网址导航到该页面的前端。现在您将看到 Twitter 信息流显示在您插入短代码的确切位置。
许多在线商店所有者更愿意学习如何将 Twitter 信息添加到 Shopify 主页。在这种情况下,Shopify 为主页提供了一个可视化定制器,使插入 Twitter 信息短代码变得更加容易。
为此,请转到在线商店>主题>自定义。
接下来,找到您想要放置 Twitter 信息的区域。单击此区域中的“添加部分”按钮。搜索自定义 Liquid主题部分并将其插入 Shopify。
自定义 Liquid主题部分在左侧提供了几个设置。其中最重要的是自定义 Liquid字段。粘贴之前从 Twitter Feeds 应用程序复制的短代码。
单击“保存”后,您将在右侧的 Shopify 主页预览中看到呈现的 Twitter 信息。
您甚至可以使用以下选项稍微自定义该部分:
配色方案
节填充
自定义 CSS
从 Twitter Feeds 应用程序插入短代码的最后一种方法是将其添加到实际主题源代码中。通常,仅当您希望 Twitter 提要全局显示在某些部分或页面中时才建议这样做。
为此,请转到Shopify 中的在线商店 > 主题。单击省略号 (…)按钮以显示更多选项。从下拉菜单中单击编辑代码。
选择theme.liquid文件并将代码粘贴到主题编码中的任何位置。或者,您可以选择修改模板或部分,以更好地控制 Twitter 提要的显示位置。
您可以在 Twitter Feed 应用中找到的其他设置包括:
嵌入单条推文(或转推)的选项
生成 Twitter 分享按钮的工具
显示主题标签提要的选项
方法 2:使用嵌入式 Twitter 小部件将 Twitter Feed 添加到 Shopify
Twitter 提供了一种将任何公共时间线发布到您的网站的方法。这意味着您可以展示您品牌的动态,或来自其他帐户的帖子。
要开始,请访问Publish.Twitter.com。
粘贴或输入您想要在 Shopify 商店中显示为信息流的 Twitter 个人资料的 URL。单击箭头按钮继续。 |