建立筆記本

ShopifyQL Notebooks 應用程式可讓您查詢商店資料並建立視覺化內容。結合不同的資料視覺效果與文字區塊功能,即可在商店中建立名為「筆記本」的報告。例如,您可建立一個筆記本來瞭解商品總銷售額,並建立另一個筆記本讓您掌握哪些商品對利潤率貢獻最大。您可視需求建立多個筆記本。

安裝 ShopifyQL Notebooks 應用程式

  1. 前往 Shopify App Store 的 ShopifyQL Notebooks 頁面

  2. 按一下「新增應用程式」。

  3. 登入您要安裝 ShopifyQL Notebooks 應用程式的 Shopify 商店。

  4. 若要同意與 ShopifyQL Notebooks 應用程式共用所需資料,請點擊「安裝應用程式」。

您的商店安裝此應用程式後,您便可建立新筆記本

建立新筆記本

筆記本是您按自己的需求建立並排序的一組內容區塊。您可使用不同類型的區塊來建立筆記本:

結合資料視覺化效果 (例如圖表) 和文字是分享資料故事的最佳方法。

建立新筆記本

  1. 在 Shopify 管理介面中,點擊「設定」>「應用程式和銷售管道」。

  2. 在「應用程式和銷售管道」頁面中,點擊 ShopifyQL Notebooks

  3. 點擊「開啟應用程式」。

  4. 點擊「建立筆記本」。

  5. 根據預設,新的筆記本具有單一程式碼區塊。請執行以下任一操作:

    • 為您的程式碼區塊選擇範本
    • 自行編寫程式碼區塊
  6. 選用:將滑鼠游標停留在要新增區塊的位置,然後選取「文字區塊」或「程式碼區塊」,即可為筆記本新增其他程式碼區塊或文字區塊。

  7. 若要儲存筆記本,請依序點擊「...」按鈕和「名稱」。

  8. 輸入筆記本名稱後點擊「儲存」。

儲存筆記本後,即可匯出筆記本編輯筆記本

文字區塊

文字區塊可讓您為筆記本新增樣式化文字或靜態圖片。文字區塊可用於筆記本的標題、簡介或資料視覺化內容的說明。

程式碼區塊

程式碼區塊可讓您將查詢新增至使用 ShopifyQL 查詢語言回傳商店資料的筆記本。您可以在程式碼區塊中選擇筆記本顯示資料的方式。深入瞭解如何為筆記本使用 ShopifyQL

範本

範本是預先撰寫的 ShopifyQL 查詢,您可直接使用,也可以作為自行建立查詢的起點。建立程式碼區塊時,若要選取範本,請點擊「範本」並從清單中選取。許多資料視覺化效果都能使用範本,例如:

  • 時段銷售量
  • 轉換率最高的商品
  • 熱銷商品

自動完成

您在撰寫程式碼區塊時,ShopifyQL Notebooks 會自動針對查詢提供建議。點擊建議即可將其加入您的查詢,或繼續輸入以新增自己的程式碼。

匯出筆記本

  1. 在 Shopify 管理介面中,點擊「設定」>「應用程式和銷售管道」。

  2. 在「應用程式和銷售管道」頁面中,點擊 ShopifyQL Notebooks

  3. 點擊「開啟應用程式」。

  4. 在「筆記本」區段中,點擊您要匯出的筆記本。

  5. 依序點擊「...」按鈕和「簡報模式」。

  6. 按一下「Export」(匯出)。

您的筆記本會下載為 PNG 檔。

編輯筆記本

  1. 在 Shopify 管理介面中,點擊「設定」>「應用程式和銷售管道」。

  2. 在「應用程式和銷售管道」頁面中,點擊 ShopifyQL Notebooks

  3. 點擊「開啟應用程式」。

  4. 在「筆記本」區段中,點擊您要編輯的筆記本。

  5. 編輯、新增或刪除區塊即可對筆記本進行變更。

  6. 按一下「儲存」以儲存您的變更內容。

使用 Liquid 來引用資料

您可以使用 Shopify 製作範本的語言 Liquid 來建立動態資料故事,並引用 ShopfyQL Notebooks 中的資料。參考是 ShopifyQL 程式碼區塊中的資料元素,可在文字區塊中使用 Liquid 進行編輯。

步驟:

  1. 在 Shopify 管理介面中,點擊「設定」>「應用程式和銷售管道」。

  2. 在「應用程式和銷售管道」頁面中,點擊 ShopifyQL Notebooks

  3. 點擊「開啟應用程式」。

  4. 在「筆記本」區段中,點擊您要編輯的筆記本。

  5. 尋找您要建立參考的文字。

  6. 點擊「新增參考」以開啟 Liquid 編輯器。

  7. 輸入您要引用的資料元素的 Liquid 程式碼。

  8. 對可用的參考、列和欄使用自動完成建議以確保準確性。

  9. 點擊「套用」以儲存您的參考。

執行 Notebook

載入 ShopifyQL Notebook 時,系統將顯示先前執行狀態的程式碼和文字區塊。您可以使用此檢視畫面來瞭解先前的作業,但可能不會顯示最新資料。若要檢視目前的資料,請使用下列其中一個選項:

  • 重新執行個別程式碼區塊:若要取得最新資料,請為每個程式碼區塊點擊「執行」以重新執行相關程式碼區塊。

  • 執行所有程式碼區塊:更新您筆記本中所有的資料,並點擊「全部執行」來執行所有程式碼區塊。

重新執行程式碼區塊時,連結到該區塊的任何參考都會自動更新,因此您的資料故事會顯示最新資訊。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用