CTA 按鈕文件
OMEGA之CTA按鈕**
應用程序配置教程
————————————————————————————————
創建:2019
由: Omegatheme.com
郵箱: [email protected]
這是有關CTA 按鈕應用程序應用程序的文檔,它將幫您正確地安裝与配置應用程序。
如何設置CTA按鈕應用程序
通用設置組
按鈕設置組
⭐️ 如何設置CTA按鈕應用程序:
安裝**CTA Buttons**應用程序後,您將轉到“組按鈕”選項卡:
在這裡,您可以通過按“應用程序狀態”部分中的“啟用”按鈕來選擇禁用或無法應用程序狀態。
![](https://storage.crisp.chat/users/helpdesk/website/b28a7846a1007000/94a0b658-1f5e-4c5b-ba73-2c46bd_1yjy5ah.png)
在“組按鈕”部分中,單擊“新建組”以為您商店添加更多組。
![](https://storage.crisp.chat/users/helpdesk/website/1a680ddd5e790000/1735428e-2ffc-4722-9e3e-d72cb4_ug2v05.png)
然後打開包含組的名稱和說明的一個標籤:
![](https://storage.crisp.chat/users/helpdesk/website/174014b49d2f2c00/e0b31018-446f-41bc-a733-68406b_1wku1a9.png)
還可以使用“編輯組信息”來更改其信息、啟用/禁用狀態或刪除。
✏️ 注意:如果不需要任何組,則可以隨時將其禁用,這意味著您關閉的組將不再顯示在商店的界面上。
單擊“編輯”按鈕將打開“編輯組按鈕”面板,您可以在那裡更改組按鈕信息。
![](https://storage.crisp.chat/users/helpdesk/website/c36bea3906f90000/b34ec6f2-970c-4346-ab9d-ee1f7b_19wi4vj.png)
現在,選擇您剛剛創建的組之一併開始組設置過程。
常規設置組:
我們建議您在轉到“常規設置”之前,在“按鈕設置組”中添加按鈕。設置新組後,該組將顯示在您管理的商店中,以模擬它們在您在線商店中的顯示方式。在監視Shopify管理頁面上直接監視組按鈕將更容易地繼續修改。
![](https://storage.crisp.chat/users/helpdesk/website/85ef177c01b1b800/18cd0ee4-6759-461a-b1c1-2c3526_zaiy4c.png)
我們為“常規設置”部分提供了非常詳細的默認選項。隨意設置組按鈕!
![](https://storage.crisp.chat/users/helpdesk/website/fa54a08bbb3ec000/b3d1a182-f9f7-4de8-9f77-7f45a9_gfvjtu.png)
方向:選擇吸引視覺之顯示方向,無論是垂直還是水平方向。
![](https://storage.crisp.chat/users/helpdesk/website/14bedb7fbb8a9e00/2a12c1f3-8105-4ff1-a236-67a1a7_ik03jp.png)
放置:設置圖標方向後,可以將其放置在左側,底部或右側。
![](https://storage.crisp.chat/users/helpdesk/website/704508945cd54400/3e73dd60-8bbd-4cd9-8c8c-50d291_1cvajit.png)
圖標大小:不僅可以更改按鈕的位置,還可以更改按鈕的圖標大小。
![](https://storage.crisp.chat/users/helpdesk/website/4d48cffe06181400/1d7213e6-e96e-4145-a443-abde6d_18317em.png)
圖標位置:將圖標位置滑塊向左或向右拖動以修改組的位置。組按鈕將根據其放置位置而移動。如果將它們放在商店的右側,則將滑塊向左移動時組會上升,反之亦然。
![](https://storage.crisp.chat/users/helpdesk/website/b6c79d6ed4599800/4289eecd-9172-41a8-adfc-d3251b_1rzxmji.png)
圖標樣式:您甚至可以利用三個默認選項來調整按鈕的形狀。
![](https://storage.crisp.chat/users/helpdesk/website/a063cb0710f99800/9e72552c-0bff-4df4-971f-f8a346_1nr9fwy.png)
為了更好地形容,我們為您設置了兩個例子:
組按鈕1和2設置例子的方式將在商店界面上顯示:
![](https://storage.crisp.chat/users/helpdesk/website/a3dd23cfa4c10000/3bc1be88-e297-4178-a906-5e9bd5_1kqdhkd.png)
![](https://storage.crisp.chat/users/helpdesk/website/fdd6a87a76994000/1e39ed2c-12f3-45bc-8ef9-fc7017_83jpc6.png)
![](https://storage.crisp.chat/users/helpdesk/website/eff7268678298800/5c214e79-b928-4858-85a3-9b39be_5bkvz8.png)
顯示:該應用程序100%移動友好。因此,您可以在PC端或移動端上或兩者上選擇圖標的可用性。.
![](https://storage.crisp.chat/users/helpdesk/website/236e9aa8c8bdec00/63a89783-532c-4657-950e-c5e5ff_122zaxz.png)
顯示時間:如果選擇“始終顯示”,則該按鈕將始終顯示在商店中。如果只希望組按鈕在一定時間顯示,請選擇“時間範圍”選項,在該選項中,您可以根據所處的位置調整計時器和時區。
![](https://storage.crisp.chat/users/helpdesk/website/3748334b1623300/3708bb95-159d-4245-853c-161b46_12n0vd9.png)
此應用程序最獨特的功能之一是,它可以收集和傳輸商店數據,若您需要的話,它可以將數據傳輸到谷歌 分析和Facebook 像素。
![](https://storage.crisp.chat/users/helpdesk/website/5e15eb47c6442000/95b9abbf-24e5-4e72-97f8-0847ce_123t35k.png)
谷歌分析:
開始收集有關商店的數據之前,您需要擁有一個谷歌帳戶,註冊進行分析跟踪,然後選擇要跟踪的數據。
Shopify傳遞與可用於谷歌分析增強型電子商務的事件信息。如果您想了解有關如何設置谷歌分析之詳細說明,請查看我們的Shopify幫助中心:
https://help.shopify.com/zh-TW/manual/reports-and-analytics/google-analytics/google-analytics-setup
Facebook像素:
必須先擁有一個Facebook廣告帳戶,然後才能在Facebook 廣告管理員中設置像素,然後才能將Facebook Pixel添加到在線商店。
您可以將Facebook 像素與您的在線商店集成,以幫助您了解客戶的行為和流量。 Facebook 像素會收集有關客戶如何使用在線商店頁面的數據,以便您可以更有效地計劃廣告系列以尋找新客戶。
請訪問我們的Shopify幫助中心,以獲取有關Facebook 像素的更多信息:
https://help.shopify.com/zh-TW/manual/promoting-marketing/analyze-marketing/facebook-pixel
按鈕設置組
如何更改按鈕順序:
如果要重新排列它們的順序,請將它們拖動到所需位置,然後將其放到新位置。
例如,要將“ Instagram”按鈕放在Twitter下,請單擊“ Instagram”,然後將其拖動到Twitter下。
![](https://storage.crisp.chat/users/helpdesk/website/e387aab867afc000/e3c1e668-1313-42c7-b633-b9ac7a_tkzuxe.png)
按鈕設置:
單擊“**編輯**” 按鈕進行調整,然後打開“按鈕設置”面板。
![](https://storage.crisp.chat/users/helpdesk/website/cf2c938dc2f5a000/617116d2-cbbc-4dd7-9555-fd4c72_m5k1xy.png)
在“類型”部分中,從16個按鈕中選擇一個進行修改。
我們已經準備了一些默認圖標供您選擇,但是如果您希望圖標具有獨特的外觀,則可以單擊“自定義圖標”以上傳您自己的圖像。
![](https://storage.crisp.chat/users/helpdesk/website/e007a9451c274800/c1c94aeb-7665-43f1-9046-94bde3_fprrxd.png)
根據您選擇的按鈕類型,下一部分要填寫的個人信息相對有所不同。
例如,如果您選擇的是社交媒體按鈕,例如Twitter或Instagram,則將顯示“用戶名”框。
![](https://storage.crisp.chat/users/helpdesk/website/8ce3ea7161bfd000/cf345070-1224-4b76-bfbc-47b813_16hunq0.png)
如果這些按鈕與移動通信相關,則應在電話框中填寫電話號碼。
![](https://storage.crisp.chat/users/helpdesk/website/87dcb71cadbb5000/9362ea15-3bfa-4e2c-90d3-11bc9c_17rclm.png)
利用我們寬大的調色板為您的圖標添加顏色。可以使用相同的方法來更改按鈕的背景色。
![](https://storage.crisp.chat/users/helpdesk/website/fea1347778ee8000/fded6e7b-042d-494c-a352-c75390_1aibc8l.png)
如果您發現按鈕有點過強,可以通過向左拖動滑塊以減少不透明度,從而輕鬆地調整圖標的不透明度,反之亦然。
![](https://storage.crisp.chat/users/helpdesk/website/55ce26853de01400/41f92d02-6faf-427c-aabb-da6556_2ibzk7.png)
圖標可以單獨顯示,但您始終可以給其添加文本或僅將其設置為文本。
如果選擇相關的文本選項,則可能需要添加一些提示,以促使客戶按下按鈕並給您留言或打電話。
![](https://storage.crisp.chat/users/helpdesk/website/f785a1d38d879800/8bdd7704-09e5-451c-967d-4a7176_eglmlo.png)
一旦確定了所有調整,您要做的就是保存配方。
此外,如果您根本不使用任何按鈕,則可以將其從商店中移除。
⚠️ 如果您在使用CTA按鈕時遇到任何問題,請隨時與我們聯繫,我們的支持團隊將盡快解決您的問題
更新時間: 26/05/2021
感謝!