WooCommerce App Builder:如何為您的商店創建應用

[ad_1]

如今,藉助WordPress等平台,幾乎任何人都可以建立網站並建立在線商店。但是,為電子商務創建移動或Web應用程序仍然相對令人生畏。這就是WooCommerce應用程序構建器出現的地方。

應用程序構建器使您可以進入在線商店並為移動設備「重新打包」。然後,您可以覆蓋更廣泛的受眾,並利用諸如推送通知之類的功能來幫助推動銷售。

在本文中,我們將向您介紹WooCommerce應用構建器的概念。然後,我們將向您展示如何使用AppMySite為您的商店創建應用。

讓我們深入。

是否想為您的#WooCommerce商店創建一個移動應用程序? ?這是使用#app構建器的方法

點擊鳴叫

WooCommerce應用程序構建器介紹

在過去的幾年中,我們與互聯網互動的方式發生了巨大變化。如今, 超過50%的流量 在網路上來自移動設備。

最重要的是, 所有電子商務交易的25% 發生在移動設備上。一些研究人員認為,到2020年底,此類購買將佔美國整個市場的45%。

如果您的在線商店是 移動友好,這種趨勢不應該嚇到您。但是,應用程序提供了許多網站無法提供的功能,包括 推送通知,觸摸ID購買等。

請務必注意,其中某些功能僅適用於符合「本地應用」資格的平台。它們與替代的已知漸進式Web應用程序(PWA)略有不同。

簡而言之,PWA是像網站一樣工作的應用程序。它們會載入到瀏覽器中,而無需下載。儘管它們往往更便宜且構建速度更快,但它們不像本地應用程序那樣適合電子商務等複雜功能。

總體而言,本機應用程序提供了更好的功能 用戶體驗(UX) 而不是PWA和傳統的移動網站。問題是,從頭開發一個可能會花費數千美元,並且要花費幾個月的時間。

如果您無法自己完成工作或無法負擔聘請移動開發人員,則唯一的選擇是「應用程式製作工具『。這樣的平台可以帶您的網站並將其內容重新打包為功能全面的本機應用程序。

WooCommerce應用程序構建器是一個相對較新的概念,因為 電子商務平台 往往非常複雜,因此難以容納。但是,既然使您的在線商店移動化是一個可以實現的目標,那麼這可能是一個值得考慮的機會。

如何使用WooCommerce應用構建器設置商店(4個步驟)

要了解使用WooCommerce應用程序構建器的來龍去脈,可能會有所幫助。下面,我們採取了 功能齊全的WooCommerce網站 使用 尼芙店 主題,並將其轉變為具有 AppMySite

WooCommerce應用程序構建器的AppMySite主頁

AppMySite使您可以免費為WordPress和WooCommerce網站生成測試應用程序。但是,要訪問您所有應用程序的文件,您需要付費訂閱。

認購計劃 Android應用的最低價格為每月9美元,Android和iOS的最低價格為每月19美元,以及一些其他功能。

這是使用方法…

步驟1:建立新的應用程式專案

請記住,AppMySite僅適用於啟用HTTPS的網站,這對於電子商務應用程序是有意義的。一個 SSL證書 是安全付款的必要條件,因此 現在設置一個 如果您還沒有這樣做的話。

創建免費的AppMySite帳戶僅需幾分鐘。完成後,您將看到一個顯示BUILD APP的按鈕。繼續並單擊它:

建立一個新的應用程序。

然後,AppMySite將要求您提供您的 網站的網址,網站類型以及新項目的名稱:

輸入您的應用程序詳細信息。

填寫表單後,AppMySite將設置您的項目,然後您可以繼續查看應用程序的外觀。

第2步:自定義應用的樣式

AppMySite會逐步指導您完成創建過程。它要求您做的第一件事是選擇或上傳圖標並設置其背景顏色和文本。這是用戶在主屏幕上識別您的應用的方式,因此請仔細考慮以下因素:

在WooCommerce應用程序構建器中配置您的應用程序圖標

接下來,您需要自定義商店的啟動屏幕。與圖標一樣,您可以上傳圖像或在文本疊加層上使用純色:

