Display & Design
Checkout
9 min
the checkout is integrated on the event page as a modal or can be accessed directly via its url 1 you have two options how to access your checkout page at the event level click on " open actions" step 2 option 1 select " test checkout " checkout page will open in the new window step 3 option 2 select " view in browser " step 4 2 from the event page click on the " buy tickets " button step 5 3 the checkout page will open in the same window, showing exactly what your customers see when placing their order step 6 ticket types 1 the display of ticket types can be customized for each event individually all related settings are available in your event’s settings 2 go to " ticket categories " step 9 3 select ticket category in which your ticket is located step 10 4 select ticket you'd like to edit and click three dots step 11 5 select " edit " step 12 6 from the ticket menu go to " presentation " step 13 mark as recommended marking a ticket as recommended adds a frame in the accent color around it, making it stand out more prominently in the checkout step 14 example tip! the accent color can be changed in display > accent color hide tickets if a ticket is hidden, it will not appear in the checkout and can only be added through shopping cart automations this is useful, for example, when offering tickets via automations that are not otherwise available for sale step 16 show availability display the exact number of available tickets for a ticket type step 17 example ignore for start price if a ticket is excluded from the starting price, it will not be counted in the “tickets from” amount for example, free tickets with a 0 eur value won’t make the event display as “tickets from 0 eur" if this option is enabled step 18 the ticket thumbnail is an image displayed next to the ticket type in the checkout step 19 products if products are sold in an event, the display of these in the checkout can be additionally customized 1 you can customize products thumbnail by clicking " sales " in the event settings step 22 2 in the " upselling " add your checkout header if not selected, the custom header will be applied by default step 23 example 3 additionally you can customize images of presented products go to " products " step 24 4 select product you'd like to edit step 25 5 in the open window set the product image step 26 checkout integrations instead of using our event pages, you can embed the checkout directly on your website this reduces clicks for ticket buyers, keeps them on your site, and maintains a branded checkout experience the checkout can be embedded either via iframe or modal integration , depending on your preference for both options, code snippets are available in the dashboard and can be copied directly—no additional coding is required modal integration modal integration opens the checkout as a new window on top of your website this window can be opened by clicking on a button, for example iframe integration with iframe integration, the checkout is embedded directly into the website the customer does not leave the website, no additional window opens and he can complete the purchase on your website until the end note iframe and modal integrations can only be used for single events embedding hero shops or collected events is not possible