导入
结账组件
学习如何将结账小部件嵌入到您的应用程序中。
Eventbrite 提供了一个结账小工具,我们可以轻松将其集成到网站或应用程序中。只需使用简单的 HTML 和 JavaScript 即可使用该小工具。
JavaScript 脚本的 URL 为:
1https://www.eventbrite.com/static/widgets/eb_widgets.js

小工具的请求参数
我们将向小工具函数传递以下参数:
| 属性 | 类型 | 必填 | 说明 |
|---|---|---|---|
| widgetType | string | 是 | 该属性的值必须为 checkout。 |
| eventId | string | 是 | 用户需要购买票券的活动 ID。 |
| modal | boolean | 是 | 若为 true,则渲染小工具;否则不渲染。 |
| modalTriggerElementId | string | 是 | 小工具绑定的目标 HTML 元素 ID。 |
| onOrderComplete | function | 是 | 订单完成时触发的回调函数。 |
| iFrameContainerId | string | 否 | 小工具的容器目标 HTML 元素 ID。 |
| iFrameContainerHeight | integer | 否 | 小工具的高度(单位:像素),默认值为 425px。 |
| iFrameAutoAdapt | integer | 否 | 小工具视口百分比(取值范围为 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