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插件与设计 - Elementor 基础教程 31 - Text Path小工具的设置和使用方法 - 特色图片
Elementor 基础教程 31 - Text Path小工具的设置和使用方法
Wordpress插件与设计 - WP教程 6 - 掌握文章创建和编辑的核心技巧(文本篇) - 特色图片
WP教程 6 - 掌握文章创建和编辑的核心技巧(文本篇)
Wordpress插件与设计 - Elementor 基础教程 27 - HTML小工具的设置和使用方法 - 特色图片
Elementor 基础教程 27 - HTML小工具的设置和使用方法
Wordpress插件与设计 - WP教程 26 - 使用区块样板,可让网页设计变得轻松又有趣! - 特色图片
WP教程 26 - 使用区块样板,可让网页设计变得轻松又有趣!
Wordpress插件与设计 - Elementor 基础教程 15 - 基本图库小工具的设置使用方法 - 特色图片
Elementor 基础教程 15 - 基本图库小工具的设置使用方法
Wordpress插件与设计 - Elementor 基础教程 11 - 图像框小工具的设置和使用方法 - 特色图片
Elementor 基础教程 11 - 图像框小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 3 - Portfolio小工具的设置和使用方法 - 特色图片
Elementor 专业教程 3 - Portfolio小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 11 - Price List小工具的设置和使用方法 - 特色图片
Elementor 专业教程 11 - Price List小工具的设置和使用方法
Wordpress插件与设计 - WP教程 3 - 一文解析WordPress帖子与页面,轻松掌控网站展示方式 - 特色图片
WP教程 3 - 一文解析WordPress帖子与页面,轻松掌控网站展示方式
Wordpress插件与设计 - WP教程 5 - 古腾堡编辑器使用指南!逐步成为WordPress编辑专家 - 特色图片
WP教程 5 - 古腾堡编辑器使用指南!逐步成为WordPress编辑专家
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - PR-image.webp

Elementor

建站必备插件推荐
Elementor是一款WordPress平台上的可视化页面构建器插件,无需编程即可设计网页

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Astra Theme

建站主题推荐
Astra Theme是一个快速、轻量级且高度可定制的WordPress主题,适合各种网站

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Crocoblock

建站功能插件推荐
Crocoblock是一系列高功能的Elementor附加插件,用于创建动态内容和专业级网站

访问官网
副业时代 站内使用 elementor 免费教程 横板图像 - image-2.webp

Elementor Free Widget

Elementor 免费版小工具
是设计网页时所需的基础类工具。
大约包含30多个小工具

访问课程页
副业时代 站内使用 elementor 专业教程 横板图像 - image-2.webp

Elementor Pro Widget

Elementor 专业版小工具
是面向专业熟练用户的高级设计套件。
大约包含30多个小工具

访问课程页
已阅读 文章
您还没有阅读任何文章
AI Tools Post
AI工具与服务推荐 - Wiseone - AI搜索和阅读工具 - 特色图片
Wiseone - AI智能搜索,让知识探索更加便捷
AI工具与服务推荐 - BlackInk AI - AI纹身生成器 - 特色图片
BlackInk AI - 秒速生成独特纹身设计,释放无限创意与可能
AI工具与服务推荐 - Mapify - AI思维导图与头脑风暴工具 - 特色图片
Mapify - 免费在线AI思维导图工具,多源内容秒变脑图,思维更清晰
AI工具与服务推荐 - Malted AI - 企业AI解决方案 - 特色图片
Malted AI - 提炼企业AI解决方案,释放AI价值
AI工具与服务推荐 - Metaforms - AI定性市场研究工具 - 特色图片
Metaforms - 对话式AI,让您市场研究领先一步!
AI工具与服务推荐 - ImgUpscaler - 在线AI图像放大工具 - 特色图片
ImgUpscaler - AI放大照片,细节满分呈现
Canva Post
Canva使用教程 - Canva 新手指南 7 - 掌握Canva Mockup功能!轻松打造完美合成图像 - 特色图片
Canva新手指南7 - 掌握Canva Mockup功能!轻松打造完美合成图像
Canva使用教程 - Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择? - 特色图片
Canva 相关教程 2 - Canva免费版与付费版的详细解析,助你做出最明智的选择?
Canva使用教程 - Canva 新手指南 5 - 掌握Docs的功能和技巧,使文档创作更简单! - 特色图片
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
Canva使用教程 - Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品 - 特色图片
Canva 相关教程 3 - 设计初体验!用Canva打造你的第一个创意作品
Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片
Canva 使用教程 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍!
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Smm Post
社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片
YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里!
社媒运营推广 - Youtube - 新手必看!解锁YouTube视频广告投放优化技巧,提升转化率 - 特色图片
新手必看!解锁YouTube视频广告投放优化技巧,提升转化率
社媒运营推广 - Youtube - YouTube Shorts!解析短视频创作和收益的秘密 - 特色图片
YouTube Shorts!解析短视频创作和收益的秘密
社媒运营推广 - Youtube - 如何正确选择一款适合自己的视频编辑软件? - 特色图片
如何正确选择一款适合自己的视频编辑软件?
社媒运营推广 - Youtube - YouTube运营全攻略 从零到一打造你的油管频道 - 特色图片
YouTube运营全攻略:从零到一打造你的油管频道
社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片
从0到10万!12个实用技巧快速提升YouTube频道的订阅量
AI工具 分类筛选
AI Main Category checkbox