如何使用Elementor的countdown功能

Countdown翻譯過(guò)來(lái)就是倒數(shù)計(jì)數(shù)器，那么這個(gè)countdown一般常見(jiàn)于網(wǎng)站的什么地方呢？腦瓜子靈光的同學(xué)可能一下子就想到了，對(duì)的，就是優(yōu)惠倒計(jì)時(shí)！特別是在彈窗頁(yè)面效果中，對(duì)某一項(xiàng)產(chǎn)品或者服務(wù)進(jìn)行促銷活動(dòng)，往往就會(huì)使用到countdown的功能效果。由此可見(jiàn)，countdown功能在我們做網(wǎng)站的內(nèi)容設(shè)置和優(yōu)化的時(shí)候是非常重要的，比較我們做網(wǎng)站的目的就是提升網(wǎng)頁(yè)內(nèi)容的互動(dòng)率和交易量對(duì)吧。那么接下來(lái)，Jack老師就和同學(xué)們一起來(lái)學(xué)習(xí)?如何使用Elementor的countdown功能 。

第一步：將Elementor編輯器中的countdown功能元素添加到內(nèi)容編輯區(qū)域

如上圖所示，我們?cè)谧髠?cè)的Elementor編輯器中找到箭頭1所指的“countdown”功能元素，然后按住鼠標(biāo)左鍵不松開(kāi)，慢慢的拖到上圖箭頭2所指的地方，也就是內(nèi)容編輯版塊中。注意在沒(méi)有將countdown”功能元素添加到內(nèi)容編輯版塊區(qū)域之前，內(nèi)容編輯版塊外面是一個(gè)灰色的虛線框，只有當(dāng)出現(xiàn)了一個(gè)藍(lán)色的虛線外邊框之后才代表著我們已經(jīng)成功的將countdown”功能元素添加到了內(nèi)容編輯版塊中！

第二步：對(duì)countdown功能元素的主體功能進(jìn)行設(shè)置

2.1、“Type”：指的是倒計(jì)時(shí)器的時(shí)間選擇形式，有兩種選擇：Due Date和Evergreen Timer。兩者在本質(zhì)上沒(méi)有太大的差別，前者的倒計(jì)時(shí)相對(duì)更長(zhǎng)！當(dāng)同學(xué)們選擇Due Date的時(shí)候，下面會(huì)出現(xiàn)一個(gè)“Due Date”的選項(xiàng)，點(diǎn)擊之后會(huì)出現(xiàn)一個(gè)日歷選擇器，然后同學(xué)們?cè)谶@個(gè)日歷選擇器中選定一個(gè)日子，那么倒計(jì)時(shí)器就開(kāi)始計(jì)算從現(xiàn)在到那一刻之間的時(shí)間，然后開(kāi)始倒計(jì)時(shí)。?而Evergreen Timer指的是自己隨意定制倒計(jì)時(shí)器的時(shí)間長(zhǎng)短，可以是1個(gè)小時(shí)，也可以是幾天幾個(gè)小時(shí)等。

2.2、“View”：指的是倒計(jì)時(shí)器的表現(xiàn)形式，Block指的是時(shí)間數(shù)值和時(shí)間單位呈現(xiàn)上下排布關(guān)系，而inline呈現(xiàn)的是時(shí)間數(shù)值和時(shí)間單位呈現(xiàn)左右排布關(guān)系，如下圖所示：

2.3、“Days”、“Hours”、“Minutes”、“Seconds”：這4個(gè)時(shí)間單位的操作都是完全相同的，只有show和no show的選擇，如果你激活了，那么這個(gè)時(shí)間單位就會(huì)出現(xiàn)，如果沒(méi)有點(diǎn)擊，那么就不會(huì)出現(xiàn)該時(shí)間單位！

2.4、“Show Label”：指的是在時(shí)間倒計(jì)時(shí)器上要不要出現(xiàn)時(shí)間的單位文字

