If you have created a shop it is possible to adjust the colors. This way you can choose your identity colors for the buttons:
Step 1: Choose your color
You can choose a color from https://www.color-hex.com/
Not all the (light) colors work, such as yellow. If tests show that the color doesn't work, choose a darker color. You need the color code without #. For purple this is 81016e.
Step 2: Adjusting the URL
You need your shop URL. Go to the GUTS dashboard, to your shop and click on the 'link / embed' button. Copy the link.
The link you copied from the dashboard is structured as follows: https://guts.events/ + slug + possibly extra URL text.
The slug is the part that comes after your domain name in the URL. The slug identifies which shop you want to direct to. In this way we ensure that visitors always end up with the right online shop. Each shop has a different slug. In the case of the example, the slug is zwk979/vz5jwt.
If you want to use your own color, the link has to be build slightly different: https://widget.guts.events/ + Slug + ?c = + your chosen color code.
In short: You add widget. before the URL and ?c=(color code) after the URL. For example: https://widget.guts.events/zwk979/vz5jwt?c=81016e
Test the URL in a browser before sharing it.
Embed
The above also works for the embedded variant, but then you have to adjust the link in the embedded code:
<div class="tickets-widget-wrapper" style="width:100%; max-width:640px; margin:0 auto; padding:0;"> <iframe src="https://widget.guts.events/zwk979/vz5jwt/?c=81016e" id="widget-zwk979" class="tickets-widget" data-gate="zwk979" frameborder="0" scrolling="no" style="width:100%;height:80vh;margin:0;padding:0;border:none;overflow:hidden;"></iframe></div>