Wordpress插件与设计 - Elementor 专业教程 30 - Paypal Button小工具的设置和使用方法 - 特色图片

Elementor 专业教程 30 - Paypal Button小工具的设置和使用方法

Elementor PayPal Widget 是一个在网站上添加 PayPal 支付功能的小工具。它可以在网站中添加 PayPal 支付按钮,方便用户在网站上进行购买和支付。

该小工具支持多种支付选项,例如一次性付款、分期付款、赞助付款和订阅付款等,可以根据网站提供的服务进行选择。

除了支付方式,小工具还可以自定义支付按钮的样式,如大小和颜色,以匹配网站的整体设计。

本教程将说明该小工具的功能设置和使用方法。

Paypal Button 小工具

首先,将 PayPal 小工具拖到编辑栏中,如下图所示。

拖动小工具到编辑栏后,可以看到如下画面。

可以看到编辑页面中的 Paypal 支付按钮。

1. Paypal Button 小工具的内容标签

Paypal 小工具的内容标签主要包含以下三个设置项:

  1. Pricing&Payments
  2. 按钮
  3. Additional Options

1-1 Pricing&Payments

Pricing&Payments 是自定义 PayPal 支付类型以及外观样式设置项,包含以下两个设置选项:

  • Paypal Account
  • Transaction Type
1-1-1 Paypal Account

PayPal Account 用于指定接收付款款项的 PayPal 账户,一般输入收款账户的邮箱地址。

如果还没有申请过 PayPal 账户,需要前往 Paypal 官网 提前进行申请以及验证。

关于 PayPal 账户申请,可以自行在浏览器中查找教程或说明进行。

1-1-2 Transaction Type

Transaction Type 用于指定支付的交易类型。支持的交易类型有以下三种:

  • Checkout:结算支付
  • Donation:赞助支付
  • Subscription:订阅支付

根据选择的支付类型不同,需要设置的选项也不同。下面将根据支付类型单独说明设置内容。

■ 选择 Checkout 时

Checkout 是用于产品或服务的结算支付,所以支付往往只发生一次。

→ Item Name

Item Name 用于自定义输入需要支付的产品或服务的名称信息。可自定义输入内容。上图中输入的文本是”洋梨”。

SKU

SKU 是 Stock Keeping Unit 的简称,用于物流上进行库存管理的单位。所以,SKU 是输入商品的库存单位的设置选项。如果没有 SKU 也可以不输入。

Price

Price 用于自定义输入产品或服务价格的设置选项。可自由设置价格数值。上图中输入的数值是24。

Currency

Currency 是指定收款货币类型的设置选项。默认是 USD(美元),可在以下常用货币类型中选择:

  • AUD
  • CAD
  • EUR
  • HKD
  • HUF
  • ILS
  • JPY
  • MXN
  • NOK
  • NZD
  • PHP
  • PLN
  • GBP
  • RUB
  • SGD
  • SEK
  • CHF
  • TWD
  • THB
  • TRY
  • USD

Quantity

Quantity 用于指定产品数量或服务次数等设置。可根据产品或服务自定义设置即可。默认预设是“1”。

Shipping Price

Shipping Price 是自定义输入运费的设置选项。默认预设运费是“0”。

Tax

Tax 是自定义税费比例的设置选项。默认是无税费,可根据需要进行设置即可。

  • None:含税价格
  • Percentage:不含税价格

■ 选择Donation时

Donation是“赞助支付”类型。与Checkout相比,金额设置部分有所不同。

以下仅说明与Checkout不同的设置选项内容。

Donation Amount

Donation Amount是指定赞助类型的设置选项。 可在以下预设中选择。

  • Any Amount:赞助的人可自由设置赞助金额。
  • Fixed:设置固定的赞助金额。

选择“Fixed”时,可在下方Amount(金额)输入框中自由设置赞助金额。 如下图

上图中设置的赞助金额是10美金。

选择Any Amount时,可设置的选项只有货币设置选项。

因为Paypal在支付过程中会让赞助者输入特定的金额。

■ 选择Subscription时

  • Subscription是“订阅支付”类型。与Checkout的设置大致相同,但以下两点设置有所不同。
  • Billing Cycle
  • Auto Renewal

Billing Cycle

Billing Cycle是指定月付或者年付等发生费用周期的设置选项。 可在以下4个预设中选择

  • Daily:日付
  • Weekly:周付
  • Monthly:月付
  • Yearly:年付

默认预设是月付,根据出售的产品或服务不同可选择。

Auto Renewal

Auto Renewal是选择是否自动更新支付的设置选项。 默认是“是”。

1-2 按钮