2.5、“Custom Label”：指的是當(dāng)你不滿意時(shí)間的單位，想要自定義的時(shí)候，就可以點(diǎn)擊它然后在下面提供的計(jì)數(shù)單位中，進(jìn)行文字更改！比方說(shuō)，2020年我們?cè)馐芰诵鹿谝咔榈哪ルy，我們希望收疫情感染的人數(shù)越來(lái)越少，那么這個(gè)倒計(jì)時(shí)器的單位就可以改成人數(shù)而不是時(shí)間了?。ㄗ詈笥芍缘恼f(shuō)一句：希望世界越來(lái)越好，愿疫情早日結(jié)束?。?/p>

2.6、“Actions After Expire”：翻譯過(guò)來(lái)就是過(guò)期后的動(dòng)作。也就是說(shuō)活動(dòng)倒計(jì)時(shí)結(jié)束之后應(yīng)該執(zhí)行什么動(dòng)作。Elementor編輯器系統(tǒng)給出了3種樣式，分別是：redirect（頁(yè)面重定向）、Hide（隱藏）和Show Message（顯示相關(guān)信息）。

redirect指的是倒計(jì)時(shí)結(jié)束之后跳轉(zhuǎn)到的網(wǎng)站頁(yè)面，注意這個(gè)頁(yè)面跳轉(zhuǎn)只能在本網(wǎng)站頁(yè)面內(nèi)部進(jìn)行跳轉(zhuǎn)

第三步：對(duì)countdown功能元素的樣式功能進(jìn)行設(shè)置

3.1、“Container Width”：指的是容器寬度，也就是整個(gè)倒計(jì)時(shí)器的顯示寬度

3.2、“Background Color”：整個(gè)倒計(jì)時(shí)器的背景顏色

3.3、“邊框類型”：指的是整個(gè)倒計(jì)時(shí)器的外邊框線類型，當(dāng)我們選擇了實(shí)線作為外邊框線之后，還可以對(duì)外邊框線的顏色和粗細(xì)進(jìn)行調(diào)整

3.4、“Border Radius”：指的是外邊框線的4個(gè)直角圓弧程度

3.5、“Space Between”：指的是倒計(jì)時(shí)器中，天、時(shí)、分、秒之間的內(nèi)容區(qū)塊間隔大小

3.6、“Padding”：指的是倒計(jì)時(shí)器中的顯示文字包括數(shù)字和時(shí)間單位與外邊框線之間的距離

3.7、“Content Digits color”：意思是倒計(jì)時(shí)器時(shí)間內(nèi)容的數(shù)字顏色

3.8、“排版”：對(duì)數(shù)字樣式的粗細(xì)、大小等進(jìn)行更改

3.9、“Label color”：指的是倒計(jì)時(shí)器的時(shí)間單位的文字顏色

3.10、“排版”：對(duì)倒計(jì)時(shí)器的時(shí)間單位文字樣式進(jìn)行更改

3.11、“Alignment”：指的是倒計(jì)時(shí)器時(shí)間結(jié)束之后，出現(xiàn)的信息文字內(nèi)容的水平對(duì)齊方式：左對(duì)齊、居中對(duì)齊和右對(duì)齊三種

3.12、“Text Color”：指的是這個(gè)提示信息的文字顏色

3.13、“排版”：太簡(jiǎn)單了不解釋

3.14、“Padding”：提示信息和外邊框的距離

好了，以上就是本章關(guān)于?如何使用Elementor的countdown功能?的全部?jī)?nèi)容。Elementor能夠很好的提示網(wǎng)站用戶本網(wǎng)站正在進(jìn)行的一些促銷或者優(yōu)惠活動(dòng)，通過(guò)倒計(jì)時(shí)的方式讓訪客產(chǎn)生緊迫感，從而促進(jìn)客戶的詢盤轉(zhuǎn)化。

如果還有不理解的地方，請(qǐng)使用百度或者谷歌瀏覽器搜索關(guān)鍵詞--“Jack外貿(mào)建站”，排名首頁(yè)首位的就是我的網(wǎng)站，網(wǎng)站上有更多外貿(mào)建站、谷歌SEO優(yōu)化、外貿(mào)客戶開(kāi)發(fā)等實(shí)操干貨內(nèi)容在等著你哦!