小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

如何在WordPress中添加倒数计时器小部件(3种方法)

大数据,java,python,wordpress,数据可视化 额外说明

收录于:17天前

您想在 WordPress 中添加里程碑倒计时吗?倒计时器可帮助您展示重要成就、周年纪念日、即将举行的活动等。在本文中,我们将向您展示如何在 WordPress 中轻松添加倒计时器(甚至是常青计时器)。

您想在 WordPress 中添加里程碑倒计时吗?倒计时器可帮助您展示重要成就、周年纪念日、即将举行的活动等。在本文中,我们将向您展示如何在 WordPress 中轻松添加倒计时器(甚至是常青计时器)。

Adding a milestone countdown widget in WordPress
什么时候以及为什么需要里程碑倒计时小部件? When and Why you Need a Milestone Countdown Widget?

Milestone countdown widgets are a useful tool to remind your audience about an important milestone in your business, an upcoming event, product launch, or a sales events. This helps build anticipation among your customers and 提高用户参与度.

里程碑倒计时小部件是一个有用的工具,可以提醒您的观众业务中的重要里程碑,即将发生的事件,产品发布或销售事件。 这有助于在客户之间建立预期并提高用户参与度

以下是一些可以有效使用里程碑倒计时小部件的常见场景:

以下是一些可以有效使用里程碑倒计时小部件的常见场景:

  • 即将推出页面.即将推出发布的页面上启动网站之前。
  • 网站维护 to let visitors know when the website will be available again.网站维护期间,让访问者知道何时该网站将再次可用。
  • Before introducing a new product or service.

    在介绍新产品或服务之前。
  • When hosting an event or conference.

    主持活动或会议时。
  • On the birthdays of your online business.

    在您在线业务的生日那天。
  • On holidays and sale events such as Black Friday to offer big discounts on your products or services.

    在节假日和促销活动(例如黑色星期五)中,可以为您的产品或服务提供大幅折扣。

您可以在帖子、页面和侧边栏小部件区域中显示里程碑倒计时器。您还可以在灯箱弹出窗口、浮动条、滚动框和其他与设计无关的元素中添加倒计时器,以吸引放弃的网站访问者并将他们带回您的网站。

您可以在帖子、页面和侧边栏小部件区域中显示里程碑倒计时器。您还可以向灯箱弹出窗口、浮动栏、滚动框和其他非设计相关元素添加倒计时器,以吸引放弃您网站的访问者并将他们带回您的网站。

由于倒计时器的用例如此之多,我们列出了 3 种在 WordPress 中添加里程碑倒计时小部件的不同方法:

由于存在倒计时器的用例,我们列出了 3 种在 WordPress 中添加里程碑倒计时小部件的不同方法:

  1. 使用 Countdown Timer Ultimate 创建里程碑倒计时小部件使用 Countdown Timer Ultimate 创建里程碑倒计时小部件
  2. 使用 OptinMonster 创建高度吸引人的动态倒计时器使用 OptinMonster 创建高度吸引人的动态倒计时器
  3. 使用 SeedProd 创建即将推出和维护模式倒计时器使用 SeedProd 为即将到来的维护模式创建倒计时器

让我们看看如何在 WordPress 中轻松添加里程碑倒计时小部件。

让我们看看如何在 WordPress 中轻松添加里程碑倒计时小部件。

影片教学 Video Tutorial

演示地址

如果您不喜欢该视频或需要更多说明,请继续阅读。

如果您不喜欢该视频或需要更多说明,请继续阅读。

方法1:使用倒数计时器终极插件添加里程碑倒数小部件 Method 1: Adding a Milestone Countdown Widget Using Countdown Timer Ultimate Plugin

Countdown timer demo

First thing you need to do is install and activate the 倒数计时器终极版 plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.

您需要做的第一件事是安装并激活倒数计时器终极版插件。 有关更多详细信息,请参阅有关如何安装 WordPress 插件步指南。

Upon activation, you need to visit the 倒计时器 » 添加计时器 page in your WordPress admin area.

激活后,您需要访问WordPress管理区域中的“ 倒计时器»添加计时器”页面。