按钮是自定义Paypal按钮外观样式的设置项。 包含如下设置选项。

  • 文本:自定义输入按钮文本内容。如 现在购买,现在预定,月付套餐,年付套餐等
  • 对齐:指定按钮在编辑栏内的对齐方式。可在“左边”,“居中”,“右边”,“两端”对齐中选择。
  • 图标:图标是显示或不显示,选择和替换图标的设置。可选择不显示图标,或上传图标文件或在图标库中替换现有的图标。
  • 图标的位置:指定图标在按钮内的位置。可在“文本之前”,“文本之后”中选择。 效果请参考上图
  • 图标间距:指定图标和按钮文本之间间距的设置。可设置0-100之间的数值。数值越大间距也就越宽
  • 按钮ID:给按钮设置一个专属ID。用于快捷访问页面内的特定部分。

关于按钮的详细设置方法请参考《Elementor 基础教程 – 图标小工具的设置使用方法》。

1-3 Additional Options

Additional Options包含以下设置选项。

  • Redirect After Success
  • Sandbox
  • Open Paypal In New Tab
  • Custom Messages
1-3-1 Redirect After Success

Redirect After Success是指定Paypal支付成功后希望跳转到的页面的设置。如主页,谢谢购买等页面。

只需在输入框中输入对应页面的链接地址即可。

1-3-2 Sandbox

Sandbox是希望在测试环境中使用Paypal支付时设置的选项。 默认预设是“否”。

选择“是”并开启测试环境时,需要在下方输入框中输入测试环境用的Email地址。

1-3-3 Open Paypal In New Tab

Open Paypal In New Tab是选择点击paypal按钮时是否用新标签打开的设置。默认是“是”。

点击paypal按钮时,浏览器中会已新标签的方式打开Paypal支付页面。如下图

1-3-4 Custom Messages

Custom Messages是自定义指定提示信息的设置。默认的提示内容如下

  • An error occurred
  • No payment method connected. Contact seller.

如果希望用中文表示的话可以改为

  • 发生错误
  • 未连接到付款方式,请联系卖家。

提示文本可自定义设置。 只要能让用户知道当前的支付情况就好。

2. Paypal Button 小工具的样式标签

PayPal 按钮小工具的样式标签只有“按钮”和“Messages”设置项。

2-1 按钮

按钮是自定义Paypal按钮外观样式的设置项。 包含以下设置选项。

  1. 排版:自定义按钮文本样式的设置。如字体,大小,粗细,行高等
  2. 文本阴影:给按钮文本添加阴影效果的设置。
  3. 文本颜色:选择和替换按钮文本颜色的设置
  4. 背景类型:背景类型是指定显示背景类型的设置。可在“经典”和“渐变中选择。
  5. 背景颜色:选择和替换背景颜色的设置
  6. 边框类型:指定按钮边框类型的设置
  7. 宽度:指定按钮边框宽度的设置
  8. 边框颜色:选择和替换按钮边框颜色
  9. 边框半径:指定按钮边框四角半径的设置
  10. 盒子阴影:给按钮添加阴影效果的设置
  11. 内距:指定按钮边框到内部图标或文本之间的间距设置。

关于背景部分的详细设置,请参考《Elementor 通用教程 – 小工具样式标签的通用设置和使用方法》的背景说明

按钮部分的详细说明,请参考《Elementor 基础教程 – 按钮小工具的设置和使用方法》。

2-2 Messages

Messages是自定义提示信息文本样式的设置项。 包含以下设置选项。

  • 排版:自定义提示文本样式的设置。如字体,大小, 粗细,行高等
  • Error Message Color:选择和替换错误提示文本的颜色
  • PayPal Not Connected color:选择和替换未连接到Paypal提示文本的颜色

3. Paypal Button 小工具的高级设置

高级设置是所有小工具通用的设置项,具体功能设置和使用方法请阅读《Elementor通用教程 – 高级标签的设置和使用方法》。

以上就是 Paypal Button 小工具的使用说明。希望本篇内容能让您使用Elementor时有帮助。

用户评论
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
副业时代 站内使用 图像内容 LOGO图像 4
fuyeshidai

做点副业,为生活加点料

