Logo
Section 1 / 3

结账组件

学习如何将结账小部件嵌入到您的应用程序中。

导入

结账组件

学习如何将结账小部件嵌入到您的应用程序中。

Eventbrite 提供了一个结账小工具,我们可以轻松将其集成到网站或应用程序中。只需使用简单的 HTML 和 JavaScript 即可使用该小工具。

JavaScript 脚本的 URL 为:

1https://www.eventbrite.com/static/widgets/eb_widgets.js

Course Image

小工具的请求参数

我们将向小工具函数传递以下参数:

属性类型必填说明
widgetTypestring是该属性的值必须为 checkout。
eventIdstring是用户需要购买票券的活动 ID。
modalboolean是若为 true,则渲染小工具;否则不渲染。
modalTriggerElementIdstring是小工具绑定的目标 HTML 元素 ID。
onOrderCompletefunction是订单完成时触发的回调函数。
iFrameContainerIdstring否小工具的容器目标 HTML 元素 ID。
iFrameContainerHeightinteger否小工具的高度(单位:像素),默认值为 425px。
iFrameAutoAdaptinteger否小工具视口百分比(取值范围为 75–100)。

小工具有两种类型:

  • 弹窗式结账
  • 非模态式结账

创建用于结账小工具的活动

我们已在上一课中删除了第一个活动。现在创建一个免费活动并发布它,因为只有已发布的活动才会显示结账小工具。

1import requests 2import json 3 4headers = { 5 'Authorization': 'Bearer {{PRIVATE_TOKEN}}', 6 'Content-Type': 'application/json' 7} 8 9# 创建活动 10url_event = 'https://www.eventbriteapi.com/v3/organizations/{{ORGANIZATION_ID}}/events/' 11values_event = json.dumps({ 12 "event": { 13 "name": { 14 "html": "我的活动名称" 15 }, 16 "description": { 17 "html": "活动的详细描述。" 18 }, 19 "start":{ 20 "timezone": "America/Los_Angeles", 21 "utc": "2022-12-01T02:00:00Z" 22 }, 23 "end":{ 24 "timezone": "America/Los_Angeles", 25 "utc": "2022-12-01T05:00:00Z" 26 }, 27 "currency": "USD" 28 } 29 }) 30response_event = requests.request("POST", url_event, headers=headers, data=values_event).json() 31print("活动ID: ", response_event['id']) 32 33# 为活动创建免费票种 34url_ticket = 'https://www.eventbriteapi.com/v3/events/'+response_event['id']+'/ticket_classes/' 35values_ticket = json.dumps({ 36 "ticket_class": { 37 "name": "票种名称", 38 "free": True, 39 "capacity": "100", 40 "minimum_quantity": "1", 41 "maximum_quantity": "10", 42 "sales_channels": ["online", "atd"], 43 "delivery_methods": ["electronic"] 44 } 45 }) 46response_ticket = requests.request("POST", url_ticket, headers=headers, data=values_ticket).json() 47print("票种ID: ", response_ticket['id']) 48 49# 发布活动 50url_publish = 'https://www.eventbriteapi.com/v3/events/'+response_event['id']+'/publish/' 51response_publish = requests.request("POST", url_publish, headers=headers).json() 52print("已发布: ", response_publish['published'])

弹窗式结账

这是一种模态弹窗:在当前页面上弹出一个屏幕或对话框。这种结账小工具可以与任意可点击的 HTML 元素集成。用户仅在点击该元素时才会看到购票界面。点击“运行”按钮执行下方代码,然后点击“购买票券”按钮,即可在“输出”标签页中弹出购票界面。

No configuration found for ID: 47cc7f9aac0b0a739ebf8a52a6beef58b597dbcc2b973855acb336630b32a06c

非模态式结账

如果希望结账小工具直接嵌入网站或应用中,用户无需点击任何按钮即可直接看到“购票界面”。点击“运行”按钮执行下方代码,即可在“输出”标签页中直接看到购票界面,无需额外操作。

No configuration found for ID: 2c33e4c5d637f06d989a81f173131d69e4092b9515e49cb643e7020381572d41

事件管理

列出订单和参会人员