在此页面上,您需要首先添加里程碑名称作为新倒计时器的标题。

在此页面上,您需要首先添加里程碑名称作为新倒计时器的标题。

笔记: The timer uses the timezone set in your WordPress site settings. If you want to change the timezone for this countdown timer, then you will need to go to 设置 » 常规 and update the WordPress 网站的时区设置.

注意:计时器使用在WordPress网站设置中设置的时区。 如果要更改此倒数计时器的时区,则需要转到“设置”»“常规”并更新WordPress 网站时区设置

Add timer title

之后,您可以向下滚动以设置里程碑倒计时器的到期日期、日期和时间。

之后,您可以向下滚动设置里程碑倒计时器的到期日期、日期和时间。

Set expiry date

接下来,您需要从下拉列表中选择动画样式。您还可以轻松调整圆圈和背景宽度。

接下来,您需要从下拉列表中选择动画样式。您还可以轻松调整圆圈和背景宽度。

Choose animation

在倒计时宽度字段中,您可以定义倒计时小部件完整显示的宽度。如果将此字段留空,则它将使用默认大小显示计时器。

在“倒计时宽度”字段中,您可以定义一个宽度以完整显示倒计时小部件。如果将此字段留空,它将使用默认大小显示计时器。

之后,您可以为倒计时器添加背景和前景色。您可以单独更改天、小时、分钟和秒的颜色。您还可以更改天、小时等元素的标签。

之后,您可以为倒计时器添加背景和前景色。您可以单独更改天、小时、分钟和秒的颜色。您还可以更改元素的标签,例如天、小时等。

Background foreground color

对设置感到满意后,请继续并单击“发布”按钮。

对设置感到满意后,请继续并单击“发布”按钮。

在 WordPress 中显示您的里程碑倒计时小部件

在 WordPress 中显示您的里程碑倒计时小部件

现在您已经创建了里程碑倒计时小部件,让我们将其添加到您的网站。

现在您已经创建了里程碑倒计时小部件,请将其添加到您的网站。

首先,您需要单击倒计时器菜单。在 WP 倒计时器页面上,您将看到您刚刚创建的计时器列在那里。

首先,您需要单击倒计时器菜单。在 WP 倒计时器页面上,您将看到刚刚创建的计时器。

Copy shortcode

Next to your countdown timer, you will see a 短代码 that you need to copy.

倒数计时器旁边,您会看到一个需要复制的短代码

You need to copy and paste this shortcode in the content area of your 帖子或页面. Make sure to click on the update or publish button to save your changes.

您需要将此简码复制并粘贴到帖子或页面的内容区域中。 确保单击更新或发布按钮以保存更改。

您现在可以访问您的网站以查看正在运行的里程碑倒计时小部件。

您现在可以访问您的网站以查看正在运行的里程碑倒计时小部件。

Countdown timer demo

You can also add this countdown timer in the sidebar of your WordPress site. Simply go to 外观 » 小部件 page and add a ‘Text’ widget to your sidebar. In widget settings, you need to paste the shortcode for your countdown timer.

您还可以在WordPress网站的边栏中添加此倒数计时器。 只需转到外观 » 小部件页面,然后将“文本”小部件添加到侧边栏中。 在小部件设置中,您需要为倒数计时器粘贴简码。

Countdown widget settings

完成后,不要忘记单击“保存”按钮来存储您的小部件设置。

完成后,不要忘记单击“保存”按钮来存储小部件设置。

您现在可以访问您的网站,查看正在运行的里程碑倒计时侧边栏小部件。

您现在可以访问您的网站以查看正在运行的里程碑倒计时侧边栏小部件。

Countdown milestone preview
方法2:使用OptinMonster添加MileStone倒数小部件 Method 2: Adding a MileStone Countdown Widget Using OptinMonster

选择怪物 is the 最好的 WordPress 弹出插件 on the market. It helps you convert abandoning site visitors into subscribers and customers.

选择怪物是市场上最好的 WordPress 弹出插件 。 它可以帮助您将放弃网站访问者转化为订阅者和客户。