快速 搜索
相关 文章
Wordpress插件与设计 - WP教程 29 - 掌握WP用户权限设置,轻松打造安全的多人协作平台! - 特色图片
WP教程 29 - 掌握WP用户权限设置,轻松打造安全...
Wordpress插件与设计 - Elementor 基础教程 30 - 阅读更多小工具的设置和使用方法 - 特色图片
Elementor 基础教程 30 - 阅读更多小工具的设置...
Wordpress插件与设计 - WP教程 10 - 添加音视频内容,使展示页面更加丰富多彩! - 特色图片
WP教程 10 - 添加音视频内容,使展示页面更加丰...
Wordpress插件与设计 - Elementor 专业教程 10 - HotsPost小工具的设置和使用方法 - 特色图片
Elementor 专业教程 10 - HotsPost小工具的设置...
Wordpress插件与设计 - Elementor 专业教程 12 - Price Table小工具的设置和使用方法 - 特色图片
Elementor 专业教程 12 - Price Table小工具的...
Wordpress插件与设计 - Elementor 基础教程 3 - 标题小工具的设置和使用方法 - 特色图片
Elementor 基础教程 3 - 标题小工具的设置和使...
Wordpress插件与设计 - Elementor 专业教程 16 - Testimonial Carousel小工具的设置和使用方法 - 特色图片
Elementor 专业教程 16 - Testimonial Carousel...
Wordpress插件与设计 - Elementor 专业教程 14 - Call To Action小工具的设置和使用方法 - 特色图片
Elementor 专业教程 14 - Call To Action小工具...
Wordpress插件与设计 - Elementor 专业教程 21 - Blockquote小工具的设置和使用方法 - 特色图片
Elementor 专业教程 21 - Blockquote小工具的设...
Wordpress插件与设计 - WP教程 13 - 文章发布不求人,这些发布设置你一定要了解 - 特色图片
WP教程 13 - 文章发布不求人,这些发布设置你一...
已阅读 文章一览
没有找到更多文章
站长 推荐
副业项目 与技能
from-keywords-to-content-optimization-seo-strategy tumnail

从关键词到内容优化,提升博客流量的SE...

WP教程 与设计
Wordpress插件与设计 - Elementor 基础教程 13 - 星级小工具的设置和使用方法 - 特色图片

Elementor 基础教程 13 - 星级小工具的...

Wordpress插件与设计 - WP教程 22 - 再也不将就!用Text Blocks打造精美的文字布局 - 特色图片

WP教程 22 - 再也不将就!用Text Block...

Wordpress插件与设计 - Elementor 专业教程 14 - Call To Action小工具的设置和使用方法 - 特色图片

Elementor 专业教程 14 - Call To Acti...

Wordpress插件与设计 - WP教程 5 - 古腾堡编辑器使用指南!逐步成为WordPress编辑专家 - 特色图片

WP教程 5 - 古腾堡编辑器使用指南!逐...

Wordpress插件与设计 - Elementor 基础教程 25 - SoundCloud小工具的设置和使用方法 - 特色图片

Elementor 基础教程 25 - SoundCloud小...

Wordpress插件与设计 - WP教程 28 - 如何有效使用WP评论功能,提高博客的互动性! - 特色图片

WP教程 28 - 如何有效使用WP评论功能,...

AI工具 与服务
YYP-2024-07-01-13-19-36

Uberduck - 释放AI音频无限创意,一站...

YYP-2024-06-29-07-58-58

ImageCreator - 免费文生图插件,Photo...

AI工具与服务推荐 - 蛙蛙写作 - AI驱动写作助手 - 特色图片

WawaWriter - 释放无限创意,让写作变...

AI工具与服务推荐 - iAsk.Ai - 免费AI搜索引擎 - 特色图片

iAsk.Ai - 免费AI搜索引擎,轻松获取准...

AI工具与服务推荐 - Feeltr - 网络浏览安全工具 - 特色图片

Feeltr - 更快、更安全的网络体验,有...

YYP-2024-07-01-13-14-31

macky - 30秒获得AI商业顾问的专业建议

Canva教程 与技巧
Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片

Canva新手指南7 - 掌握Canva Mockup功...

Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片

Canva 使用教程 9 - 如何巧妙地利用建...

Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片

Canva 相关教程 2 - Canva免费版与付费...

Canva使用教程 - Canva 新手指南 2 - 告别PS!全面解析Canva 图像编辑功能及其使用方法 - 特色图片

Canva新手指南2 – 告别PS!全面解析Can...

Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片

Canva新手指南3 - 无需编程!用Canva创...

Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片

Canva新手指南6 - 无需专业软件!用Can...

社媒运营 与营销
社媒运营推广 - Youtube - 如何正确选择一款适合自己的视频编辑软件? - 特色图片

如何正确选择一款适合自己的视频编辑软...

社媒运营推广 - Lemon8 - 一文带你解析海外版小红书Lemon8!Z世代的社交新宠,品牌营销新阵地! - 特色图片

一文带你解析海外版小红书Lemon8!Z世...

社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片

YouTube频道交易的大揭秘:机遇还是陷...

社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片

将爱好转为事业!通过YouTube频道赚钱...

社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片

YouTube Shorts!解析短视频创作和收益...

社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片

新手必看!解锁YouTube视频广告投放优...

AI工具 分类筛选
AI Main Category checkbox