CTAs
There are four types of CTAs.
- CTA Button: standard CTA
- CTA Button - Contact Us: directs users to the contact form page.
- CTA Button - Find an Event Venue: directs users to the search page with a filter applied for the event venue type
- CTA Button - Phone Call: triggers a phone call
CTA Button
Standard button or link that directs the user to another page.
Property |
Configuration |
Validation |
Style |
Choose a CTA style option from the drop down.
Primary Button: display the CTA with a border. Secondary Button: display the CTA as text only, without a border. |
Required |
Text |
Add a text value to display on the CTA to the text input. |
Required |
Link |
Add a Page Reference, Media, Email, External Link, and/or Remaining URL. |
Required |
CTA Button - Contact Us
Can be used instead of the CTA Block. Has the same properties as the CTA block with the addition of a contact form type drop down. Intended to be used for links that are directed to the contact form. The additional property of default contact type will make the link automatically show the correct contact form on the contact page. This type of CTA is required when adding a CTA to a Team Member block.
Property |
Configuration |
Validation |
Default Contact Type |
Select a value from the dropdown. Corresponds to the different types of contact forms.
|
Required |
CTA - Find an Event Venue
Can be used instead of the CTA Block. Intended to be used for links that are directed to the search page. The additional property of event type will make the link automatically have the correct event type parameter for club search so that the clubs matching the event type will show when the user is redirected.
Property |
Configuration |
Validation |
Default Event Type |
Select a value from the dropdown. Corresponds to the different types of events on the search page. These values can be added and edited on the Global Settings Page. |
Required |
CTA - Phone Call
Can be used instead of the CTA Block. Intended to be used for triggering a phone call to the club.
Property |
Configuration |
Validation |
Style |
Choose a CTA style option from the drop down.
Primary Button: display the CTA with a border. Secondary Button: display the CTA as text only, without a border. |
Required |
Text |
Add a text value to display on the CTA to the text input. |
Required |
Phone Number |
Add a phone number to the input, without formatting. |
Required |
CTA - Script
Can be used instead of the CTA Block. Intended to be used with Javascript.
Property |
Configuration |
Validation |
Inline Anchor Tags |
These are space delimited HTML tags that precede directly after the anchor. Example: <a onclick="alert('test')" href="https://google.com">Test</a> |
Optional |
Additional CSS Classes |
These are either first or third party space delimited CSS classes that you want appended to the CSS class list. This allows you to change the look and feel of the CTA based on the class. Or some third party integrations require a specific class name to be on the anchor for the JS to work. |
Optional |
Html Script |
The JavaScript code that needs to run with the CTA. This can be a custom script or a third party one. |
Required |