使用 OptinMonster 的倒计时器功能,您可以将里程碑倒计时器集成到灯箱弹出窗口、全屏小部件、浮动栏或任何其他 OptinMonster 活动类型中。

使用 OptinMonster 的倒计时器功能,您可以将里程碑倒计时器集成到灯箱弹出窗口、全屏小部件、浮动栏或任何其他 OptinMonster 活动类型中。

以下是他们拥有的预制倒数计时器活动之一的示例,但您可以使用拖放生成器来创建完全自定义的倒数计时器。

以下是预制倒数计时器活动之一的示例,但您可以使用拖放构建器创建完全自定义的倒数计时器。

OptinMonster Countdown Timer Popup for Holidays

OptinMonster 是一种在高度引人注目的设计元素中显示倒数计时器的智能方式。它们甚至允许您在 WordPress 中创建常青倒计时器。

OptinMonster 是一种通过引人注目的设计元素来显示倒计时器的智能方式。它们甚至允许您在 WordPress 中创建常青倒计时器。

First you need to visit the 选择怪物 website and signup for a plan that meets your need.

首先,您需要访问选择怪物网站并注册才能满足您的计划。

After that, you need to install the 选择怪物 plugin on your WordPress site. For more details, see our step by step guide on 如何安装 WordPress 插件.

之后,您需要在WordPress网站上安装选择怪物插件。 有关更多详细信息,请参阅有关如何安装 WordPress 插件步指南。

该插件将作为您的 WordPress 网站和 OptinMonster 应用程序之间的连接器。

该插件将充当您的 WordPress 网站和 OptinMonster 应用程序之间的连接器。

激活后,单击 WordPress 管理菜单中的 OptinMonster 链接。接下来,系统会要求您输入 OptinMonster API 凭据。

激活后,单击 WordPress 管理菜单中的 OptinMonster 链接。接下来,系统会要求您输入 OptinMonster API 凭据。

Connect to OptinMonster

您可以在 OptinMonster 网站上您的帐户下找到此信息。只需登录您的帐户,然后单击菜单中的“API”链接即可。

您可以在 OptinMonster 网站上您的帐户下找到此信息。只需登录您的帐户并单击菜单中的“API”链接即可。

OptinMonster API key

您需要复制 API 密钥并将其粘贴到 WordPress 网站上的 OptinMonster 设置中。之后,单击“连接到 OptinMonster”按钮继续。

您需要复制 API 密钥并将其粘贴到 WordPress 网站上的 OptinMonster 设置中。之后,单击“连接到 OptinMonster”按钮继续。

该插件现在会将您的 WordPress 网站连接到您的 OptinMonster 帐户。

该插件现在会将您的 WordPress 网站连接到您的 OptinMonster 帐户。

连接后,您可以开始从 OptinMonster 仪表板创建新的营销活动。您可以使用任何营销活动类型并将倒计时器集成到其中。

连接后,您可以开始从 OptinMonster 仪表板创建新的营销活动。您可以使用任何营销活动类型并将倒计时器集成到其中。

Create a new campaign

For more details, see this step by step tutorial on 如何在 OptinMonster 中创建倒计时活动.

有关更多详细信息,请参阅本逐步教程, 了解如何在 OptinMonster 中创建倒数计时器活动

OptinMonster Countdown Timer Popup for Holidays
方法3:使用SeedProd添加里程碑倒计时小部件 Method 3: Adding a Milestone Countdown Widget Using SeedProd

种子产品 is the best WordPress 即将推出页面 plugin. The SeedProd pro version comes with a countdown timer feature. You can add this countdown timer to your WordPress website and let your visitors know about a launch or an upcoming website.

种子产品即将推出的最好的WordPress 页面插件。 SeedProd专业版具有倒数计时器功能。 您可以将此倒数计时器添加到您的WordPress网站,并让您的访客知道启动或即将推出的网站。

SeedProd preview

First thing you need to do is to install and activate the 种子产品专业版 plugin on your WordPress website. For more details, see our step by step guide on 如何安装 WordPress 插件.

您需要做的第一件事是在WordPress网站上安装并激活种子产品专业版插件。 有关更多详细信息,请参阅有关如何安装 WordPress 插件步指南。

