> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # CTA 按鈕文件 ### OMEGA之CTA按鈕** 應用程序配置教程 ———————————————————————————————— * 創建：2019 * 由: Omegatheme.com * 郵箱: contact@omegatheme.com * 這是有關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) 現在，選擇您剛剛創建的組之一併開始組設置過程。 1. 常規設置組： 我們建議您在轉到“常規設置”之前，在“按鈕設置組”中添加按鈕。設置新組後，該組將顯示在您管理的商店中，以模擬它們在您在線商店中的顯示方式。在監視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 ](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](https://help.shopify.com/zh-TW/manual/promoting-marketing/analyze-marketing/facebook-pixel) 2. 按鈕設置組 如何更改按鈕順序： 如果要重新排列它們的順序，請將它們拖動到所需位置，然後將其放到新位置。 例如，要將“ 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按鈕時遇到任何問題，請隨時與我們聯繫，我們的支持團隊將盡快解決您的問題