By using Givsum's Opportunity Widget you can add an "Attend" button and allow your visitors to purchase tickets and checkout from your website. Copy and paste the code provided from the link icon on your opportunity page's admin bar, or use the code below by replacing [opportunity] with the opportunity url slug.
<a href="https://www.givsum.com/opportunities/[opportunity]" class="givbtn">Attend Our Event!</a>
The "script" tag only needs to be called once and can be placed anywhere relative to your widget button / buttons.
Use a "data-style" attribute with the values "full" or "none" to make the button full-width, or remove the default styling.
You can also use the Givsum Opportunity Widget by adding an iframe ticket purchase and donation form directly to your website which will allow your visitors to purchase tickets and donate from your website. Copy and paste the code provided from the link icon on your opportunity page's admin bar, or use the code below by replacing [opportunity] with the opportunity url slug.
<iframe src="https://www.givsum.com/charities/[opportunity]/widget?givwidget=true&givembed=true" width="50%" height="400px" style="background-color: #f9f9f9"></iframe>
Use the "width" attribute with a value from "0%" to "100%" to decrease and increase the width of the donation form.
Use the "height" attribute by increasing or decreasing "400px" to increase and decrease the height of the donation form.
Use the "background-color" attribute held inside the "style" attribute to modify the background color of the form as fit for your website. The value entered after the "#" should be in hexidecimal format for the RGB value. The default recommended color (#f9f9f9) shown above is a light shade of gray.