CTA Library
- Notes:Copy the Component Value (curly braces included) into your blog post where you want the CTA placed. Publish and presto.
For easy mode– on the published version of this page, you can click the component value string (the colored value) to copy it.
When visiting the live /cta-library page you must append the query ?show-ctas to the end otherwise the page content is deleted on load. /cta-library?show-ctas - CTA Name:Static CTA 1
- CTA Component Value:{{static-cta-1}}
Static CTA 1 heading
Static CTA 1 body copy
- CTA Name:Static CTA 2
- CTA Component Value:{{static-cta-2}}
Static CTA 2 heading
Static CTA 2 body copy
- Dynamic CTA Name:Dynamic CTA 1
- Dynamic CTA Component Value:{{dynamic-cta-1="/cta-library/cta/dynamic-cta-1"}}
- Center Aligned:True
Dynamic CTA Heading 1
Dynamic CTA 1 body copy - this CTA is center aligned
- Dynamic CTA Name:Dynamic CTA 2
- Dynamic CTA Component Value:{{dynamic-cta-2="/cta-library/cta/dynamic-cta-2"}}
- Show Secondary CTA Button:True
Dynamic CTA 2 Heading
Dynamic CTA 2 body copy - this CTA has a two buttons
- Dynamic CTA Name:Dynamic CTA 3
- Dynamic CTA Component Value:{{dynamic-cta-3="/cta-library/cta/dynamic-cta-3"}}
- Show Background Image:True
Dynamic CTA 3 Heading
Dynamic CTA body copy - this CTA has a background image
- Dynamic CTA Name:Dynamic CTA 4
- Dynamic CTA Component Value:{{dynamic-cta-4="/cta-library/cta/dynamic-cta-4"}}
- Show Secondary CTA Button:True
- Inverted:True
Dynamic CTA 4 Heading
Dynamic CTA 4 body copy - this CTA is inverted and has 2 buttons