Title: GoalPrevail Floating Button
Author: Goal Prevail
Published: <strong>2026 年 7 月 23 日</strong>
Last modified: 2026 年 7 月 23 日

---

搜索插件

![](https://ps.w.org/goalprevail-floating-button/assets/banner-772x250.jpg?rev=3619967)

![](https://ps.w.org/goalprevail-floating-button/assets/icon-256x256.jpg?rev=3619967)

# GoalPrevail Floating Button

 作者：[Goal Prevail](https://profiles.wordpress.org/goalprevail/)

[下载](https://downloads.wordpress.org/plugin/goalprevail-floating-button.1.0.0.zip)

 * [详情](https://cn.wordpress.org/plugins/goalprevail-floating-button/#description)
 * [评价](https://cn.wordpress.org/plugins/goalprevail-floating-button/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/goalprevail-floating-button/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/goalprevail-floating-button/#developers)

 [支持](https://wordpress.org/support/plugin/goalprevail-floating-button/)

## 描述

**GoalPrevail Floating Button** adds a sticky call-to-action button to the bottom
of your site — perfect for click-to-call, WhatsApp chats, contact links, or any 
URL you want visitors to reach in one tap.

It is lightweight (one tiny script, no jQuery on the front end, no external requests),
works with any theme, and gives you control over every detail without writing code.

#### One-tap actions

 * **Call a phone number** (click-to-call on mobile)
 * **Open a WhatsApp chat** via wa.me
 * **Compose an email** or **send an SMS**
 * **Open any link** — booking pages, contact forms, promotions
 * **Scroll back to top**

#### Up to three buttons at once

 * Enable **left, center and right** independently — run one, two, or all three
 * Each button has its own action, text, icon and placement
 * A **shared look** keeps them consistent by default; flip on **independent styling**
   for any position to give it its own colors, icon, size and animation
 * **Per-position click analytics** show which corner earns the taps

#### Position & behavior

 * Bottom **left, center, or right** — pick it right on activation
 * Exact distance from the bottom and side edges
 * Show always, or only **after the visitor scrolls**
 * Show on **all devices, mobile only, or desktop only**
 * Full-width bar mode and icon-only mode for small screens
 * Hide on specific pages by ID
 * Entrance effects (fade, rise) and attention animations (pulse, bounce, wobble,
   float) that respect the visitor’s reduced-motion preference

#### Design every detail

 * Background, text, hover, and border colors with color pickers
 * 19 built-in SVG icons (phone, WhatsApp, chat, email, cart, calendar, and more)—
   placed before/after text or icon-only
 * Fonts: theme default, system stacks, web-safe families, or your own custom family
 * Font size, weight, transform, and letter spacing
 * Width, height, paddings, border width/style, corner radius
 * Shadow presets and hover lift

#### Built-in click analytics

See today’s clicks, the last 7 and 30 days, an all-time total, and a 14-day chart—
right in the settings page. Tracking stores **anonymous daily counters only**: no
IP addresses, no cookies, no personal data, nothing sent to third parties.

#### Lightweight & safe

 * No front-end assets load at all while the button is disabled or unconfigured
 * One small vanilla-JS file and inline CSS when it is active
 * All settings sanitized and escaped following WordPress coding standards

GoalPrevail Floating Button is built by [Goal Prevail](https://goalprevail.com/).
If you run WooCommerce, check out our premium plugin **GP Cart Button Master** for
customizable add-to-cart buttons, direct checkout, and a floating mobile cart button.

## 屏幕截图

[⌊The floating button on a site (bottom right, pill style).⌉⌊The floating button
on a site (bottom right, pill style).⌉[

The floating button on a site (bottom right, pill style).

[⌊The position tabs and Content settings.⌉⌊The position tabs and Content settings
.⌉[

The position tabs and Content settings.

[⌊Position & behavior options.⌉⌊Position & behavior options.⌉[

Position & behavior options.

[⌊Style options: colors, icons, typography, borders, effects.⌉⌊Style options: colors,
icons, typography, borders, effects.⌉[

Style options: colors, icons, typography, borders, effects.

[⌊Click analytics with a 14-day chart.⌉⌊Click analytics with a 14-day chart.⌉[

Click analytics with a 14-day chart.

[⌊Welcome screen position picker.⌉⌊Welcome screen position picker.⌉[

Welcome screen position picker.

## 安装

 1. Upload the plugin files to `/wp-content/plugins/goalprevail-floating-button`, or
    install it via **Plugins  Add New**.
 2. Activate the plugin.
 3. Pick a position (left, center, right) on the welcome screen.
 4. Add your phone number, WhatsApp number, email, or link in that position’s **Content**
    section under **GoalPrevail  Floating Button**.
 5. Style it to match your brand and save.

## 常见问题

### Why is the button not showing?

A button only appears once it has something to do: add a phone number, email, or
link in its Content section. Also check that its “Show the … button” toggle is on
and the current page is not in your excluded IDs.

### Does it work on mobile?

Yes — it is designed mobile-first. You can show it on mobile only, stretch it to
a full-width bar on phones, or switch to icon-only on small screens.

### Does it slow my site down?

No. When active it adds one small script (about 1 KB gzipped) and a few lines of
inline CSS. When disabled, nothing loads at all.

### What data does click tracking store?

Only anonymous totals: one counter per day plus an all-time sum. No IP addresses,
cookies, or personal information are stored, and nothing is sent to any external
service. You can disable tracking or reset the numbers at any time.

### Can I use my own icon or font?

You can pick from 19 built-in icons, and type any font family your theme already
loads. Custom icon upload is planned for the Pro version.

### Can I run more than one button?

Yes — up to three at once (bottom left, center and right), each with its own action,
content and optional independent styling. Every button supports per-page exclusions
by ID; finer page targeting is planned for the Pro version.

### Does removing the plugin leave data behind?

By default your settings are kept in case you reinstall. Enable “Delete all plugin
data on uninstall” under Advanced to remove everything.

## 评价

此插件暂无评价。

## 贡献者及开发者

「GoalPrevail Floating Button」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Goal Prevail ](https://profiles.wordpress.org/goalprevail/)

[帮助将「GoalPrevail Floating Button」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/goalprevail-floating-button)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/goalprevail-floating-button/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/goalprevail-floating-button/)，或
通过[RSS](https://plugins.trac.wordpress.org/log/goalprevail-floating-button/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/goalprevail-floating-button/)。

## 更新日志

#### 1.0.0

 * Initial release.
 * Run up to three floating buttons at once (bottom left / center / right), each
   enabled independently.
 * Actions: phone call, WhatsApp, email, SMS, custom URL, scroll-to-top.
 * Shared look by default, with a per-button “independent styling” toggle.
 * Full styling: colors, 19 built-in SVG icons, fonts, sizes, paddings, borders,
   radius, shadows and attention animations.
 * Behavior: show after scroll, entrance effects, device targeting, full-width and
   icon-only mobile modes, page exclusions.
 * Anonymous per-position click analytics with today / 7-day / 30-day / all-time
   stats and a 14-day chart.
 * Live preview and style presets.

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**3 月前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 5.8 或更高版本 **
 *  已测试的最高版本为 **7.0.7**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/goalprevail-floating-button/)
 * 标签
 * [call button](https://cn.wordpress.org/plugins/tags/call-button/)[click to call](https://cn.wordpress.org/plugins/tags/click-to-call/)
   [floating button](https://cn.wordpress.org/plugins/tags/floating-button/)[sticky button](https://cn.wordpress.org/plugins/tags/sticky-button/)
   [whatsapp button](https://cn.wordpress.org/plugins/tags/whatsapp-button/)
 *  [高级视图](https://cn.wordpress.org/plugins/goalprevail-floating-button/advanced/)

## 评级

尚未提交反馈。

[您的评价](https://wordpress.org/support/plugin/goalprevail-floating-button/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/goalprevail-floating-button/reviews/)

## 贡献者

 *   [ Goal Prevail ](https://profiles.wordpress.org/goalprevail/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/goalprevail-floating-button/)