{"id":200367,"date":"2025-09-10T00:01:46","date_gmt":"2025-09-10T07:01:46","guid":{"rendered":"https:\/\/www.fooevents.com\/?p=200367"},"modified":"2025-09-11T02:49:58","modified_gmt":"2025-09-11T09:49:58","slug":"how-to-use-fooevents-shortcodes-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/de\/how-to-use-fooevents-shortcodes-in-wordpress\/","title":{"rendered":"Wie man FooEvents-Shortcodes in WordPress verwendet"},"content":{"rendered":"<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-200370\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcodes.png\" alt=\"Guide for using FooEvents shortcodes\" width=\"1024\" height=\"683\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcodes.png 1536w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcodes-300x200.png 300w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>FooEvents shortcodes let you drop event information, ticket forms, and calendars anywhere in your WordPress site without custom coding. They\u2019re flexible, beginner-friendly, and give you control over how event content shows up. This guide walks you through the main shortcodes, when to use them, and where to find extra help.<\/p>\n<p><!-- Introduction --><\/p>\n<h2><strong>Introduction<\/strong><\/h2>\n<p>If you\u2019ve spent time setting up events with FooEvents, you\u2019ve probably noticed that sometimes you want more control over where things appear. Maybe you want to display a calendar on your homepage, or insert an event\u2019s ticket form into a landing page. That\u2019s where <strong>FooEvents shortcodes<\/strong> come in handy.<\/p>\n<p>Shortcodes are simple text snippets wrapped in square brackets\u2014no programming required. Once you know the basics, you can start mixing them into your posts and pages like a pro.<\/p>\n<p><!-- What are shortcodes --><\/p>\n<h2><strong>What Are FooEvents Shortcodes?<\/strong><\/h2>\n<p>WordPress shortcodes are placeholders that automatically pull in dynamic content. FooEvents includes its own set, designed specifically for events, tickets, and bookings.<\/p>\n<pre><code>[fooevents_events_list]<\/code><\/pre>\n<p>Drop that in a page or post, and you\u2019ll instantly get a simple list of all your events\u2014no need to copy\/paste HTML.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-200378\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcode_screenshot.png\" alt=\"Screenshot of WordPress editor with a FooEvents shortcode in the content area\" width=\"800\" height=\"562\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcode_screenshot.png 898w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcode_screenshot-300x211.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcode_screenshot-768x540.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcode_screenshot-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_shortcode_screenshot-512x360.png 512w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-200379\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_events_list_screenshot-1024x930.png\" alt=\"Screenshot of events outputted to a list from a FooEvents shortcode\" width=\"800\" height=\"726\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_events_list_screenshot-1024x930.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_events_list_screenshot-300x272.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_events_list_screenshot-768x697.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_events_list_screenshot-13x12.png 13w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_events_list_screenshot-512x465.png 512w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_events_list_screenshot.png 1074w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><!-- Why use them --><\/p>\n<h2><strong>Why Use Them?<\/strong><\/h2>\n<p>Shortcodes are useful when:<\/p>\n<ul>\n<li>You want event content outside the default WooCommerce product page<\/li>\n<li>You\u2019re building landing pages and need only certain event details<\/li>\n<li>You\u2019re customizing layouts without editing theme files<\/li>\n<\/ul>\n<p>They\u2019re flexible but still safe\u2014if you remove a shortcode, the content disappears, but your event data stays intact.<\/p>\n<p><!-- Common shortcodes --><\/p>\n<h2><strong>Other FooEvents Shortcodes<\/strong><\/h2>\n<p>Below are some of the most popular shortcodes from the <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" target=\"_blank\" rel=\"noopener nofollow\">FooEvents Shortcodes Help Doc<\/a>:<\/p>\n<h3>Event Calendar<\/h3>\n<pre><code>[fooevents_calendar]<\/code><\/pre>\n<p>Displays an interactive calendar showing upcoming events. Handy for dedicated \u201cEvents\u201d pages.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-200380\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_calendar_shortcode_screenshot-1024x781.png\" alt=\"Screenshot of FooEvents calendar layout with multiple events listed\" width=\"800\" height=\"610\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_calendar_shortcode_screenshot-1024x781.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_calendar_shortcode_screenshot-300x229.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_calendar_shortcode_screenshot-768x585.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_calendar_shortcode_screenshot-16x12.png 16w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_calendar_shortcode_screenshot-512x390.png 512w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_calendar_shortcode_screenshot.png 1073w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Simple Event Product<\/h3>\n<pre><code>[fooevents_event product=123]<\/code><\/pre>\n<p>Display the image and description of a specific event using the event id. Lets you drop event information into any page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-200382 size-full\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_event_shortcode_screenshot.png\" alt=\"Screenshot of event information for a specific event\" width=\"809\" height=\"1110\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_event_shortcode_screenshot.png 809w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_event_shortcode_screenshot-219x300.png 219w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_event_shortcode_screenshot-746x1024.png 746w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_event_shortcode_screenshot-768x1054.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_event_shortcode_screenshot-9x12.png 9w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/fooevents_event_shortcode_screenshot-512x702.png 512w\" sizes=\"(max-width: 809px) 100vw, 809px\" \/><\/p>\n<p><!-- Tips --><\/p>\n<h2><strong>Tips for Using Shortcodes<\/strong><\/h2>\n<ul>\n<li><strong>Test on a draft page first.<\/strong> Shortcodes don\u2019t break your site, but previewing ensures the layout works.<\/li>\n<li><strong>Combine with columns or page builders.<\/strong> Shortcodes fit inside most block or builder layouts.<\/li>\n<li><strong>Use clear page names.<\/strong> If you\u2019re creating multiple ticketing or calendar pages, give them simple URLs like <code>\/event-calendar<\/code> or <code>\/book-class<\/code>.<\/li>\n<\/ul>\n<p><strong>[Note:<\/strong> FooEvents shortcodes work with Classic Editor and most page builders. For Block Editor (Gutenberg), add them via a \u201cShortcode\u201d block.]<\/p>\n<p><!-- Troubleshooting --><\/p>\n<h2><strong>Troubleshooting<\/strong><\/h2>\n<ul>\n<li><strong>Nothing shows?<\/strong> Double-check that you have installed the <a title=\"FooEvents Calendar plugin\" href=\"https:\/\/www.fooevents.com\/products\/fooevents-calendar\/\">FooEvents Calendar plugin<\/a> on your website and that your event has tickets and dates set up.<\/li>\n<li><strong>Wrong event?<\/strong> Make sure the <code>id=\"123\"<\/code>\u00a0matches the correct product ID.<\/li>\n<li><strong>Formatting looks off?<\/strong> Some themes override shortcode styling\u2014test with a default theme to isolate issues.<\/li>\n<\/ul>\n<p>If you\u2019re stuck, check the <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" target=\"_blank\" rel=\"noopener nofollow\">FooEvents Shortcodes Help Doc<\/a> or <a title=\"Contact support\" href=\"https:\/\/help.fooevents.com\/contact\/\" rel=\"nofollow noopener\" target=\"_blank\">log a ticket<\/a> with our support team.<\/p>\n<h2><strong>FAQ<\/strong><\/h2>\n<p><strong>Q: Can I use multiple shortcodes on the same page?<\/strong><br \/>\nYes\u2014stack them or use columns. For example, put a calendar above a ticket form.<\/p>\n<p><strong>Q: Do shortcodes work in widgets?<\/strong><br \/>\nYes, most widget areas (like sidebars) will process shortcodes. Use the \u201cText\u201d or \u201cShortcode\u201d widget.<\/p>\n<p><strong>Q: Can I style the output?<\/strong><br \/>\nDefinitely. Shortcodes generate HTML you can target with CSS in your theme or child theme.<\/p>\n<p><!-- Conclusion --><\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>FooEvents shortcodes give you a flexible way to display events, ticket forms, and calendars wherever you like. Once you get comfortable dropping them into posts and pages, you\u2019ll find they save time and open up creative layout possibilities. When in doubt, the help docs are your friend.<\/p>\n<p><a title=\"Visit FooEvents.com\" href=\"https:\/\/www.fooevents.com\">Find out more on FooEvents<\/a> or visit the <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" target=\"_blank\" rel=\"noopener nofollow\">FooEvents Shortcodes Help Doc<\/a> for the full list.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>FooEvents shortcodes let you drop event information, ticket forms, and calendars anywhere in your WordPress site without custom coding. They\u2019re flexible, beginner-friendly, and give you control over how event content shows up. This guide walks you through the main shortcodes, when to use them, and where to find extra help. Introduction If you\u2019ve spent time [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":200370,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[53],"tags":[482,481,480,484,478,367,479,485,475,483],"class_list":["post-200367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howto","tag-booking-forms","tag-event-calendar","tag-event-ticketing","tag-fooevents-help","tag-fooevents-shortcodes","tag-ticket-sales","tag-woocommerce-events","tag-woocommerce-plugins","tag-wordpress-events","tag-wordpress-shortcodes"],"_links":{"self":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/posts\/200367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/comments?post=200367"}],"version-history":[{"count":0,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/posts\/200367\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/media\/200370"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/media?parent=200367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/categories?post=200367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/tags?post=200367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}