CTA with icon
A CTA with icon is a type of CTA button. It is similar to the Standard CTA, but it has capability as a webchat button and features an icon next to the button.
Building the Component - CTA with icon
Use Add Entry and select CTA with icon
Name – this is the system name seen in Contentful
Type – select Standard or Webchat. You should always select Standard unless you're building a webchat button.
Button text – this is the copy that will appear on the CTA button e.g. 'Sign up' or 'Join us'
CTA colour – select the button colour, using Shelter's established styles. When in doubt, ask the Central Digital UX team.
Icon – select the icon you would like to appear next to the button (e.g. ‘speech bubble’ for a webchat, or ‘calendar’ for an event).
Link – you can link to any page entry in Contentful or an external link component
Icon placement – select which side of the button the icon should be positioned
Button size – defaults to ‘Regular’ but you have the option to make it smaller
Publish the Component - CTA with icon
Add the component to an Assembly - CTA
Any questions? Email Lindsay Foley in the Central Digital team.