配置應用程序的啟動屏幕。

然後,您可以使用一組類似的選項來設計應用程序的登錄和註冊屏幕。請注意,AppMySite還啟用來賓用戶:

配置應用程序的登錄屏幕。

接下來,您將開始使用應用程序的頂部標題和按鈕選項,並為其設計一個儀錶板。 AppMySite使您可以重新安排(但不能自定義)一些關鍵要素,包括您的 商店徽標,特色產品,購物車按鈕等:

安排應用的信息中心。

您可能會注意到,AppMySite無法使您自定義自己的 產品頁面。相反,它從您的站點中提取信息並應用默認樣式。這意味著您的主題不會照亮,但是對於低成本的電子商務應用而言,這可能是一筆不小的代價。

自定義應用程序後,就可以將其與現有的WooCommerce商店進行關聯了。

步驟3:將您的應用程式與WooCommerce商店同步

要將WooCommerce商店與AppMySite連接起來,您需要為您的網站生成一個API密鑰:

通過在WooCommerce應用構建器中輸入其API密鑰來驗證商店

轉到您的WordPress儀錶板。在那裡,導航到WooCommerce>設置>高級,然後選擇屏幕頂部的REST API選項。單擊顯示創建API密鑰的按鈕:

在WooCommerce中生成API密鑰。

WooCommerce將要求您提供有關您需要密鑰的項目的描述以及應提供的許可權。將其設置為管理員帳戶並包含讀取和寫入許可權:

設置API密鑰的配置。

填寫該信息後,WooCommerce將生成消費者和消費者秘密密鑰。將它們複製到AppMySite,然後點擊“提交”按鈕。

然後,AppMySite會要求您安裝其 官方插件 在您的WordPress網站上,它將用於同步您的產品。

AppMySite –將WordPress和WooCommerce轉換為Android和iOS移動應用AppMySite –將WordPress和WooCommerce轉換為Android和iOS移動應用

作者: AppMySite

當前版本:2.2.0

上次更新時間:2020年2月26日

appmysite.zip

94%的評分 100+安裝 WP 4.9+要求

插件激活後,單擊AppMySite中的“驗證”按鈕:

驗證商店與平台的連接。「 class =」 wp-image-29152「 width =」 1024「 height =」 423

如果您複製了API密鑰並正確安裝了插件,AppMySite將同步您的產品。

步驟4:預覽並發布您的WooCommerce應用

現在,AppMySite將使您能夠修改應用程序的預覽。請記住,要發布它,您需要切換到高級帳戶:

由應用構建器製作的WooCommerce應用預覽」 class =「 optimole-lazy-only wp-image-29153」 width =「 1024」 height =「 459

在預覽中,您將能夠檢查並確保所有基本功能都已存在。 AppMySite的主要缺點是您無法導入商店的樣式,並且自定義選項受到限制。但是,這是交鑰匙解決方案所期望的。

也就是說,即使您沒有任何開發經驗或可觀的預算,AppMySite也可以幫助您創建功能強大的WooCommerce應用。此類選擇只會在將來有所改善,因此現在是啟動移動購物平台的激動人心的時刻。

結論

您已經有了一個在線商店,這要歸功於 WooCommerce。下一步合乎邏輯的步驟是發布相應的移動應用程序,以便您可以為客戶提供更好的移動購物體驗。如果您還不準備在定製開發上花費數千美元,那麼最好的選擇就是WooCommerce應用構建器。

如果您想嘗試使用來構建自己的WooCommerce應用 AppMySite,以下是該過程的工作方式:

  1. 創建一個新的應用程序項目。
  2. 自定義您的應用樣式。
  3. 將您的應用程序與WooCommerce商店同步。
  4. 預覽並發布您的應用。

是否想為您的#WooCommerce商店創建一個移動應用程序? ?這是使用#app構建器的方法

點擊鳴叫

有關如何改善商店購物體驗的其他提示,請參閱有關以下內容的指南 如何優化您的WooCommerce產品頁面寫出更好的產品描述

您對如何使用WooCommerce應用程序構建器有任何疑問嗎?在下面的評論部分讓我們知道!

相關文章