Upon activation, you’ll be redirected to 设置 » 常规 page in your WordPress admin area. It’ll ask for a license key that you can get from your SeedProd account.

激活后,您将被重定向到WordPress管理区域中的“设置”»“常规”页面。 它会要求您从SeedProd帐户获取的许可证密钥。

License key

Next, you need to visit 设置 » 即将推出 Pro page and enable the coming soon mode. It’ll automatically launch the countdown timer with the coming soon page.

接下来,您需要访问“设置”»“即将推出专业版”页面并启用“即将推出”模式。 它将在即将到来的页面中自动启动倒数计时器。

Enable coming soon page

您可以单击编辑选项来选择模板并自定义即将推出的页面。一旦您满意,请务必单击“保存更改”按钮。

您可以单击编辑选项来选择模板并自定义即将推出的页面。一旦您满意,请务必单击“保存更改”按钮。

SeedProd countdown

您现在可以访问您的网站,查看即将推出的计数器的运行情况。

现在您可以访问您的网站以查看即将发生的反应。

That’s all. We hope this article helped you learn how to add a milestone countdown widget in WordPress. You may also want to see our practical tips on 为您的网站获得更多流量.

就这样。 我们希望本文能帮助您学习如何在WordPress中添加里程碑倒计时小部件。 您可能还想查看我们的实用技巧,以获得更多网站流量

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特Facebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-add-a-milestone-countdown-widget-in-wordpress/

. . .

相关推荐

额外说明

使用 Keycloak 轻松保护 Spring Boot 应用程序

尽管安全性是应用程序的一个关键点,但是在开发中实施起来确实比较麻烦。更加麻烦的是,这个关键点通常不怎么受重视,实现的效果普遍的 low,而且受到诸多方面的掣肘。而最近安全服务器的出现,就可以将认证和授权方面的业务逻辑外包和分派出去。 在这些服务器中,最有

额外说明

mySQL常见错误

一、使用命令行进行查询时中文显示为乱码: 在命令行模式下,使用select 语句查询表中数据时,若表中数据存在中文那么显示的就是乱码,而且insert中文的时候也会报错: Incorrect string value: '\xB0\xCB' for co

额外说明

【JAVA-Day19】深入探讨 Java 泛型和枚举的精髓

深入探讨 Java 泛型和枚举的精髓 深入探讨 Java 泛型和枚举的精髓 摘要 引言 一、Java 泛型 二、Java 枚举 三、泛型和枚举的区别和使用场景 区别 泛型和枚举的使用场景 泛型的使用场景 枚举的使用场景 四、总结 参考资料 博主 默语带您

额外说明

Java读取csv文件Demo

Java读取csv文件并将内容插入到数据库 POM DEMO 测试结果 DEMO1 运行结果 文件内容 博主 默语带您 Go to New World. ✍ 个人主页—— 默语 的博客-- 《java 面试题大全》 -惟余辈才疏学浅,临摹之作或有不妥之处

额外说明

每日博客【7】

1.typedef     重新定义基本数据类型的类型名。eg:                                                 #include <Stdio.h> typedef long double abc; in

额外说明

MySQL存储过程

视图/存储过程/触发器 2.2 存储过程 2.2.1 介绍 存储过程是事先经过编译并存储在数据库中的一段 SQL 语句的集合,调用存储过程可以简化应用开发 人员的很多工作,减少数据在数据库和应用服务器之间的传输,对于提高数据处理的效率是有好处的。 存储过

额外说明

CSS 字体颜色渐变

html <span> 这是一个渐进色的文字 </span> CSS  span { font-size: 36px; background: linear-gradient(to right,red, green); b

额外说明

Golang/Go 的基本语法

学习Golang 时,大家最好有一些编程基础:如果没有你们可以从这里学习: 以下是一些学习Golang基础的网站: Go语言官方网站:https://golang.org/ Go语言中文网:首页 - Go语言中文网 - Golang中文社区 Go by

额外说明

电脑系统缺少comct232.ocx如何解决的?

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或者损坏了,这时你只需下载这个comct232.ocx文件进行安装(前提是找到适合的版本),

ads via 小工具