将购物车添加到 Adobe Muse 网站

注意:

Adobe Muse 不再添加新增功能,并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助,请参阅 Adobe Muse 服务结束常见问题解答

Adobe Muse 允许您通过 Shopify Cart 构件出售商品。Shopify 是一个电子商务解决方案,借助它可以设置在线商店来出售您的商品。使用 Shopify,只需单击几下鼠标,即可排列您的产品、自定义您的店面、接受信用卡付款、跟踪和响应订单。

Adobe Muse 要求您先在 Shopify 上开设帐户后再配置 Shopify 构件。设置好后,可以使用 Shopify 帐户在网站上配置商店并很快出售商品。

下载 Shopify 构件

  1. 单击获取此构件按钮。

    此时,Shopify 构件会下载到默认的“下载”文件夹。根据用于下载该构件的浏览器和计算机上的操作系统,“下载”文件夹的配置方式各不相同。

添加并配置购物车

要添加并配置 Shopify 按钮,请执行以下操作:

注意:

开始在 Adobe Muse 中配置 Shopify 构件之前,请确保在您的 Shopify 帐户中设置您的商店并陈列产品。

  1. 在 Adobe Muse 中,选择窗口 > 以打开“库”面板。如果尚未导入 Shopify 构件,请单击 按钮,然后导入 Shopify 构件。

    有关下载 Shopify 构件的信息,请参阅下载 Shopify 构件

  2. 在“库”面板中,选择 Adobe 构件 > Shopify 构件,然后将该构件拖动到网页画布上。

  3. 选择 Shopify 构件,然后单击 按钮以打开“选项”面板。

  4. 在“选项”面板中,输入以下内容:

    商店名称

    输入商店的名称。例如,如果商店的 URL 是 musewidgeits.shopify.com,请输入 musewidgets

    项目标题

    为项目提供一个标题,可以是产品名称。

    按钮类型

    指定是否只想显示“购买”按钮。

    按钮文本

    默认情况下是“立即购买”,但可以根据设计需求重新命名。

    按钮颜色

    使用颜色选择器设置按钮的颜色。

    大小

    可以将按钮设置为以紧凑 (230px) 或常规 (450px) 大小显示。

    将用户导向至

    指定当网站访客单击 Shopify 按钮时要将其重定向至哪里。

  5. 在“选项”面板外单击以完成操作。在 Adobe Muse 中使用预览模式来预览网页或网站,或者选择文件 > 在浏览器中预览页面选项。

添加并配置 Shopify 按钮

要添加并配置 Shopify 构件,请执行以下操作:

注意:

开始在 Adobe Muse 中配置 Shopify 构件之前,请确保在您的 Shopify 帐户中设置您的商店并陈列产品。

  1. 在 Adobe Muse 中,选择窗口 > 以打开“库”面板。如果尚未导入 Shopify 构件,请单击 按钮,然后导入 Shopify 构件。

    有关下载 Shopify 构件的信息,请参阅下载 Shopify 构件

  2. 在“库”面板中,选择 Adobe 构件 > Shopify 按钮,然后将 Shopify 按钮拖动到网页画布上。

  3. 选择 Shopify 按钮,然后单击 按钮以打开“选项”面板。

  4. 在“选项”面板中,输入以下内容:

    Shopify 名称

    输入 Shopify 商店的名称。例如,如果商店的 URL 是 musewidgeits.shopify.com,请输入 musewidgets

    Shopify 集合 ID

    提供 Shopify 集合的 ID。

  5. 在“选项”面板外单击以完成操作。在 Adobe Muse 中使用预览模式来预览网页或网站,或者选择文件 > 在浏览器中预览页面选项。

Adobe 徽标

登录到您的帐户