{"id":134023,"date":"2023-10-24T03:02:20","date_gmt":"2023-10-24T10:02:20","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/frequently-asked-questions\/events\/how-do-i-use-the-fooevents-calendar-on-its-own\/"},"modified":"2023-10-27T16:26:09","modified_gmt":"2023-10-27T23:26:09","slug":"puedo-utilizar-el-calendario-independiente-de-fooevents","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/es\/docs\/frequently-asked-questions\/events\/can-i-use-the-fooevents-calendar-standalone\/","title":{"rendered":"\u00bfPuedo utilizar el Calendario FooEvents de forma aut\u00f3noma?"},"content":{"rendered":"<p>The <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-calendar\/\" target=\"_blank\" rel=\"noopener\">FooEvents Calendar<\/a> includes the ability to convert any post, page, or custom post type into an event and display them in a calendar on your WordPress website.<\/p>\n<p class=\"notice\">The <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-calendar\/\" target=\"_blank\" rel=\"noopener\">FooEvents Calendar<\/a> plugin can be used on its own without the <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-for-woocommerce\/\" target=\"_blank\" rel=\"noopener\">FooEvents for WooCommerce<\/a> core plugin installed, however, it will not support <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-for-woocommerce\/\" target=\"_blank\" rel=\"noopener\">ticketing<\/a>, <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-multi-day\/\" target=\"_blank\" rel=\"noopener\">multi-day<\/a>, and <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-bookings\/\" target=\"_blank\" rel=\"noopener\">booking<\/a> functionality in this scenario.<\/p>\n<p>If you <strong>do not<\/strong> have the <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-for-woocommerce\/\" target=\"_blank\" rel=\"noopener\">FooEvents for WooCommerce<\/a> core plugin installed, please follow these steps to add an event calendar to your WordPress website:<\/p>\n<h3>1. Install and configure the FooEvents Calendar plugin<\/h3>\n<ol>\n<li>Install the <a href=\"https:\/\/wordpress.org\/plugins\/fooevents-calendar\/\" target=\"_blank\" rel=\"noopener\">FooEvents Calendar<\/a> on your WordPress website<\/li>\n<li>Navigate to the Calendar Settings in your WordPress admin dashboard. Go to <strong>FooEvents<\/strong> &gt; <strong>Calendar Settings<\/strong><\/li>\n<li>Complete the <strong>Calendar Settings<\/strong> as needed. Be sure to select which post types can be set as events in the <strong>Associate with post types<\/strong> multi-select box. Selected post types will then display additional event settings such as the event date and can be displayed in the calendar<\/li>\n<\/ol>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-134025\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.07.36.png\" alt=\"FooEvents calendar settings\" width=\"496\" height=\"549\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.07.36.png 496w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.07.36-271x300.png 271w\" sizes=\"(max-width: 496px) 100vw, 496px\" \/><\/p>\n<h3>2. Add event details to a post, page, or custom post type<\/h3>\n<ol>\n<li>Navigate to any <strong>post<\/strong>, <strong>page<\/strong>, or <strong>custom post type<\/strong> that needs to be displayed as an event in the calendar<\/li>\n<li>Scroll down to the <strong>Event Settings<\/strong> meta box and complete the event details as needed <img decoding=\"async\" class=\"alignnone size-full wp-image-134028\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-13.29.31.png\" alt=\"Calendar Event Settings\" width=\"279\" height=\"380\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-13.29.31.png 279w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-13.29.31-220x300.png 220w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/li>\n<li>Save the settings and repeat this process for each page, post, or custom post type that needs to reflect as an event in the calendar<\/li>\n<\/ol>\n<h3>3. Embed the calendar on your website<\/h3>\n<ol>\n<li>Browse to a page or post where you intend to display the calendar<\/li>\n<li>Add the following <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\">short code<\/a> to display the calendar: <strong>[fooevents_calendar] <img decoding=\"async\" class=\"alignnone size-full wp-image-134026\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.21.06.png\" alt=\"Using the [fooevents_calendar] shortocde with the block editor\" width=\"645\" height=\"125\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.21.06.png 645w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.21.06-300x58.png 300w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/><\/strong><\/li>\n<li>Save and view the page\/post to confirm that the calendar is displaying correctly <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-134027\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.22.46.png\" alt=\"Viewing the calendar \" width=\"642\" height=\"465\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.22.46.png 970w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.22.46-300x217.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-24-at-12.22.46-768x557.png 768w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/li>\n<li>You can further customize the calendar using <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\">various short code properties<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":0,"parent":158,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","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":"","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":""},"doc_tag":[607,265,456,608],"class_list":["post-134023","docs","type-docs","status-publish","hentry","doc_tag-events-calendar","doc_tag-fooevents-calendar","doc_tag-free","doc_tag-standalone"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/134023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/comments?post=134023"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/134023\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/158"}],"next":[{"title":"\u00bfC\u00f3mo incrustar una transmisi\u00f3n en directo para una reuni\u00f3n o seminario web de Zoom?","link":"https:\/\/help.fooevents.com\/es\/docs\/frequently-asked-questions\/events\/how-do-i-embed-a-live-stream-for-a-zoom-meeting-or-webinar\/","href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/2861"}],"prev":[{"title":"\u00bfPor qu\u00e9 mi calendario se muestra correctamente en Elementor pero se rompe en mi sitio?","link":"https:\/\/help.fooevents.com\/es\/docs\/frequently-asked-questions\/events\/why-does-my-calendar-display-correctly-in-elementor-but-breaks-on-my-site\/","href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/133344"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/media?parent=134023"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/doc_tag?post=134023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}