Create a Checkout Widget

Create a Checkout Widget
Need to add a checkout widget? Click here to get started.

Creating a Widget

The Checkout Widget allows you to sell tickets to any of your events on your organization's website.
Please note: You will need to have access to the HTML of your website or blog to use this feature.
  • Widget Description. This will be the title of your widget, only visible internally. Use this to keep track of which widgets you are using, especially if you are listing your events on multiple websites.

  • Template. Select a template from your available created templates to see a preview.

  • Width. Determine the specific width of the widget in pixels, or a percentage of the maximum space available in whatever location you choose on your website. The height will automatically adjust, at which point you then can fill in the desired Minimum/Maximum Height.

  • Show Template Header. Choose whether to display the header from your template on the checkout widget. We recommend hiding the template header, since it is likely that you are already using a header on your own website

  • Show Venue Name. Choose whether to display the venue name in the checkout widget. We recommend hiding the venue name if all of your events take place at the same venue.

  • Override Event Template. Select Yes to override individual event templates when using your checkout widget. If you use a variety of custom templates across your events, this feature can help you standardize the appearance of your events in the checkout widget on your website.

  • Begin on Calendar View. Select Yes to display the calendar view by default when using your checkout widget. Choosing No will display the list view by default. Regardless of which display you choose for the default, customers will be able to switch between the two, using the buttons in the top right of the window.

  • Show Events List. Select Yes to display all of your upcoming events by default in the widget. Select No to open a new option, which allows you to choose a particular event to display in your checkout widget. Please note that customers will still be able to access other upcoming events by clicking View All Events—this simply changes what appears when they first visit the tab.

  • Use Category Colors. Select Yes to use our default array of colors for upcoming events in the calendar view. If you choose not to activate this option, the calendar will display the color associated with each event's individual template.

  • Tracking Tags can also be inserted here to track orders through this widget.
Click Save Changes to complete the widget.
Finding Your Code Snippet
  • Click the Connect section.

  • Click Checkout Widgets.

  • Click the Show Embed Code button for the widget you have selected.‚Äč

Did you find this article helpful?