Button
- Button Label
[button link="#" label="Button Label"] Button with alternate class
Button Label[button link="#" label="Button Label" variant="alternate"]
Skip to content
Shortcodes
For all shortcodes listed below, you can also add administrative attributes:
See Attributes
- class - add a class to the shortcode
- id - add an id to the shortcode
- animation - add an animation to the shortcode. Valid options include "slideup" and "fadein". With animations, the following options are also available as attributes:
- animation_delay - delay (in seconds) before animation starts
- animation_speed - length (in seconds) of animation
- animation_opacity - starting opacity (default is 0) of item (for slideup)
- animation_translatey - starting offset position (default is 2rem) along the Y access (for slideup)
The above animations are for the full component. For components where you would like to target animations only for the header or image, you can adjust all of them by prepending with header or image - e.g., "header_animation", "header_animation_speed"
Components
Accordion Item
Accordion Item
[accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here" ]Accordion Headline
Accordion - put howevermuch you want in here
Open Accordion Item
[accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here" status="open"]Accordion Headline
Accordion - put howevermuch you want in here
Accordion Set
[accordionset header="Accordion Set Header" body="Accordion Set Body" status="first"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here" ][/accordionset]Accordion Headline
Accordion - put howevermuch you want in here
Accordion Headline
Accordion - put howevermuch you want in here
Disembodied Accordion
[accordionset layout="disembodied" header="Accordion Set Header" body="Accordion Set Body" status="first"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here"][accordion headline="Accordion Headline" content="Accordion - put howevermuch you want in here" ][/accordionset]- Accordion Headline
- Accordion Headline
- Accordion Headline
- Accordion Headline
Accordion - put howevermuch you want in here Accordion - put howevermuch you want in here Accordion - put howevermuch you want in here Accordion - put howevermuch you want in here Accordion Headline
Accordion - put howevermuch you want in here
Accordion Headline
Accordion - put howevermuch you want in here
Accordion Headline
Accordion - put howevermuch you want in here
Accordion Headline
Accordion - put howevermuch you want in here
CardSet
Cardset - 3 Cards
[cardset header="Cardset Header" body="Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body "][card title="Card 1" button_label="Button Label" subtitle="subtitle" image="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" link="#" ][card title="Card 2" image="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" ][card title="Card 3" image="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" ][/cardset]Cardset Header
Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body Cardset Body
Call To Action
CTA - With Button
[cta headline="Call To Action" content="Call To Action - here's a bunch of call to action content" button_label="Button Label" link="#" id="kivvi-cta" class="kivvi-cta-class" ]Button LabelCall To Action
Call To Action - here's a bunch of call to action content
Hero
Hero - With Button
[hero logo="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" title="Hero Title" description="Hero Description Blah albhlhbalbh" button_label="Button Label" link="#" id="kivvi-hero" class="kivvi-hero-class" ]
Modal Video
Modal Video
[modalvideo image="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" title="Modal Video" description="Modal Video Description" video_url="https://www.youtube.com/watch?v=9bZkp7q19f0" id="kivvi-modalvideo" class="kivvi-modalvideo-class" video_text="Video Text" ]Modal Video
Modal Video Description
Post List
Post List
[blogroll post_type="post" ]Social Media Is Entertainment. Your Brand Is (Probably) Not an Entertainer.
May 20, 2026 by Natalie Winslow
There is a thing that happens in marketing meetings, where somebody says, “we really need to be […]Nonprofits: Giving Tuesday Should Be a Year Round Effort
May 19, 2026 by Natalie Winslow
Every year, nonprofits put tremendous effort into their Giving Tuesday campaigns, often starting in the final weeks […]Can Digital Marketing Help Independent Schools Through the Enrollment Crisis?
May 15, 2026 by Natalie Winslow
Independent schools are in a weird spot right now. Actually, “weird” might be the understatement of the […]Uncategorized Post List
[blogroll itemheadertag="h3" post_type="post" category="Uncategorized"]Sorry - we couldn't find anything here
Everything BUT Uncategorized Post List
[blogroll post_type="post" category_exclude="Uncategorized"]Social Media Is Entertainment. Your Brand Is (Probably) Not an Entertainer.
May 20, 2026 by Natalie Winslow
There is a thing that happens in marketing meetings, where somebody says, “we really need to be […]Nonprofits: Giving Tuesday Should Be a Year Round Effort
May 19, 2026 by Natalie Winslow
Every year, nonprofits put tremendous effort into their Giving Tuesday campaigns, often starting in the final weeks […]Can Digital Marketing Help Independent Schools Through the Enrollment Crisis?
May 15, 2026 by Natalie Winslow
Independent schools are in a weird spot right now. Actually, “weird” might be the understatement of the […]
Tabs
Tab Set - content centered
[tabs][tab title="Tab 1" ]Tab 1 Content[/tab][tab title="Tab 2"]Tab 2 Content[/tab][/tabs]
Two Up
[twoup header_text="Two Up" header_body="Two Up - here's a bunch of two up content" image_url="https://www.newwhyweb.com/wp-content/themes/kivvi/images/kivvi-wireframes-placeholder-image.jpeg" ]Two Up
Two Up - here's a bunch of two up content
Utilities
Current Year
Copyright
© 2026© [currentyear]
Social Media
Socials shortcode
[kivvi-socials]
Have something to say?