--- title: Checkout slug: ticketing/checkout docTags: createdAt: 2025-12-08T14:01:47.272Z --- 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](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/0a0f7d09-09bb-4046-adde-b8bd616e0b1e/annotated/1765202383156.jpeg) **Option 1**: Select "**Test checkout**". Checkout page will open in the new window. ![Step 3](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/9e38d3e9-8f32-429e-9123-2460b4f77a21/annotated/1765202383583.jpeg) **Option 2**: Select "**View in Browser**". ![Step 4](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/61dccb27-7751-4288-b9fa-b77b5c7e4064/annotated/1765202382736.jpeg) **2**: From the event page click on the "**Buy tickets**" button. ![Step 5](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/7588ea35-88a0-4bdf-bcfe-0ec88d3ac7d2/annotated/1765202383488.jpeg) **3**: The checkout page will open in the same window, showing exactly what your customers see when placing their order. ![Step 6](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/e9ef6857-7cc6-4830-a420-00a84f539b04/annotated/1765202383991.jpeg) ## 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](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/bac9cfad-4ba5-426d-a606-703e5bea7ca7/annotated/1765202383828.jpeg) **3**: Select ticket category in which your ticket is located. ![Step 10](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/336f76c4-4d84-47ba-a069-90dcfcc8e216/annotated/1765202382609.jpeg) **4**: Select ticket you'd like to edit and click three dots. ![Step 11](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/8b5e8da5-e4fe-4467-a665-2f3d433402c1/annotated/1765202383032.jpeg) **5**: Select "**Edit**". ![Step 12](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/a963342b-c66f-4dbd-b3ea-f143e27e9f8f/annotated/1765202383252.jpeg) **6**: From the ticket menu go to "**Presentation**". ![Step 13](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/e102fd9f-8500-4a57-b2c8-9056ac12ef64/annotated/1765202383346.jpeg) **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](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/b1e644d0-303b-4a1f-b3e0-7ebbcdb7dae5/annotated/1765202382821.jpeg) ::::ExpandableHeading ### Example ![](https://api.archbee.com/api/optimize/dK0X2LiBPFYc6UPuSrcDi/IPBiyErGyZ6yhvrEzsUGo_tickets-for-my-event-tixify-live-entertainment-cloud-2025-12-09-at-121328-pm.jpg) :::hint{type="success"} **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](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/de496b44-c6e4-4eac-b74b-76ab44e57c47/annotated/1765202384087.jpeg) **Show availability**: Display the exact number of available tickets for a ticket type. ![Step 17](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/6537429b-89e9-4419-bfb2-c9fa2041f040/annotated/1765202384200.jpeg) :::ExpandableHeading ### Example ![](https://api.archbee.com/api/optimize/dK0X2LiBPFYc6UPuSrcDi/Pt-sZf7e4nmj7PCbt5F1g_tickets-for-my-event-tixify-live-entertainment-cloud-2025-12-09-at-121649-pm.jpg) ::: **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](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/3748afa8-0e0f-4497-a91d-5bacd753d1ec/annotated/1765202384583.jpeg) The **ticket thumbnail** is an image displayed next to the ticket type in the checkout. ![Step 19](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/386510fa-bd4c-41d3-bc7d-afc1fb028a2c/annotated/1765202384292.jpeg) ## 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](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/0da299dd-fb54-4742-b14a-bbe169faca33/annotated/1765202382923.jpeg) **2**: In the "**Upselling**" add your checkout header. If not selected, the custom header will be applied by default. ![Step 23](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/ce55f697-5309-42b8-b095-4499018402d8/annotated/1765202384697.jpeg) :::ExpandableHeading ### Example ![](https://api.archbee.com/api/optimize/dK0X2LiBPFYc6UPuSrcDi/8ihe7gio_10NTXn-LDVNs-20251209-112624.jpg) ::: **3**: Additionally you can customize images of presented products. Go to "**Products**". ![Step 24](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/134f4b72-3333-4869-8b93-d7c13ca04453/annotated/1765202383923.jpeg) **4**: Select product you'd like to edit. ![Step 25](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/548f491c-0c3d-4b56-8f43-6e8f18bb313f/annotated/1765202384383.jpeg) **5**: In the open window set the product image. ![Step 26](https://assets.guidejar.com/uploads/e8c99bf8-31ef-4f01-82fc-ce6dda2d869b/I18qIEHKZsfcVThMUMuZafkRanA3/58b84801-b573-4006-8d60-8d41aba16556/annotated/1765202383713.jpeg) ## 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. :::hint{type="info"} **Note**: iFrame and Modal integrations can only be used for single events. Embedding Hero Shops or collected events is not possible. :::