跳到內容
免費試用 7 天
繁體中文
在 Claude 中開啟 針對此頁面提問在 ChatGPT 中開啟 針對此頁面提問

使用短代碼放置信任徽章

使用短代碼,將信任徽章放在 Shopify 佈景主題中的精確位置。

如果應用程式內建的位置適合您的商店,請在信任徽章編輯器中開啟 Product page。如果您需要將信任徽章放在其他地方,例如直接放在購買按鈕下方,請複製其短代碼,並在佈景主題的該精確位置加入 Samita Trust Badge 應用程式區塊。

短代碼可在兩個地方取得:

  • 信任徽章表格:開啟 Sami Product Labels → Extra Features → Trust Badges。從您要放置的信任徽章的 Shortcode 欄複製程式碼片段。
  • 信任徽章編輯器:點擊該列的編輯動作,開啟 Placement,然後點擊 Shortcode 區段中的 Copy。

Trust badge table with the Shortcode column and copy button

直接從更新後的 Trust Badges 表格複製短代碼。

Placement tab with the Product page switch and Shortcode section

Placement 分頁也提供短代碼和 Copy 按鈕。

  1. 從表格或編輯器複製程式碼片段。程式碼片段如下所示,其中包含您信任徽章專屬的 ID:

    <div class="samitaPL-trustBadge" data-id="4477"></div>

    請勿重複使用其他列的程式碼片段。每個信任徽章都有各自的 data-id。

  2. 在 Shopify 後台中,開啟線上商店。找到您要更新的佈景主題,然後點擊編輯佈景主題。

    Online Store page with Edit theme on the selected theme

    開啟要顯示信任徽章的佈景主題。

  3. 使用佈景主題編輯器頂端的頁面選擇器,然後選擇商品 → 預設商品,或您商店使用的其他商品範本。

    在區段面板中,展開商品資訊。現有的區塊,例如標題、價格、購買按鈕和說明,會顯示信任徽章可以插入的位置。

    Shopify theme editor with Default product selected and Product information expanded

    在加入應用程式區塊之前,先開啟商品範本並展開「商品資訊」。

  4. 點擊新增區塊,選擇應用程式分頁,然後從 Sami Product Labels 中選擇 Samita Trust Badge。將新區塊拖曳到您想要的位置,例如直接放在購買按鈕下方。

    Add block dialog on the Apps tab with Samita Trust Badge from Sami Product Labels

    從應用程式清單中選擇 Samita Trust Badge,然後將它放在「商品資訊」中。

  5. 選取 Samita Trust Badge 區塊,並將完整的程式碼片段貼到其 Shortcode 欄位中。在佈景主題編輯器中點擊儲存。

    Samita Trust Badge app block with the shortcode pasted into its Shortcode field

    將完整的短代碼貼到應用程式區塊中,然後儲存佈景主題。

  6. 開啟使用已編輯範本的商品,確認信任徽章出現在預期的位置。

    如果沒有出現,請確認:

    • 信任徽章的狀態是 Active,而不是 Draft;
    • 短代碼包含已儲存信任徽章的確切 data-id;
    • 完整的 <div class="samitaPL-trustBadge" ...></div> 程式碼片段已放在 Shortcode 欄位中;
    • 該商品使用的是您編輯過的佈景主題範本;
    • Samita Trust Badge 區塊為可見狀態,且佈景主題的變更已儲存。
方式 運作方式
Product page 開啟 Placement 中的開關,即可在所有商品頁面上應用程式內建的位置顯示信任徽章。不需要編輯佈景主題。
Shortcode 將已儲存信任徽章的程式碼片段貼到 Samita Trust Badge 應用程式區塊中,即可控制其精確位置。

如果您在同一個商品範本上同時啟用兩種方式,信任徽章可能會出現兩次。請擇一使用:以商品頁面開關使用內建位置,或以短代碼應用程式區塊使用自訂位置。

這對您有幫助嗎?